var to = null;
var BaseURL = Utilities.GetBaseURL();

$(document).ready(function(){
    
    $("ul.mainnav > li").bind("mouseenter", function(e){
        
        var self = this;
        $(this).children('a').css("background", "url(Images/menu-bg-on.gif) repeat-x");
        to = setTimeout(function(){showNav(self);}, 200);
        
        if ($(this).children('.popOut').children('.seriesarea').children('.series').size() == 1)
        {
            $(this).children('.popOut').css("width", "485px");
            $(this).children('.popOut').children('.red').css("width", "485px");
            $(this).children('.popOut').children('.seriesarea').css("width", "140px");
        }
        else if ($(this).children('.popOut').children('.seriesarea').children('.series').size() > 1)
        {
            $(this).children('.popOut').css("width", "705px");
        }
    }).bind("mouseleave", function(){
        var self = this;
        $(this).children('a').css("background", "url(Images/menu-bg-off.gif) repeat-x");
        setTimeout(function()
        {
            $(self).find('.popOut:visible').hide();
        }, 210);
    });
    
    
    $("ul.mainnav").bind("mouseleave", function(){
        if (to != null)
            clearTimeout(to);
            
        $(this).find('.popOut:visible').fadeOut("slow");
    });
    
    $("ul.mainnav a.productLink").mouseover(function()
    {
        var wbnavigationid = $(this).attr("wbnavigationid");
        var productBox = $(this).parents(".popOut").children(".productBox");
        productBox.load(BaseURL + "AJAX/NavRollOver.aspx?WBNavigationID=" + wbnavigationid);
    }).mouseout(function(){
        
    });
});

function showNav(root)
{
    $(root).children('.popOut').each(function(index, element) {
        if (element.style.display != "block")
        {
            element.style.display = "block";
            
            //var jTopProduct = $(this).find("tr:first-child td.popOut-column:first-child div.series:first-child div.divProducts:nth-child(2) a.productLink");
            var jTopProduct = $(this).find("div.series:first-child div.divProducts:nth-child(2) a.productLink");
            if (jTopProduct.length > 0)
            {
                var wbnavigationid = jTopProduct.attr("wbnavigationid");
                var productBox = $(this).find(".productBox");
                productBox.load(BaseURL + "AJAX/NavRollOver.aspx?WBNavigationID=" + wbnavigationid);
            }
        }
    });

}