

   function InitMenu()
   {
     var bar2 = MenuContainer.children; 
     var bar = bar2[0].children;     

     for(var i=0;i < bar.length;i++) 
        {
          var menu=eval(bar[i].menu);
          try{
          menu.style.display = "none";
          bar[i].onmouseover = new Function("ShowSubMenu("+bar[i].id+");highlightBar("+bar[i].id+");");
                     
          var Items = menu.children;
          var bolHasChild=false;
          for(var j=0; j<Items.length; j++)
            {
              bolHasChild=true;
              var menuItem = eval(Items[j].id)

                if(menuItem.menu != null)
                   { 
                   menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'><img src='/Scripts/menu_scripts/Images/ToLeft.gif'></Span>"
                   //menuItem.innerHTML = "<div  style='POSITION:absolute;left:"+menuItem.getBoundingClientRect().left+"px'><img src='Scripts/menu_scripts/Images/ToLeft.gif'>"+menuItem.innerHTML+"</div>"
                    //menuItem.innerHTML = "<img src='/Scripts/menu_scripts/Images/ToLeft.gif'><img src='/Scripts/menu_scripts/Images/bg.gif' Height='1px' style='POSITION:absolute;left:"+menuItem.getBoundingClientRect().left+"px'>"+menuItem.innerHTML
                    var tmp = eval(menuItem.id+"_Arrow")
                     tmp.style.pixelLeft = menu.getBoundingClientRect().Right /*- tmp.offsetWidth - 15*/
                    FindSubMenu(menuItem.menu)}
               
                 if(menuItem.cmd != null) 
                   {
                   menuItem.onclick = new Function("Do("+menuItem.id+")");
                   } 
                   
              menuItem.onmouseover = new Function("highlight("+Items[j].id+");")
              menuItem.onmouseout = new Function("outItem("+Items[j].id+")")
            }    
            
            if(bolHasChild==true){
           bar[i].innerHTML = "<Span style='text-align:left;width:6%;'><img src='/Scripts/menu_scripts/Images/ToLeft.gif'></Span><Span style='text-align:right;width:94%;'>" +  bar[i].innerHTML + "</span>" ;
            var tmp = eval(bar[i].id+"_Arrow")
            tmp.style.pixelLeft = menu.getBoundingClientRect().Right - tmp.offsetWidth - 15
            }
         }catch(e){/*alert(e.message)*/}
       // bar[i].onmouseout = new Function("outBar("+bar[i].id+");");
      
        }  
   }
   
   function AddArrow(obj){
     try{
   if(obj.menu != null){
              //obj.innerHTML += "<Span Id="+obj.id+"_Arrow class='Arrow'><img src='/Scripts/menu_scripts/Images/ToLeft.gif'></Span>"
              //var tmp = eval(obj.id+"_Arrow");
              //tmp.style.pixelLeft = obj.getBoundingClientRect().Right
              }
              }catch(e){}
   }
   
   function FindSubMenu(subMenu)
   {
         var menu=eval(subMenu)
         var Items = menu.children
          for(var j=0; j<Items.length; j++)
            {
              menu.style.display = "none";
              var menuItem = eval(Items[j].id)
                            
              if(menuItem.menu!= null)
                 {
                    menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'><img src='/Scripts/menu_scripts/Images/ToLeft.gif'></Span>"
                    var tmp = eval(menuItem.id+"_Arrow")
                    tmp.style.pixelLeft = 35 
                    FindSubMenu(menuItem.menu)
                 }

                 if(menuItem.cmd != null) 
                   {
                   menuItem.onclick = new Function("Do("+menuItem.id+")") } 
                  
              menuItem.onmouseover = new Function("highlight("+Items[j].id+")")
              menu.onmouseout = new Function("outItem("+Items[j].id+")");
            }  
   } 
   function ShowMenu(obj)
   {
     HideMenu(menuBar);
     var menu = eval(obj.menu);
     var bar = eval(obj.id);
     bar.className="barOver";
     menu.style.display = "block";
     menu.style.pixelTop =  obj.getBoundingClientRect().top + obj.offsetHeight + body.scrollTop;
     menu.style.pixelLeft = obj.getBoundingClientRect().left + body.scrollLeft;
      
   }
   
   function highlightBar(obj)
   {  
       obj.className="barOver";
       
   }
   
   function outBar(obj)
   {  
       obj.className="Bar";
       //setInterval("HideMenu(menuBar);",iTimeoutHidden);
   }
   
   function outItem(obj)
   {  
       obj.className="menuItem";
       //setInterval("HideMenu(menuBar);",iTimeoutHidden);
   }
   
   function highlight(obj)
   {
   bolIsOnTheMenu=true;
     var PElement = eval(obj.parentElement.id)
     if(PElement.hasChildNodes() == true)
     {  var Elements = PElement.children
       for(var i=0;i<Elements.length;i++)
       {
          TE = eval(Elements[i].id)
          TE.className = "menuItem"
       }
      } 
     obj.className="ItemMouseOver"
     window.defaultStatus = obj.statusbar
     ShowSubMenu(obj)
   }
   
   function Do(obj)
   {
    var cmd = eval(obj).cmd	
    window.navigate(cmd)
   }
   
   function HideMenu(obj)
   {
     window.defaultStatus = "";
          if(obj.hasChildNodes()==true)
              {  
                 var child = obj.children  
                 for(var j =0;j<child.length;j++)
                  {
                     if (child[j].className=="barOver")
                     {var bar = eval(child[j].id)
                      bar.className="Bar"}
                      
                     if(child[j].menu != null)
                       {
                          var childMenu = eval(child[j].menu)
                          if(childMenu.hasChildNodes()==true) 
                               HideMenu(childMenu)

                           childMenu.style.display = "none";
                           //alert(childMenu.innerHTML);
                         }
                  }
              }

   }
   
  var iTimeoutHidden=10000;
  function ShowSubMenu(obj)
  {
      PMenu = eval(obj.parentElement.id)
      HideMenu(PMenu)
     if(obj.menu != null)
     {
     var menu = eval(obj.menu)
     menu.style.display = "block";
     menu.style.pixelTop =  obj.getBoundingClientRect().top + body.scrollTop
     menu.style.pixelLeft = obj.getBoundingClientRect().right + body.scrollLeft
    
     //if(menu.getBoundingClientRect().right > window.screen.availWidth)
       menu.style.pixelLeft = (obj.getBoundingClientRect().left - menu.offsetWidth)  + document.body.scrollLeft
       
      }
  } 



