var subMenuIds = new Array();
var timeoutId;
function showSubMenu(key)
{
    if(timeoutId != "")
    {
        window.clearTimeout(timeoutId);
        timeoutId="";
    }
    actualHideSubMenus();
    resetTopNavStyle(key + '_top');
    setTopNavStyle(key + '_top');
    var container = document.getElementById(key);
    container.style.display="block";
}

function hideSubMenus(key)
{
    if(timeoutId != "")
    {
        window.clearTimeout(timeoutId);
    }    
    timeoutId = window.setTimeout(actualHideSubMenus,200);
    resetTopNavStyle(key + '_top');
}

function actualHideSubMenus()
{
    for(var i = 0; i < subMenuIds.length; i++)
    {
        var container = document.getElementById(subMenuIds[i]);
        container.style.display="none";
    }
}

function registerSubMenu(key){
    subMenuIds.push(key);
}

function setTopNavStyle(key)
{
    var topnav = document.getElementById(key);
    if(topnav!=null)
    {
        topnav.className="current";
    }
}

function resetTopNavStyle(key)
{
    var topnav = document.getElementById(key);
    if(topnav!=null)
    {
        topnav.className="";
    }
}