/**
 * Simulates the :hover state for <li> elements in Internet Explorer
 *
 * Works by applying a class 'over' to <li> elements when rolled over. The 'over' class shares
 * the same properties as the corresponding :hover class.
 *
 * Taken from http://www.alistapart.com/articles/dropdowns
 */
function init_menu() {
	if (!document.all || !document.getElementById) return;

	var navRoot = document.getElementById("nav");
	var navItems = navRoot.getElementsByTagName("li");

	for (ii = 0; ii < navItems.length; ii++) {
		var navItem = navItems[ii];
		if (navItem.parentNode == navRoot || navItem.className == "more") {
			navItem.onmouseover = function() { this.className += " over"; }
			navItem.onmouseout  = function() { this.className = this.className.replace(" over", ""); }
		}
	}
}