var _lis = [];
var _timeOut = 500;

function initPage()
{
	var nav = document.getElementById("nav");
	if (nav)
	{
		_lis = nav.getElementsByTagName("li");
		for (var i = 0; i < _lis.length; i++)
		{
			_lis[i]._i = i;
			
			_lis[i].onmouseover = function () 
			{
				if(this._timeout)
				{
					clearTimeout(this._timeout);
				}
				closeLevelMenu(this);
				if (this.className.indexOf("hover") == -1)
				{
					this.className += " hover";
				}
			}
			_lis[i].onmouseout = function ()
			{
				this._timeout = setTimeout('closeMenu(' + this._i + ')',_timeOut);
			}
		}
	}
}

function closeMenu(_i)
{
	if(_lis[_i] && _lis[_i].className.indexOf("hover") != -1)
	{
		_lis[_i].className = _lis[_i].className.replace("hover", "");		
	}
}

function closeLevelMenu(el)
{
	if(el)
	{
		var _els = el.parentNode.getElementsByTagName("li");
		for (var i = 0; i < _els.length; i++)
		{
			if(_els[i]._i != el._i && el.parentNode == _els[i].parentNode)
			{
				if(_els[i]._timeout)
				{
					clearTimeout(_els[i]._timeout);
				}				
				closeMenu(_els[i]._i);
			}
		}		
	}		
}

window.onload = initPage;