var menuVisible = "";
var menuHover = 0;
var menuWidthSet = new Array(3);
menuWidthSet[0] = false;
menuWidthSet[1] = false;
menuWidthSet[2] = false;

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.textDecoration = 'underline';
	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 (menuWidthSet[id] == false)
		{
			widest = 0;
			for(i=0;i<getObject('menuList'+id).childNodes.length;i++)
			{
				temp = getObject('menuList'+id).childNodes[i].offsetWidth;
				if(temp > widest)
					widest = temp;
			}
	
			getObject('menuList'+id).style.width = widest+2+'px';
			menuWidthSet[id] = true;
		}

		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.textDecoration = 'none';
}

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

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