function IEHoverPseudo() 
{
 /* IE/Win only allows the :hover pseudo-class to be applied to a link — so the 
 		li:hover that makes the sub-menus appear means nothing to IE. This function
		will fix this by changing the class name on a mouseover of a li item if it has
		the class of menuparent. */
		
	// create an array of li items in the dropdown menu.	
	var navItems = document.getElementById("dropdownmenu").getElementsByTagName("li");
	// stores classname before mouseover for restoring after mouseout
	// Go thru the array of li items and give them a mouseover function
	for (var i=0; i<navItems.length; i++) 
	{
		if(navItems[i].className.indexOf("menuparent") != -1) 
		{
			navItems[i].onmouseover=function() 
			{ 
				// add the class name "over" to the li item on a mouseover
				// so we can fool win/ie into doing a :hover CSS action.
				this.className += " over"; 
			}
			navItems[i].onmouseout=function() 
			{ 
				// reset the class name back to the original on a mouseout,
				// which was menuparent.
				this.className=this.className.replace(' over', '');
			}
		}
	}
}

window.onload = IEHoverPseudo;