/*
	On page load, the startList function is invoked. The function determines 
	if the browser is actually IE 5 or greater by checking for the existence 
	of the document.all object and document.getElementById function. This is 
	a bit of a crude way of doing it but it’s short and sweet — and since we 
	are trying to make a compact solution, this will do. It then loops through, 
	enabling mouseover and mouseout events which add and remove the over class 
	from the className property of the element.
	*/
	/* ORIGINAL SCRIPT
	var 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", "");
					}
				}
			}
		}
	}
	*/
	/* CUSTOM MULTI-MENU SCRIPT - .SPA */
	var startList = function(theElement) {
		var theElement;
		if (document.all&&document.getElementById) {
			navRoot = document.getElementById(theElement);
			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", "");
					}
				}
			}
		}
	}	
	window.onload=function(){
		startList("nav");
		startList("subnav1");
		startList("subnav2");
		startList("subnav3");
	}