﻿
var headerSearchTextboxValue;

jQuery.noConflict();
jQuery(document).ready(function () {
    headerSearchTextbox = jQuery(".headerSearchText").first();
    headerSearchTextboxValue = headerSearchTextbox.val();

    jQuery('body').supersleight();


    jQuery(".headerNav > li").hover(
        function () {
            jQuery(this).children("ul:first").show();
        },
        function () {
            jQuery(this).children("ul:first").hide();
        }

    );


    jQuery("#productPageMedia").click(
        function () {
            jQuery(this).addClass("productPageMediaPoppedUp");
        },
        function () {
            jQuery(this).css();
        }

    );

    jQuery(".facetedCategorySliderGenderTitle li a").click(
        function () {
            swapFacetedCategoryGender(jQuery(this), jQuery(this).attr("title"));
        }
    );

});


var headerSearchTextbox;
var searchTextboxInactiveClass = "headerSearchTextInactive";


function clearSearchText() {
    if (headerSearchTextbox.hasClass(searchTextboxInactiveClass)) {
        headerSearchTextbox.val("");
        headerSearchTextbox.removeClass(searchTextboxInactiveClass);
    }
}

function fillSearchText() {
    if (headerSearchTextbox.val() == "") {
        headerSearchTextbox.addClass(searchTextboxInactiveClass);
        headerSearchTextbox.val(headerSearchTextboxValue);
        jQuery("#homepageBanner").show();
    }
}


function swapFacetedCategoryGender(thisElement, tabtoShow) {

    thisElement.parent().parent().parent().find(".facetedCategorySliderGenderSection > li").addClass("facetedCategoryGenderSectionHidden");
    thisElement.parent().parent().parent().find(".facetedCategorySliderGenderSection > li").removeClass("facetedCategoryGenderSectionActive");
    thisElement.parent().parent().parent().find(".facetedCategorySliderGenderTitle > li").removeClass("facetedCategoryGenderTitleActive");

    document.getElementById("facetedCategorySliderGender-" + tabtoShow).className = "facetedCategoryGenderSectionActive";
    document.getElementById("facetedCategorySliderGenderTitle-" + tabtoShow).className = "facetedCategoryGenderTitleActive";
}
