var NavItemHoverCssClass, NavSubItemHoverCssClass, NavGroupCssClass, NavItemCssClass, NavSubShellCssClass, NavSubItemCssClass;

$(document).ready(function()
{
    // rollover script for nav groupings
    $("div." + NavGroupCssClass).hover(
        function()
        {
            //$("div." + NavSubShellCssClass + ":not(:hidden)").animate({ height: "hide", opacity: "hide" });
            //$("div." + NavSubShellCssClass + ":not(:hidden)").css("border", "1px solid red");
        
            $(this).children("div." + NavItemCssClass).addClass(NavItemHoverCssClass);
            
            $(this).children("div." + NavSubShellCssClass).animate({ height: "show", opacity: "show" }, 200);
        },
        function()
        {
            $(this).children("div." + NavItemCssClass).removeClass(NavItemHoverCssClass);
            //$(this).children("div." + NavSubShellCssClass).animate({ height: "hide", opacity: "hide" });
            $(this).children("div." + NavSubShellCssClass + ":not(:hidden)").animate({ height: "hide", opacity: "hide" }, 200);
        }
    );

    //$(document).click(function() { $("div." + NavSubShellCssClass).animate({ height: "hide", opacity: "hide" }); });

    // rollover for sub nav items
    $("div." + NavSubShellCssClass + " div." + NavSubItemCssClass).hover(
        function() { $(this).addClass(NavSubItemHoverCssClass); },
        function() { $(this).removeClass(NavSubItemHoverCssClass); }
    );
});