function highlightItem(itemID)
{
   //alert(itemID);

   if (navigator.appName == "Netscape")
   {
      eval("document.getElementById('" + itemID + "').className = 'dropMenuSelected'");
   }
   else
   {
      eval("document.all['" + itemID + "'].className = 'dropMenuSelected'");
   }
}

function unHighlightItem(itemID)
{

   if (navigator.appName == "Netscape")
   {
      eval("document.getElementById('" + itemID + "').className = 'dropMenu'");
   }
   else
   {
      eval("document.all['" + itemID + "'].className = 'dropMenu'");
   }
}


for(count=1; count <= sectionNames.length; count++)
{

   //Only create submenu if this section has one
   var subItems = subMenuNames[count-1];
   var subLinks = subMenuLinks[count-1];

   if(subItems.length > 0)
   {
      document.write("<div id='DropMenu" + count + "' style='position:absolute;left:0px;top:81px;z-index:10;Display:none' align='center'>");
      document.write("      <table cellpadding='0' cellspacing='0' border='0'><tr>");
      document.write("         <td onMouseOver='highlight(" + count  + ")' onMouseOut='unHighlight(" + count  + ")'>");
      document.write("            <table cellpadding='0' cellspacing='0' border='0'><tr height='5'><td class='tiny'>&nbsp;</td></tr></table>");

      document.write("            <table cellpadding='0' cellspacing='0' border='0' class='menu' background='Images/Menu/DropMenu/bg.jpg'><tr>");
      document.write("               <td width='3'></td>");
      document.write("               <td valign='top'>");

      document.write("<table cellpadding='0' cellspacing='0' border='0' width='100%'>");
      document.write("<tr><td colspan='3' height='3' width='" + subMenuWidth + "' class='tiny'>&nbsp;</td></tr>");

      for(itemCount=1; itemCount <= subItems.length; itemCount++)
      {
         var itemName = subItems[itemCount-1];
         var itemLink = subLinks[itemCount-1];

         var itemID = sectionNames[count-1] + itemCount;

         document.write("<tr class='dropMenu' ID='" + itemID + "'  onmouseover='highlightItem(\"" + itemID + "\")' onmouseout='unHighlightItem(\"" + itemID + "\")'><td width='1'>&nbsp;</td>");
         document.write("<td height='" + menuItemHeight + "' align='left'><a href='" + itemLink + "' class='menuItem'>");

         document.write(itemName);

         document.write("</a></td></tr>");
      
         //Provided this is not the last item, add the item separator
         if(itemCount < subItems.length)
            document.write("<tr height='2'><td colspan='3'></td></tr>");
      }

      document.write("<tr><td colspan='3' height='3' width='" + subMenuWidth + "' class='tiny'>&nbsp;</td></tr>");
      document.write("</table>");

      document.write("               </td>");
      document.write("               <td width='3'></td>");
      document.write("            </tr></table>");
      document.write("            <table cellpadding='0' cellspacing='0' border='0'><tr><td class='tiny'>&nbsp;</td></tr></table>");
      document.write("         </td>");
      document.write("      </tr></table>");
      document.write("</div>");
   }

}