<!--//  code for the drop menus in IE - changes the element's CSS class//  CSS controls the dropmenus 100% for MozillastartList = function() {  if (document.all&&document.getElementById) {	navRoot = document.getElementById("navMenu");	//Original code was this childnodes loop from aListApart.com	//I had to break this up to allow the top images to remain in the rollover state	/*	for (i=0; i<navRoot.childNodes.length; i++) {	  node = navRoot.childNodes[i];	  if (node.nodeName=="LI") {		node.onmouseover=function() {		  this.className+=" over";		  this.style.zIndex = 2;  //added this to fix z-index problem		}		node.onmouseout=function() {		  this.className=this.className.replace(" over", "");		  this.style.zIndex = 0;		}	  }	}	*/	//my ugly but functional version starts here	node1 = navRoot.childNodes[0];	node2 = navRoot.childNodes[1];	node3 = navRoot.childNodes[2];	node4 = navRoot.childNodes[3];	node5 = navRoot.childNodes[4];	node6 = navRoot.childNodes[5];	node1.onmouseover=function() {		 this.className+=" over";		 this.style.zIndex = 2;		 roll(1,true);	}	node1.onmouseout=function() {		 this.className=this.className.replace(" over", "");		 this.style.zIndex = 0;		 roll(1,false);	}	node2.onmouseover=function() {		 this.className+=" over";		 this.style.zIndex = 2;		 roll(2,true);	}	node2.onmouseout=function() {		 this.className=this.className.replace(" over", "");		 this.style.zIndex = 0;		 roll(2,false);	}	node3.onmouseover=function() {		 this.className+=" over";		 this.style.zIndex = 2;		 roll(3,true);	}	node3.onmouseout=function() {		 this.className=this.className.replace(" over", "");		 this.style.zIndex = 0;		 roll(3,false);	}	node4.onmouseover=function() {		 this.className+=" over";		 this.style.zIndex = 2;		 roll(4,true);	}	node4.onmouseout=function() {		 this.className=this.className.replace(" over", "");		 this.style.zIndex = 0;		 roll(4,false);	}	node5.onmouseover=function() {		 this.className+=" over";		 this.style.zIndex = 2;		 roll(5,true);	}	node5.onmouseout=function() {		 this.className=this.className.replace(" over", "");		 this.style.zIndex = 0;		 roll(5,false);	}	node6.onmouseover=function() {		 this.className+=" over";		 this.style.zIndex = 2;		 roll(6,true);	}	node6.onmouseout=function() {		 this.className=this.className.replace(" over", "");		 this.style.zIndex = 0;		 roll(6,false);	}  }}window.onload=startList;//-->