startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
				this.className=this.className.replace(" over", "");
				}
			}

			/* 
			
			//this section is only needed if the menu is more than one level deep
			//i didn't do the css for this part as of 
			if(node.getElementsByTagName("ul")){
				navRoot2 = node.getElementsByTagName("ul")[0];
				for (j=0; j<navRoot2.childNodes.length; j++) {
					node2 = navRoot2.childNodes[j];
					if (node2.nodeName=="LI") {
						node2.onmouseover=function() {
							this.className+=" over";
						}
						node2.onmouseout=function() {
						this.className=this.className.replace(" over", "");
						}
					}
				}
			}*/
		}
	}
}
window.onload=startList;