﻿function updateSearch() {
    var query = $('#search').val();

    $.ajax({
        type: 'POST',
        url: '/home/search',
        data: { query: query },
        dataType: 'json',
        success: function (data, status) {
            $('.search-results').css('display', 'inline-block');
            $('.search-results').html('');
            $('.search-results').append('<h1>You searched for \"' + query + '\"</h1><p class="count">With ' + data.resultcount + ' results matching your query.</p>');

            $.each(data.resultset, function (k, v) {
                $('.search-results').append(
                '<div class="element"><img src=\"/home/thumb?id=' + v.image + '\" alt=' + v.image + ' />'
                + '<span class="title" id="search-result-title-' + k + '"><a href=\"/article/' + v.link + '\">' + v.title + '</a></span><br/>'
                + '<span class="text" id="search-result-text-' + k + '">' + v.text + '</span></div>');

            })
        },
        error: function (data, status) {
            $('.search-results').css('display', 'inline-block');
            $('.search-results').html('');

            $('.search-results').append("Not allowed<br/> Status: " + status);
        }

    });
}
