var menuMens;
var menuWomens;
var menuExploreProducts;
var menuEPContainer;
var subMenuVisible=false;
var clickedSubMenuCategory;
var currentProductSubMenu;
var genderSelected;
var activeSiteMenu;
var overrideMouseLeaveEvent = false;
function nav(productURL)
{
    window.location = "ExploreProducts.aspx?gender="+ genderSelected + "&" + productURL;
}


window.addEvent("domready",function() {

    var clickedMenu;
    var visibleContainer;        
          
    $("siteMenu").getElements("img").each(function(item) {

        item.addEvent('mouseenter',function() {
            
            var onMouseEnterSrc=item.src.replace("Link_","Active_");
            if(onMouseEnterSrc) {
                item.src=onMouseEnterSrc;
                activeSiteMenu = item;                
            }                     
        });
        item.addEvent('mouseleave',function(evt) {
                        
            if(!overrideMouseLeaveEvent && clickedMenu == this ) return;
            var onMouseLeaveSrc=item.src.replace("Active_","Link_");          

            if(onMouseLeaveSrc)
            {
                item.src=onMouseLeaveSrc;
                activeSiteMenu = null;
            }            
            overrideMouseLeaveEvent = false;
        });
        item.addEvent('click',function(evt) {       
                    
            $$(".productSubMenu").each(function(p) {
                p.style.display="none";
            });
            
            if(item.id=="menuExploreProducts") {
            
            
                var fudge = Math.round((document.documentElement.clientWidth - 1000) / 2) + 65;
                if ( fudge < 65 ) fudge = 0;
                
                if((evt.offsetX?(evt.offsetX):evt.page.x-$("menuExploreProducts").offsetLeft-fudge)>78) {
                    // W
                    genderSelected = "womens";
                    $("Bras").style.display="";
                    //$("braSupportLozenge").style.display = "";
                    $("categoryDriMesh").style.display = "none";
                    //$("categoryVentilator").style.display = "block";
                    $("yogaTights").style.display = "block";
                     //$("categoryVersatx").style.display = "block";
                     //$("categorySportSupport").style.display = "block";                    
                     $("supportBraSupport").style.display = "block";
//                     $("supportLooseSupport").style.display = "none";
                     //$("categoryVersatxTop").style.display = "block";
                    
                    if(typeof(containsFlash) == "undefined")
                        $("productMenu").style.left="398px";
                    else
                        $("productMenu").style.left="463px";
                    
                    $("productSubMenuCap").src="/View/Images/Menu/roundedPanelTopWomens.png";
                    $$(".productSubMenu").each(function(p) {
                        if(typeof(containsFlash) == "undefined")    
                            p.style.left="562px";
                        else
                            p.style.left="627px";
                    });
                }
                else {
                    // M
                    genderSelected = "mens";
                    $("Bras").style.display="none";
                    $("yogaTights").style.display = "none";
                    $("categoryDriMesh").style.display = "none";
                    //$("categoryVentilator").style.display = "block";
//                    $("supportLooseSupport").style.display = "block";
                    
                    //$("categoryVersatx").style.display = "none";                     
                    //$("categoryVersatxTop").style.display = "none";
                    //$("categorySportSupport").style.display = "none";
                    $("supportBraSupport").style.display = "none";  
                    
                    
                    if(typeof(containsFlash) == "undefined")
                        $("productMenu").style.left="318px";
                    else
                        $("productMenu").style.left="383px";
                    
                    $("productSubMenuCap").src="/View/Images/Menu/roundedPanelTopMens.png";
                    $$(".productSubMenu").each(function(p) {
                        if(typeof(containsFlash) == "undefined")    
                            p.style.left="481px";
                        else
                            p.style.left="546px";
                            
                    });
                }
            }

            if(clickedMenu) {
                var tempClickedMenu=clickedMenu;
                clickedMenu=this;
                tempClickedMenu.fireEvent('mouseleave');
                
            }
            else
                clickedMenu = this;

            if(visibleContainer)
                visibleContainer.style.display="none";
                
            if($(item.getAttribute("show"))) {
                if (evt) evt.stop();
                visibleContainer=$(item.getAttribute("show"));
                visibleContainer.style.display="block";
            }
            
        });
    });
    
    $(document.body).addEvent('click', function() { 
                
        if(visibleContainer)
            visibleContainer.style.display="none";
            
            $$(".productSubMenu").each(function(p) {
                p.style.display="none";
            }); 
                        
        if (clickedMenu)
        {
            overrideMouseLeaveEvent = true;
            clickedMenu.fireEvent('mouseleave');            
        }
        if ($("buyNowPanel"))
        {
            $("buyNowPanel").style.display = "none";
        }
        if ($("carouselBuyNowPanel"))
        {
            $("carouselBuyNowPanel").style.display = "none";
        }
        if ($("NavHeaderPopUp"))
        {
            $("NavHeaderPopUp").style.display = "none";
        }
    });
    $("productMenu").getElements("tr").addEvent("mouseenter",function() {
        if(this.className=="menuCap") return;
        
        this.getElement("a").style.color = "#414142";
        this.className="tableRowHover";

        this.fireEvent("click");
    });

    $("productMenu").getElements("tr").addEvent("mouseleave",function() {
        if(this.className=="menuCap") return;
        if(clickedSubMenuCategory!=this) {
            this.getElement("a").style.color = "#b1b1b1";
            this.className="menuItem";
        }
    });

    $("productMenu").getElements("tr").addEvent("click",function() {

        if(this.className=="menuCap") return;

        if(clickedSubMenuCategory!=this&&clickedSubMenuCategory!=null) {
            var temp=clickedSubMenuCategory;
            clickedSubMenuCategory=this;
            temp.fireEvent('mouseleave');
        }
        else {
            clickedSubMenuCategory=this;
        }

        clickedSubMenuCategory=this;
        this.className="tableRowHover";
        if(currentProductSubMenu) {
            currentProductSubMenu.style.display="none";
        }
        currentProductSubMenu=$("subMenu"+this.id);
        if (!currentProductSubMenu) return;
        currentProductSubMenu.style.display="block";
    });

    $("communityMenu").getElements("tr").addEvent("mouseenter",function() {
        if(this.className=="menuCap") return;
        this.className="tableRowHoverCommunity";
    });

    $("communityMenu").getElements("tr").addEvent("mouseleave",function() {
        if(this.className=="menuCap") return;
        if(clickedSubMenuCategory!=this) {
            this.className="communityMenuItem";
        }
    });

    $("communityMenu").getElements("tr").addEvent("click",function(evt) {
        evt.stop();
        if(this.className=="menuCap") return;

    });

    $("shopMenu").getElements("tr").addEvent("mouseenter",function() {
        if(this.className=="menuCap") return;
        this.className="tableRowHover";
    });

    $("shopMenu").getElements("tr").addEvent("mouseleave",function() {
        if(this.className=="menuCap") return;
        if(clickedSubMenuCategory!=this) {
            this.className="menuItem";
        }
    });

    $("shopMenu").getElements("tr").addEvent("click",function(evt) {
        evt.stop();       

        if(this.className=="menuCap") return;

    });
    //    menuExploreProducts.addEvent("mouseenter",function() {
    //        menuExploreProducts_onMouseover();
    //    });

    //    menuMens=new Element("img",{ "src": "/View/Images/site.menu.mens.gif","styles": { display: "none",cursor: "pointer" },
    //        "events": {
    //            'click': function() { menu_onClick(); },
    //            'mouseleave': function() { menu_onMouseOut(); }
    //        }
    //    });

    //    menuWomens=new Element("img",{ "src": "/View/Images/site.menu.womens.gif","styles": { display: "none",cursor: "pointer" },
    //        "events": {
    //            'click': function() { menu_onClick(); },
    //            'mouseleave': function() { menu_onMouseOut(); }
    //        }
    //    });

    //    menuMens.inject(menuEPContainer);
    //    menuWomens.inject(menuEPContainer);

    $$(".sliderElement").each(function(item) {
        item.addEvent('mouseenter',function() {
            item.addClass("sliderElementHover");
        });
        item.addEvent('mouseleave',function() {
            item.removeClass("sliderElementHover");
        });
    });

    // initialize accordion
    var accordion=new Accordion($$('.categorySelector'),$$('.categorySelectorSlider'), { alwaysHide: true, duration : 700 });
    // make accordion open on hover  
    $$('.categorySelector').addEvent('mouseenter',function() { if (this.id == "openOnMouseOver" || this.id == "openOnMouseOver2") this.fireEvent('click'); });
    $$('.categorySelector').addEvent('click',function(evt) { if (evt) evt.stop(); });
    $$('.categorySelector').addEvent('mouseenter',function(evt) { this.style.cursor = "pointer"; this.addClass("categorySelectorHover"); });
    $$('.categorySelector').addEvent('mouseleave',function(evt) { this.removeClass("categorySelectorHover"); });


//});

//function menu_onMouseOut() {
//    if(!subMenuVisible) {
//        menuMens.style.display="none";
//        menuWomens.style.display="none";
//        menuExploreProducts.style.display="inline";
//    }

//}

//function menuExploreProducts_onMouseover() {
//    menuExploreProducts.style.display="none";
//    menuMens.style.display="inline";
//    menuWomens.style.display="inline";
//}

//function menu_onClick() {

//    var siteSubMenu=$("siteSubMenu");

//    if(!subMenuVisible) {
//        siteSubMenu.style.display="block";
//        subMenuVisible=true;
//    }
//    else {
//        menuExploreProducts_onMouseover();
//        siteSubMenu.style.display="none";
//        subMenuVisible=false;
//        if(currentProductSubMenu)
//            currentProductSubMenu.style.display="none";
//        clickedSubMenuCategory=null;
//    }

//}


    
    
// END DOMREADY //
});             //
// END DOMREADY //