function findpos(obj,name)
{
     var p = 0;
     var q = 0;
     var w = [ ];
     var w1 = "";
     while (obj.offsetParent)
     {
       p += obj[name];
       obj = obj.offsetParent;
     }
     return p;
}

function showSubMenu() 
{
  var objThis = this;
  var margin = "0px";
  var width  = "150px";

  for(var i = 0; i  < objThis.childNodes.length; i++)
  {
    if(objThis.childNodes.item(i).nodeName == "A")
    {
      if (objThis.childNodes.item(i).className == "mainitem") 
      {
        objThis.childNodes.item(i).className = "mainitem_on";
        margin = "-1px 0px 0px -" + (objThis.childNodes.item(i).offsetWidth+4) + "px";
        width  = objThis.childNodes.item(i).offsetWidth;
      }
      if (objThis.childNodes.item(i).className == "subitem") 
      {
        objThis.childNodes.item(i).className = "subitem_on";
        margin = "-36px 0px 0px " + document.getElementById('submenu_bg').style.width;
      }
    }

    if(objThis.childNodes.item(i).nodeName == "UL")
    {
      if (navigator.appName == 'Microsoft Internet Explorer')
      {
        objThis.childNodes.item(i).style.margin  = margin;
        objThis.childNodes.item(i).style.display = "block";
      }
      if (objThis.childNodes.item(i).className == "submenu")
      {
        if (navigator.appName == 'Microsoft Internet Explorer')
        {
          objThis.childNodes.item(i).style.width   = width;
          objThis.childNodes.item(i).style.width   = objThis.childNodes.item(i).offsetWidth;
          document.getElementById('submenu_bg').style.width   = objThis.childNodes.item(i).offsetWidth;
        }

        if(((objThis.childNodes.item(i).childNodes.length > 1 && navigator.appName == 'Microsoft Internet Explorer') ||
           (objThis.childNodes.item(i).childNodes.length > 3)))
        {
          var holder_left = findpos(objThis.childNodes.item(i), 'offsetLeft');
          document.getElementById('submenu_bg').style.display = 'block';
          document.getElementById('submenu_bg').style.left    = holder_left;
          document.getElementById('submenu_bg').style.filter  = 'Alpha(Opacity=75)';
        }  
      }
      if (objThis.childNodes.item(i).className == "submenu2" && 
          navigator.appName == 'Microsoft Internet Explorer')
      {
        objThis.childNodes.item(i).style.filter = 'Alpha(Opacity=75)';
      }
    }
  }
}

function hideSubMenu()
{
  var objThis = this;

  for(var i = 0; i  < objThis.childNodes.length; i++)
  {
    if(objThis.childNodes.item(i).nodeName == "UL")
    {
      if (navigator.appName == 'Microsoft Internet Explorer') 
      {
        objThis.childNodes.item(i).style.display = "none";
      }
      if (objThis.childNodes.item(i).className == "submenu") 
      {
        document.getElementById('submenu_bg').style.display = 'none';
      }
    }
    
    if(objThis.childNodes.item(i).nodeName == "A")
    {
      if (objThis.childNodes.item(i).className == "mainitem_on") 
      {
        objThis.childNodes.item(i).className = "mainitem";
      }
      if (objThis.childNodes.item(i).className == "subitem_on") 
      {
        objThis.childNodes.item(i).className = "subitem";
      }
    }
  }
}

function initialiseMenu()
{
  var objLICollection = document.body.getElementsByTagName("LI");
  for(var i = 0; i < objLICollection.length; i++)
  {
    var objLI = objLICollection[i];
    for(var j = 0; j  < objLI.childNodes.length; j++)
    {
      if(objLI.childNodes.item(j).nodeName == "UL" && objLI.childNodes.item(j).className != '')
      {
        objLI.onmouseout=hideSubMenu;
        objLI.onmouseover=showSubMenu;
      }
    }
  }
}

window.onload=initialiseMenu;