// ie fix
if (!window.console) console = {};
console.log = console.log || function () { };

function freetextsearch() {
    if (this.timer) clearTimeout(this.timer);
    this.timer = setTimeout(function () { doSearch(), 300 });
}

function doSearch() {
    q = $('#searchInput').val()

    $.ajax({
        type: 'POST',
        url: '/ws/search.asmx/FreeTextSearch',
        data: "{'q':'" + q + "'}",
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        timeout: 10000,
        success: function (msg) {
            handleSearchResult(msg.d);
        },
        error: function (xhr, status, error) {
            console.log(error);
        }
    });
}

function handleSearchResult(result) {    
    $('#articlecount').html('(' + result.TotalArticlesCount + ')');
    $('#productcount').html('(' + result.TotalProductsCount + ')');

    var x = "<div class=\"liveItem\"> " +
			"	<div class=\"img\">"+
			"		<a href=\"${Url}\"><img src=\"${ImageUrl}\"/></a>" +
			"	</div>"+
			"	<div class=\"text\">"+
			"		<div class=\"innerPadding\">"+
			"			<h6>${Title}</h6>" +
			"			<span class=\"date\">${Description}</span>" +
			"			<a href=\"${Url}\">Läs mer ></a>"+
			"		</div>"+
			"	</div>"+
			"</div>";

    $.template("itemTemplate", x);

    // remove siblings
    $('.left.liveCol .liveItem').remove();
    $('.right.liveCol .liveItem').remove();

    // add new items
    $.tmpl("itemTemplate", result.Articles).appendTo(".left.liveCol");
    $.tmpl("itemTemplate", result.Products).appendTo(".right.liveCol");

    // apply odd class
//    $('.left.liveCol .liveItem:odd').addClass("odd");
//    $('.right.liveCol .liveItem:odd').addClass("odd");

    // setup show all link
    $("#resultsLink").attr("href", "/search.aspx?q=" + $('#searchInput').val());
}

// Add our ajax
$(document).ready(function () {
    $('#searchInput').keyup(function () {
        freetextsearch();
    });
});