var menuVisible = "";
var menuHover = 0;

var NS4DOM = document.layers ? true:false;
var IEDOM = document.all ? true:false;
var W3CDOM = document.getElementById ? true:false;

function getObject(id)
{
	if (NS4DOM) ref="document."+id;
	else if (IEDOM) ref=id;
	else if (W3CDOM) ref="document.getElementById('"+id+"')";
	var object=eval(ref);
	return object;
}

function showMenu(id)
{
	getObject('menuHeader'+id).style.backgroundColor = '#99FF99';	
	menuHover = id;
	if (menuVisible == "")
	{
		setTimeout("showMenuOnHover(" + id + ")", 500);
	}
	else
		showMenuOnHover(id);
}

function showMenuOnHover(id)
{
	if (menuHover == id)
	{
		getObject('menuList'+id).style.visibility = 'visible';
		getObject('menuList'+id).style.display = 'block';
		if ((menuVisible != id)&&(menuVisible != ""))
			hideMenuNow(menuVisible);
		menuVisible = id;
	}
}

function hideMenu(id)
{
//	alert(id);
	getObject('menuList'+id).style.visibility = 'hidden';
	getObject('menuList'+id).style.display = 'none';
	menuHover = 0;
	setTimeout("timeoutMenu()", 3000);
	getObject('menuHeader'+id).style.backgroundColor = '#DAF9DA';
}

function hideMenuNow(id)
{
	getObject('menuList'+id).style.visibility = 'hidden';
	getObject('menuList'+id).style.display = 'none';
	getObject('menuHeader'+id).style.backgroundColor = '#DAF9DA';
}

function timeoutMenu()
{
	if (menuHover == 0)
	{
		menuVisible = "";
	}
}