function setRollover(imgIndex)
{
    // Hide all existing Navs.
    for (var i = 0; i < secNavIDs.length; i++)
    {
        if (document.getElementById(secNavIDs[i][0]) && secNavIDs[i][2])
            document.getElementById(secNavIDs[i][0]).firstChild.src = secNavIDs[i][2];
    }
    
    //document.getElementById(secNavIDs[imgIndex][0]).firstChild.src = secNavIDs[imgIndex][3];
    showSecondaryNav(imgIndex);
}


function showSecondaryNav(menuID)
{
  // first, hide all sec navs.
  hideAllSecondNav();
  
  // Get the currently selected nav
  var secNavHolder = secNavIDs[menuID][1];
  // Show the associated secondary nav holder
  if (document.getElementById(secNavHolder))
  {
    document.getElementById(secNavHolder).style.display = 'block';
  }
}
function hideAllSecondNav()
{
  for (var i = 0; i < secNavIDs.length; i++)
  {
    if (document.getElementById(secNavIDs[i][1]))
      document.getElementById(secNavIDs[i][1]).style.display = 'none';
  }
}
function initiateMenuBar() {
   if (document.getElementById) {
      var mapIds = initiateMenuBar.arguments;    // pass string IDs of containing map elements
      var i, j, area, areas;
      for (i = 0; i < mapIds.length; i++) {
        if (document.getElementById(mapIds[i]))
        {
          areas = document.getElementById(mapIds[i]).getElementsByTagName("area");

          for (j = 0; j < areas.length; j++) {  // loop thru area elements
             area = areas[j];
             // Disabled for now // area.onmouseout = imgSwap;   // set event handlers
             //area.onmouseover = imgSwap;  // set event handlers
          }
        }
      }
   }
}
// image swapping event handling
function imgSwap(evt) {
   evt = (evt) ? evt : event;                   // equalize event models
   var elem = (evt.target) ? evt.target : evt.srcElement;
   var imgClass = elem.parentNode.name;         // get map element name
   var coords = elem.coords.split(",");         // convert coords to clip
   var clipVal = "rect(" + coords[1] + "px " +
                           coords[2] + "px " +
                           coords[3] + "px " +
                           coords[0] + "px)";
   var imgStyle;
   
   switch (evt.type) {
      // Disabled for now
      //case "mouseout" :
      //   document.getElementById(imgClass + "_over").style.visibility = "hidden";
      //   break;
      
      case "mouseover" :
         // Hide the rollover state
         //document.getElementById(imgClass + "_over").style.visibility = "hidden";
         
         // Hide all secondary nav holders
         hideAllSecondNav();
         
         // Show the associated secondary nav holder
         showSecondaryNav(elem.id);
         
         imgStyle = document.getElementById(imgClass + "_over").style;
         imgStyle.clip = clipVal;
         imgStyle.visibility = "visible";
         break
   }
   evt.cancelBubble = true;
   return false;
}

/* End Menu Bar */