function initPage()
{
	var navRoot = document.getElementById("nav");
	var lis = navRoot.getElementsByTagName("li");
	for (var i=0; i<lis.length; i++)
	{
		if (lis[i].parentNode.id == "nav")
		{
			lis[i].onmouseover = function()
			{
				this.className += " hover";
               	var cul = this.getElementsByTagName("ul");
                if (cul){
                	for (var j=0; j<cul.length; j++){
                        cul[j].style.width = (cul[j].parentNode.offsetWidth-0) + "px";
                    }
                }
			}
			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);