var menu = new Array();
menu[0] = 'mydropdown1';
menu[1] = 'mydropdown2';
menu[2] = 'mydropdown3';
menu[3] = 'mydropdown4';
menu[4] = 'mydropdown5';

var globalObject = '';
var isActive = false;
var timer;

function showhide(item, onItem, parentMenuLink)
{
    targetObject = document.getElementById(item).style;
    globalObject = targetObject;
    
    if(onItem)
    {
        clearTimeout(timer);
        
        for (i=0; i < menu.length; i++)
        {
            var tempObject = document.getElementById(menu[i]).style;
            tempObject.visibility = 'hidden';
			
        }
        layerInTimer();        
        isActive = true;
    }
    else
    {
        isActive = false;
        layerOutTimer();
    }
}

function layerOutTimer()
{
    timer = setTimeout("hideMenu()",300);
}
function layerInTimer()
{
    timer = setTimeout("showMenu()",300);
}

function hideMenu()
{
    if( !isActive )
    {
        globalObject.visibility = 'hidden';
    }
    clearHighlights();
}
function showMenu()
{  
    targetObject.visibility = 'visible';
}
function layerCheck(flag)
{
    if(flag)
    {
        isActive = true;
        clearTimeout(timer);
    }
    else
    {
        isActive = false;
        layerOutTimer();
    }
}


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