var stillHover, delayHide;
var hoverOffDelay = 500;

function menuInit()
{
	for(var menuIndex = 0; menuIndex < menu.length; menuIndex ++)
	{
		var menuElement = document.getElementById('menu-item-' + menuIndex);

		var menuItems = menu[menuIndex];

		var subMenuDiv = document.createElement('ul');
		subMenuDiv.className = 'sub-menu';
		subMenuDiv.style.width = (menuElement.offsetWidth - 2) + 'px';
		subMenuDiv.id = 'sub-menu-' + menuIndex;

		for(var dropdownItems = 0; dropdownItems < menuItems.length; dropdownItems += 2)
		{
			var text = menuItems[dropdownItems];
			var url = menuItems[dropdownItems + 1];

			var html = '<li class="sub-menu-item"><a href="' + url + '">' + text + '</a></li>';

			subMenuDiv.innerHTML += html;
		}

		menuElement.appendChild(subMenuDiv);
	}
}

function switchSubMenu(currentMenuNumber)
{
	for(menuCount = 0; menuCount < menu.length; menuCount ++)
	{
		if(menuCount == currentMenuNumber)
			showSubMenu(menuCount);
		else
			hideSubMenu(menuCount);
	}

	stillHover = true;
}

function showSubMenu(menuNumber)
{
	var currentMenu = document.getElementById('sub-menu-' + menuNumber);
	currentMenu.style.display = 'block';
}

function menuHover()
{
	stillHover = true;
}

function tryHideSubMenues()
{
	stillHover = false;
	clearTimeout(delayHide);

	delayHide = setTimeout('hideSubMenues()', hoverOffDelay);
}

function hideSubMenues()
{
	if(!stillHover)
	{
		for(menuCount = 0; menuCount < menu.length; menuCount ++)
			hideSubMenu(menuCount);
	}
}

function hideSubMenu(menuNumber)
{
    var currentMenu = document.getElementById('sub-menu-' + menuNumber);
	currentMenu.style.display = 'none';
    currentMenu.parentNode.firstChild.className = '';
}

var menuItem = document.getElementById('menu');

if(menuItem)
{
	menuItem.onmouseover= menuHover
	menuItem.onmouseout = tryHideSubMenues
}