// Hide all nav menu groups
$(function () {
    SetContainerWidth();
    SetEqualColumnHeight();
    HideAllMegaNavigation();
});

function ResetMegaNavigation() {
    $('div.megaNavHitTest').css("width", 0);
    $('div.megaNavHitTest').css("height", 0);

    $('div.megaNavHitTest').css("left", "0px");
    $('div.megaNavHitTest').css("top", "0px");

    ResetMainNavItem();
    HideAllMegaNavigation();

    //$('div.mainNavItem').css("visibility", "visible");
}

function HideAllMegaNavigation() {
    $("div.navMenuGroup").hide();
}

function ResetMainNavItem() {
    $('div.mainNavItemHL').addClass('mainNavItem');
    $('div.mainNavItem').removeClass('mainNavItemHL');
}

function HighlightMainNavItem(parentId) {
    // Get the top menu and its position
    var topMenuItem = $("div[name= '" + parentId + "']");
    topMenuItem.addClass('mainNavItemHL');
    topMenuItem.removeClass('mainNavItemHL');
}

function SetContainerWidth() {
    $("div.navMenuGroup").each(function() {
        var count = 0;
        $(this).find("div.navCategoryGroup0:not(div.navCategoryTopBorder)").each(function() {

            $(this).find("div.navCategoryGroup1").each(function() {
                count += 1;
            });
        });
       // $(this).css('width', count * 200 + 100);
    });
}

function SetEqualColumnHeight() {
    $("div.navMenuGroup").each(function () {
        var height = 0;
        $(this).find("div.navCategoryGroup0:not(div.navCategoryTopBorder)").each(function () {
            var objHeight = $(this).height();
            if (height < objHeight)
                height = objHeight;
        });

        $(this).find("div.navCategoryGroup0:not(div.navCategoryTopBorder)").css('height', height + 'px');
        
        if ($(this).find("div.navCategoryGroup0:not(div.navCategoryTopBorder)").length > 3) {
            $(this).find("table.navMenuGroup").css('height', height * 2 + 15 + 'px');
        }
        else {
            $(this).find("table.navMenuGroup").css('height', height + 15 + 'px');
        }
    });
}

function ShowMegaNavigation(parentObj) {
    var parentId = $(parentObj).attr('name');

    // Create the mega navigation menu id
    var id = "div[name = 'navMenuGroup_" + parentId + "']";
    var options = { direction: 'up' };

    // Get the mega navigation item 
    var megaNavItem = $(id);

    if (megaNavItem.css("display") != undefined && megaNavItem.css("display") != 'none')
        return;

    // Get the top menu and its position
    var topMenuItem = $("div[name= '" + parentId + "']");
    topMenuItem.show();
    var topMenuItemPosition = topMenuItem.position();

    HideAllMegaNavigation();

    if (megaNavItem.length == 0)
        topMenuItem.first().css("background", "");

    // Get position of mega navigation
    var megaNavPosition = megaNavItem.position();

    megaNavItem.css("left", topMenuItemPosition.left + "px");
    megaNavItem.css("top", (topMenuItemPosition.top-10) + "px");

    // slide menu down now
    megaNavItem.effect('slide', options, 250, null);

    var doc = $(document);
    $('div.megaNavHitTest').css("width", doc.width()-10 );
    $('div.megaNavHitTest').css("height", doc.height()-10);

    $('div.megaNavHitTest').css("left", "-370px");
    $('div.megaNavHitTest').css("top", "-125px");
    //$('div.mainNavItem').css('visibility', 'hidden');

    ResetMainNavItem();
    HighlightMainNavItem(parentId);
}