// this js is required due to IE's lack of support for :hover on anything but the <a> element

IEHover = function(){
	return this;
}
IEHover.loadMainNav = function() {
	if (document.all&&document.getElementById) {
		// then this is IE5/6
		navRoot = document.getElementById("mainNav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
					//alert(this.className);
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
					//alert(this.className);
				}
			}
		}
	}
}