$(document).ready(function () {
    //<![CDATA[

    var timeout;
    var searchtimeout;
    var activator = ".menuitem-search";
    var popup = ".search";
    var input = ".searchbar:first input";

    //$(activator).click(function() { $(popup).toggle(); return false; });

    $(activator).hover(function () {
        $(popup).css({
            left: $(activator).offset().left,
            top: $(activator).offset().top + $(activator).height()
        });
        $(popup).show();
        clearTimeout(timeout);
        $(input).attr({ "autocomplete": "off" });
        setTimeout(function () { $(input).focus(); $(input).select(); }, 10)

    }, function () {
        timeout = setTimeout(function () { $(popup).hide(); }, 100);
        if ($("#txtKeyword").length > 0) $("#txtKeyword").select();
    });

    $(popup).hover(function () {
        clearTimeout(timeout);
        $(activator).addClass("searchbackground");
        // $(input).select();

    }, function () {
        timeout = setTimeout(function () {
            $(popup).hide();
            $(activator).removeClass("searchbackground");

            if ($("#txtKeyword").length > 0) $("#txtKeyword").select();

        }, 100);
    });

    $(input).keyup(function () {
        clearTimeout(searchtimeout);
        if (jQuery.trim($(input).val()).length <= 2) return;

        searchtimeout = setTimeout(function () {
            $(".searchword").addClass("ajaxloader-bgonly");
            search($(input).val());
        }, 200);
    });

    function search(q) {

        $.ajax({
            type: "POST",
            url: "/moods.asmx/LiveSearch",
            data: '{"q": \"' + q + '\", "count" : \"' + Math.round(($(window).height() - 250) / 60) + '\", "start": \"1\", "websiteID": \"' + $("#ctl00_minisearch_hiddenWebsiteID").val() + '\"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                $(".searchresults").children().remove();

                var products = 0;
                $(msg.d).each(function (n, i) {
                    // title#ingress#imageURL#productURL#man
                    var split = i.split("#");
                    var imgurl = split[2] != "" ? split[2] : "/app_themes/standard/images/blackdot60.png";
                    $("#searchresults" + split[4]).append(
                        "<li class=\"ui-helper-clearfix\">" +
                            "<a href=\"" + split[3] + "\">" +
                                "<div class=\"imgcontainer imgcontainerthumb\" style=\"margin-right: 10px;\"><img src=\"" + imgurl + "\" alt=\"" + split[0] + "\" /></div>" +
                                split[0] + "<br /><span>" + split[1] + "</span>" +
                            "</a>" +
                        "</li>");
                    products++;
                });

                if (products > 0) {
                    $("#searchresultsman").prepend("<li style=\"border-bottom: solid 1px #FFFFFF; text-align: center;\">Man</li>");
                    $("#searchresultswoman").prepend("<li style=\"border-bottom: solid 1px #FFFFFF; text-align: center;\">Woman</li>");
                }

                $(".searchresults li:last-child").addClass("ui-corner-all");
            },
            error: function (msg) {
            }
        });

        setTimeout(function () {
            $(".searchword").removeClass("ajaxloader-bgonly");
        }, 1000);
    }

    //]]>
});