/*
 * See: http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html
 */
ieHover = function() {
	var ieULs = document.getElementById('navi').getElementsByTagName('ul');
	/** IE script to cover <select> elements with <iframe>s **/
	for (j=0; j<ieULs.length; j++) {
		ieULs[j].innerHTML = ('<iframe src="about:blank" scrolling="no" frameborder="0"></iframe>' + ieULs[j].innerHTML);
		var ieMat = ieULs[j].firstChild;
		ieMat.style.width=ieULs[j].offsetWidth+"px";
		ieMat.style.height=ieULs[j].offsetHeight+"px";	
		ieULs[j].style.zIndex="99";
	}
	/** IE script to change class on mouseover **/
	var ieLIs = document.getElementById('navi').getElementsByTagName('li');
	for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
		ieLIs[i].onmouseover=function() {this.className+=' iehover';}
		ieLIs[i].onmouseout=function() {this.className=this.className.replace(' iehover', '');}
	}
}
if (window.attachEvent) window.attachEvent('onload', ieHover);