var menuArray = new Array();
menuArray[0] = 'submenu1';
menuArray[1] = 'submenu2';
menuArray[2] = 'submenu3';
menuArray[3] = 'submenu4';
menuArray[4] = 'submenu5';
menuArray[5] = 'submenu6';

var globalObject = '';
var isActive = false;
var ourTimer;

function showhide(obj, onlink)
{
    targetObject = document.getElementById(obj).style;
    globalObject = targetObject;
 
    if(onlink)
    {
        clearTimeout(ourTimer);
 
        for (i=0; i < menuArray.length; i++)
        {
            var tempObject = document.getElementById(menuArray[i]).style;
            tempObject.visibility = "hidden";
        }
 
        targetObject.visibility = 'visible';
        isActive = true;
    }
    else
    {
        isActive = false;
        layerTimer();
    }
}
 
function layerTimer()
{
    ourTimer = setTimeout("hideMenu()",0050);
}
 
function hideMenu()
{
    if( !isActive )
    {
        globalObject.visibility = 'hidden';
    }
}
 
function layerCheck(flag)
{
    if(flag)
    {
        isActive = true;
        clearTimeout(ourTimer);
    }
    else
    {
        isActive = false;
        layerTimer();
    }
}

window.onload = function()
{
    for(var i=0;i<menuArray.length;i++)
    {
        var id = menuArray[i];
        var e = document.getElementById(id);
        e.onmouseover = function(e)
        {
            layerCheck(true);
        }
        e.onmouseout = function(e)
        {
            layerCheck(false);
        }
    }
}