var oldText = "";

function searchSuccess(message) {
    var result = message.d; // $(message).find("Result");
    var table = $("<table/>");
    $(result).each(function(i, e) {
        var item = e; // $(e);

        var CoverArt = item.CoverArt; // find("CoverArt").text();
        var Author = item.Author; // find("Author").text();
        var Artist = item.Artist; // find("Artist").text();
        var SongTitle = item.SongTitle; // find("Title").text();
        var AlbumTitle = item.AlbumTitle; // find("Title").text();
        var Link = item.Link;
        //console.log(CoverArt + " : " + Author + " : " + Title);

        var row = $("<tr/>");
        var tdCoverArt = $("<td class=\"search_coverart\"><a href=\"" + Link + "\"><img src=\"" + CoverArt + "\"/></a></td>").appendTo(row);
        //var tdAuthor = $("<td class=\"search_info\"><span class=\"search_author\">" + Author + "</span><span class=\"search_title\">" + Title + "</span></td>").appendTo(row);
        var tdArtist = $("<td class=\"search_info\"><a href=\"" + Link + "\"><span class=\"search_artist\">" + Artist + "</span><span class=\"search_title\">" + AlbumTitle + "</span></a></td>").appendTo(row);

        row.appendTo(table);
    });
    table.appendTo($("#searchResultsContainer").html(""));
    $("#searchResults").fadeIn();
    var zIndex = parseInt($("#searchForm").css("z-index"));
    $("#searchResults").css("z-index", zIndex + 50);
}

$(function() {
    $("#searchForm").keyup(
		function(event) {
		    var target = $(event.target);
		    var value = target.val();
		    if (value == oldText || value.length < 3) {
		        return;
		    } else {
		        $.ajax({
		            type: "POST",
		            url: "/Controllers/SearchController.asmx/search",
		            contentType: "application/json; charset=utf-8",
		            data: "{ 'request' : '" + value + "' }",
		            dataType: "json",
		            success: searchSuccess
		        });

		        // Dirty trick to suppress redundant keyUp events.
		        oldText = value;
		    }
		}
	);

    $("html").click(
		function(event) {
		    $("#searchResults").fadeOut();
		}
	);

    $("#searchResults").css({
        "position": "relative",
        "margin-left": "-20px",
        "padding-top": "25px"
    }).offset($("#searchForm").offset()).hide();

    $('#searchResultsContainer table tr').click(function(event) {
        target = $(this).find('a:first').attr('href');
        open(target, '_self');
    })
});