function initPage()
{
	var navRoot = document.getElementById("nav");
	var lis = navRoot.getElementsByTagName("li");
	var _width = 0;
	for (var i=0; i<lis.length; i++)
	{
		lis[i].onmouseover = function()
		{
			var inli = this.getElementsByTagName("li");
			for (var j=0; j<inli.length; j++)
			{
				if (inli[j].offsetWidth > _width)
				{
					_width = inli[j].offsetWidth;
				}
			}
			for (var j=0; j<inli.length; j++)
			{
				inli[j].style.width = _width + "px";
				inli[j].parentNode.parentNode.parentNode.parentNode.style.width =  _width + 7 + "px";
			}
			_width = 0;
			this.className += " hover";
                }
			lis[i].onmouseout = function()
		{
			this.className = this.className.replace("hover","");
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);