// 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);

				}

			}

		}

	}

}

IEHover.loadAwardsNav = function() {

	alert("awards!");

	if (document.all&&document.getElementById) {

		// then this is IE5/6

		navRoot = document.getElementById("awardsNav");

		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);

				}

			}

		}

	}

}