var text = "Išči";
var feedUrl = "/ActivitySearch.aspx/Activities";

jQuery(document).ready(function() {
    var searchObj = jQuery("#search");

    // Set initial value
    searchObj.val(text);

    // For when we start input
    searchObj.focus(function() {
        jQuery(this).val("");
    });

    // For when we blur the field
    searchObj.blur(function() {
        jQuery(this).val(text);
    });

    searchObj.autocomplete(feedUrl, {
        dataType: "json",
        parse: function(data) {
            return jQuery.map(data, function(row) {
                return {
                    data: row,
                    value: row.Url,
                    result: row.Text
                }
            });
        },
        formatItem: function(item) {
            if (item != null) {
                if (item.Image != null && item.Image != "")
                    return "<img src='/Content/images/" + item.Image
                    + "' alt='" + item.Text + "' /> " + item.Text;
                else
                    return item.Text;
            }
            else
                return null;
        }
    }).result(function(event, item) {
        if (item != null && item.Url != null) {
            searchObj.trigger('blur');
            location.href = item.Url;
        }
    });
});