
 
   function InitMenu()
   {

     var bar = document.getElementById('menuBar').getElementsByTagName('div');
     for(var i=0;i < bar.length;i++) 
        {
          var menu=document.getElementById(getMenuAttr(bar[i]));
          menu.style.visibility = "hidden";
          bar[i].onmouseover = function () { ShowMenu(this); }
          var Items = menu.getElementsByTagName('div');
          for(var j=0; j<Items.length; j++)
            {
              var menuItem = Items[j];
                var val1 = getMenuAttr(menuItem);
                if ((val1 != false) && (val1 != null)) { 
                   menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>&nbsp;	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src='images/lnk_indicator_n.gif'></Span>" ;
                    //var tmp = eval(menuItem.id+"_Arrow")
                    // tmp.style.pixelLeft = menu.getBoundingClientRect().Right //- tmp.offsetWidth - 15
                    FindSubMenu(getMenuAttr(menuItem));
                }
                var val2 = getCmdAttr(menuItem);
                if ((val2 != false) && (val2 != null)) { menuItem.onclick = function () { Do(this); }; }

              menuItem.onmouseover = function () { highlight(this); };
            }
        }  
   }
   function FindSubMenu(subMenu)
   {
	if (subMenu == false) return;
         var menu = document.getElementById(subMenu);
         var Items = menu.getElementsByTagName('div');
          for(var j=0; j<Items.length; j++) {
              menu.style.visibility = "hidden";
              var menuItem = document.getElementById(Items[j].id);
              var val1 = getMenuAttr(menuItem);
              if ((val1 != false) && (val1 != null)) {
                    menuItem.innerHTML += "<span Id="+menuItem.id+"_Arrow class='Arrow'>4</span>"
                    // var tmp = eval(menuItem.id+"_Arrow")
                    //tmp.style.pixelLeft = 35 //menuItem.getBoundingClientRect().right - tmp.offsetWidth - 15
                    FindSubMenu(getMenuAttr(menuItem));
              }
              var val2 = getCmdAttr(menuItem);
              if ((val2 != false) && (val2 != null)) { menuItem.onclick = function () { Do(this); }; } 
                  
              menuItem.onmouseover = function () { highlight(this); };
            }
   }

   function ShowMenu(obj) {
     HideMenu(document.getElementById('menuBar'));
     var menu = document.getElementById(getMenuAttr(obj));
     var bar = document.getElementById(obj.id);
     bar.className="barOver";
     menu.style.visibility = "visible";//alert(obj.parentNode.offsetLeft+" " +obj.offsetLeft);
     menu.style.top = obj.parentNode.offsetTop + obj.offsetTop + obj.offsetHeight;
     menu.style.left = obj.parentNode.offsetLeft + obj.offsetLeft;
     if (obj.offsetLeft < 0) {
       menu.style.top =  obj.getBoundingClientRect().top + obj.offsetHeight;
       menu.style.left = obj.getBoundingClientRect().left;
     }
   }

   function highlight(obj) {
     var PElement = document.getElementById(obj.parentNode.id);
     if (PElement.hasChildNodes() == true) {
       var Elements = PElement.getElementsByTagName('div');
       for(var i=0;i<Elements.length;i++) {
         TE = document.getElementById(Elements[i].id);
         TE.className = "menuItem";
       }
     }
     obj.className="ItemMouseOver"
     window.defaultStatus = obj.title
     ShowSubMenu(obj);
   }
   
  function Do(obj) { window.location = getCmdAttr(obj); }

  function HideMenu(obj) {
    if (obj.hasChildNodes()==true) {
      var child = obj.getElementsByTagName('div');

      for (var j =0;j<child.length;j++) {
        if (child[j].className=="barOver") { var bar = child[j];bar.className="Bar"; }
        var val1 = getMenuAttr(child[j]);
        if ((val1 != false) && (val1 != null)) {
          var childMenu = document.getElementById(val1);
          if (childMenu.hasChildNodes()==true) HideMenu(childMenu);
          childMenu.style.visibility = "hidden";
        }
      }
    }
  }
  function getMenuAttr(obj) {
    if (obj.attributes[0].value == "") { return obj.menu; }
    else {
      var attr = obj.attributes;
      for (var i=0;i<attr.length;i++) { if (attr[i].name == "menu") return attr[i].value; }
    }

    return false;
  }
  function getCmdAttr(obj) {
    if (obj.attributes[0].value == "") { return obj.cmd; }
    else {
      var attr = obj.attributes;
      for (var i=0;i<attr.length;i++) { if (attr[i].name == "cmd") return attr[i].value; }
    }
    return false;
  }
  function ShowSubMenu(obj) {
     PMenu = document.getElementById(obj.id);
     HideMenu(PMenu.parentNode);
     var val1 = getMenuAttr(PMenu);
     if ((val1 != false) && (val1 != null)) {
     var menu = document.getElementById(val1);
     menu.style.visibility = "visible";
     menu.style.top = obj.offsetTop + obj.parentNode.offsetTop;
     menu.style.left = obj.parentNode.offsetLeft + obj.offsetLeft + obj.offsetWidth;
     if((menu.style.left+menu.offsetWidth) > window.screen.availWidth )
       menu.style.left = obj.offsetLeft - menu.offsetWidth;
    }
  }