var imagePath = ''
var curMenu = ''
var curTop = 0;
 
 
function SetImagePath(path)
{ 
  imagePath = path
}


function InitMenu()
{
  curTop = document.body.scrollTop;
  //curTop = document.body.top;
  var bar = menuBar.children   
  
  var strMouseOver

  for(var i=0;i < bar.length;i++) 
  {    
    if(bar[i].menu)
    {
       var menu=eval(bar[i].menu)
       menu.style.visibility = "hidden"
       bar[i].onmouseover = new Function("ShowMenu("+bar[i].id+")")  
       var subMenuItem = menu.children

       for(var j=0; j<subMenuItem.length; j++)
       {    
          if(subMenuItem[j].name)
          {
             subMenuItem[j].onmouseover = new Function("changeImgOver('" + subMenuItem[j].name + "')")
             subMenuItem[j].onmouseout = new Function("changeImgOut('" + subMenuItem[j].name + "')")
          }
       }  
    }
    else
    {      
       if(bar[i].name)
       {
          bar[i].onmouseover = new Function("changeImgOver('" + bar[i].name + "');HideMenu(menuBar)")
          bar[i].onmouseout = new Function("changeImgOut('" + bar[i].name + "')")
       }
       else
       {
          bar[i].onmouseover = new Function("HideMenu(menuBar)")
       }
    }
  }  
}


function ShowMenu(obj)
{
  HideMenu(menuBar)
  var menu = eval(obj.menu)
  window.status = "my Output"
  
  if(menu.parPic)
  {
     curMenu = menu.parPic
     changeImgOver(menu.parPic)
  }
  var bar = eval(obj.id)
  bar.className="barOver"
  menu.style.visibility = "visible"
  menu.style.pixelTop =  obj.getBoundingClientRect().top + Bdy.scrollTop - 10    
  menu.style.pixelLeft = obj.getBoundingClientRect().right + Bdy.scrollLeft     
}

function HideMenu(obj)
{
   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.visibility = "hidden" 
            
            if(curMenu)
            {
               var Temp = curMenu
               curMenu = ''
               changeImgOut(Temp)
            }
         }
      }

   }
}


function changeImgOver(imgName)
{
  if(document.images)
     document.images[imgName].src= imagePath + imgName + 's.gif'
}


function changeImgOut(imgName)
{
  if(curMenu && (imgName == curMenu))
     return
  if(document.images)
     document.images[imgName].src= imagePath + imgName + '.gif'
}


function FilterClicks(mainMenu)
{  
   var y = window.event.clientY
   var x = window.event.clientX
   status= x  + ", " + y;
   if((x > mainMenu.getBoundingClientRect().right) || (x < mainMenu.getBoundingClientRect().left) || (y < mainMenu.getBoundingClientRect().top) || (y > mainMenu.getBoundingClientRect().bottom))
   {
      HideMenu(mainMenu)
   }
}


function reportScrollPosition(mainMenu)
{
   var x = document.body.scrollLeft;
   var y = document.body.scrollTop;
   var cur = mainMenu.style.top;
   var diff = curTop - y;
   z= x + ", " + y + ", " + mainMenu.style.top + ", curTop " + curTop + ", diff " + diff;
   status=z;

   if((diff > 300) || (diff < -80))
   {
      mainMenu.style.top = y + 20
      curTop = y;
      HideMenu(mainMenu);
   }
   else if(y == 0)
   {
      curTop = document.body.scrollTop + 20;
      mainMenu.style.top = curTop;
   }
   return;
}