// JavaScript Document

startList = function()
{
    if (document.all&&document.getElementById)
    {
        navRoot = document.getElementById("nav");
        bulkRoot = document.getElementById("bulk");
        if (null != navRoot)
        {
          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", ""); }
            }
          }
        }
        if (null != bulkRoot)
        {
          for (i=0; i<bulkRoot.childNodes.length; i++)
          {
            node = bulkRoot.childNodes[i];
            if (node.nodeName=="LI")
            {
             node.onmouseover=function() { this.className+=" over"; }
             node.onmouseout=function() { this.className=this.className.replace(" over", ""); }
            }
          }
        }
    }
}
window.onload=startList;


/*
This is the global CLASS version of the JS. All parts of the puzzle are not working together yet.

function changeLiClass() {
if(document.all) {
  var uls=document.getElementsByTagName('ul');
for(c=0;c<uls.length;c++) {
if(uls[c].className=='nav') {

for(i=0; i<uls[c].childNodes.length; i++) {
  var list=uls[c].childNodes[i];

if(list.nodeName=='LI') {

  list.onmouseover=function() {
     this.className='over';
 }
  list.onmouseout=function() {
     this.className='';
}
}}}}}}
onload=changeLiClass;*/