// global variables 
var activeSubMenu = null;

function getElement(id)
{
	var elem = document.getElementById(id);
	return elem;
}

function mouseOver(menu)
{
	var elem = getElement('menu' + menu);
	var subElem = getElement('submenu' + menu);
	hideActiveSubMenu();
	if (elem)
		elem.className = 'active';
	if (subElem)
		setSubMenu(subElem, 'visible');
}

function mouseOut(menu, active)
{
	var elem = getElement('menu' + menu);
	if (elem && active == false)
		elem.className = 'normal';
}

function hideActiveSubMenu()
{
	if (activeSubMenu)
		setSubMenu(activeSubMenu, 'hidden');
}

function setSubMenu(elem, cName)
{
	if (elem)
	{
		elem.className = cName;
		activeSubMenu = (cName == 'visible') ? elem : null;
	}
}