var startList = function()
{
  getNav();
	
	var divList = document.getElementsByTagName("DIV");
   for (var i = 0; i < divList.length; i++){
    if(divList[i].className == "details")
	  {
	    divList[i].onclick=function() {
      this.className+=" explain";
      }
      /*divList[i].onmouseout=function() {
      this.className=this.className.replace(" explain", "");
    	}*/
	  }
	}
}


function getNav(){
//navRoot = myid;
if (document.all&&document.getElementById) {
var navRoot  = document.getElementById("nav1");
var navRoot2 = document.getElementById("nav2");
var navRoot3 = document.getElementById("nav3");
var navRoot4 = document.getElementById("nav4");


for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }//end function
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }//end function
   }//end if
  }//end for


 
for (i=0; i<navRoot2.childNodes.length; i++) {
node = navRoot2.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }//end function
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }//end function
   }//end if
  }//end for

 
for (i=0; i<navRoot3.childNodes.length; i++) {
node = navRoot3.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }//end function
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }//end function
   }//end if
  }//end for

 
for (i=0; i<navRoot4.childNodes.length; i++) {
node = navRoot4.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }//end function
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }//end function
   }//end if
  }//end for
}
}
window.onload=startList;