var subMenuActive = false;
    var reset = false;
    var activeTab;
    var lastActiveTab;
    var subMenuFixed = false;
    
    function showSubMenu(sender)
    {
        document.getElementById('NavSubMenu').style.display = '';
        subMenuActive = false;
        reset = true;
        sender.style.backgroundColor = "#555";
        sender.style.color = "#FFF";
        activeTab = sender;
    }
    
    function hideSubMenu(sender, n)
    {
        reset = false;
        if(n == 0)
        {
            if(!subMenuFixed)
            {
                if(activeTab)
                {
                    activeTab.style.backgroundColor = '';
                    activeTab.style.color = '';
                }
                document.getElementById('NavSubMenu').style.display = 'none';
            }
        }
        else
        {
            if(!subMenuFixed)
            {
                lastActiveTab = activeTab;
                setTimeout('if(!subMenuActive && reset == false && lastActiveTab){lastActiveTab.style.backgroundColor = \'\'; lastActiveTab.style.color = \'\';}', n);
                setTimeout('if(!subMenuActive && reset == false){document.getElementById(\'NavSubMenu\').style.display = \'none\'; reset = false;}', n);
            }
        }
    }
    
    function activateSubMenu()
    {
        subMenuActive = true;
    }