// the current page we're on
var menuDefaultItem;
var menuHideTimer;
function menu_onload()
{
	// find the current page we're on
	for (var i=1; i<50; i++)
	{
		var menuItem=document.getElementById('menuItem_' + i);
		if (menuItem)
		{
			if (menuItem.className == 'topActive')
			{
				menuDefaultItem = i;
			}
		}
		else
		{
			break;
		}
	}
}

if (window.addEventListener)
{
	window.addEventListener('load', menu_onload, false);
}
else if (window.attachEvent)
{
	window.attachEvent('onload', menu_onload);
}


function menu_ShowHide(subMenuId)
{
	// give the css time to do its thing
	window.setTimeout('menu_doShowHide('+subMenuId+');', 50);
	if (menuHideTimer)
	{
		window.clearTimeout(menuHideTimer);
	}
	menuHideTimer = window.setTimeout('menu_doShowHide('+menuDefaultItem+')', 5000);
}

function menu_doShowHide(subMenuId)
{
	// hide any showing submenu
	for (var i=1; i<20; i++) // 20 is chosen to stop infinate loops
	{
		var subMenu=document.getElementById('subMenu_' + i);
		var menuItem=document.getElementById('menuItem_' + i);
		if (subMenu) {
			subMenu.className='hidden';
		}
		if (menuItem) {
			menuItem.className='topInactive';
		}
	}

	subMenu=document.getElementById('subMenu_' + subMenuId);
	if (subMenu)
	{
		subMenu.className='showing';
	}

	menuItem=document.getElementById('menuItem_' + subMenuId);
	if (menuItem)
	{
		menuItem.className='topActive';
	}
}

function menu_overSubItem(elem)
{
	subMenuItem=document.getElementById('subMenuShowing');
	if (elem.id!='subMenuShowing' && subMenuItem)
	{
		subMenuItem.className='out';
	}
	if (menuHideTimer)
	{
		window.clearTimeout(menuHideTimer);
	}
}

function menu_outSubItem(elem)
{
	subMenuItem=document.getElementById('subMenuShowing');
	if (subMenuItem)
	{
		subMenuItem.className='showing';
	}
	menuHideTimer = window.setTimeout('menu_doShowHide('+menuDefaultItem+')', 5000);
}