function hoverNavigation () {
	
	var navRoot = document.getElementById("hoverNav");
	
	for(i = 0; i < navRoot.childNodes.length; i++) {
		
		var node = navRoot.childNodes[i];
		
		if (node.nodeName.toUpperCase() == "LI") 
		{
			
			node.onmouseover = function() {
				this.className="over";	
			}
			node.onmouseout = function() {
				this.className = this.className.replace("over", "");	
			}
										 
		
		}
		
	}
}

window.onload = hoverNavigation;
