$(document).ready(function() {


    $('.inputSearch').keyup(function(e) {
        
        $('#autocomplete li:first').attr("rel", "first");
        $('#autocomplete li:last').attr("rel", "last");
        if (e.keyCode == 38 || e.keyCode == 40) {

            $('#autocomplete li:first').attr("style", "background:#eee");
            $('#autocomplete li:first').addClass("currentselecteditem");
            $('#autocomplete li:first a').focus();

        } else {
            var search = $(this).attr('value');
            if (search.length > 0) {

                var myUrl = "/testing.asp?q=" + escape(search) + " #autocomplete";
                $('#search-results').html('');
                $('#search-results').show();
                $("#search-results").load(myUrl);
            }
        }
    
    });

    $("#autocomplete li.currentselecteditem").live("keydown", function(e) {
        if (e.keyCode == 40 && $(this).attr("rel") != 'last') {
            $(this).attr("style", "background:#fff");
            $(this).removeClass("currentselecteditem");

            var nextItem = $(this).next();
            nextItem.attr("style", "background:#eee");
            nextItem.addClass("currentselecteditem");
            nextItem.find("a").focus();
            return false;

        }
        if (e.keyCode == 38 && $(this).attr("rel") != 'first') {
            $(this).attr("style", "background:#fff");
            $(this).removeClass("currentselecteditem");

            var prevItem = $(this).prev();
            prevItem.attr("style", "background:#eee");
            prevItem.addClass("currentselecteditem");
            prevItem.find("a").focus();
            return false;
        }
        if (e.keyCode == 13) {
            return true;
        }
        return false;

    });

    $(".background").click(function(e) {
        $('#search-results').hide();

    });

    $("#autocomplete li").live("click", function(e) {
        top.location = $("#autocomplete li a").attr("href");
    });

    $("#showCloud").click(function(e) {
        $("#cloud").slideToggle("normal");

        if ($(this).text().substring(0, 4) == "Visa") {
            $(this).text("Dölj populära sökningar");
        } else {
            $(this).text("Visa populära sökningar");
        }
    });

});