function SetBarLocation()
{
  var cxWindow = 0;
  var cxMenuBar = 0;
  var x = 0;
  var i = 0;
  
  if ( document.layers )
  {
    cxWindow = window.innerWidth;  
    cxMenuBar = document.layers["idMenuBar"].clip.width;
  }
  else if ( document.getElementById )
  {
    cxWindow = document.all ? document.body.scrollWidth : document.body.offsetWidth;
    cxMenuBar = document.getElementById("idMenuBar").offsetWidth;
  }
  
  var cxLeft = 158; //Math.round( ( cxWindow - cxMenuBar ) / 2 ); //158
	
  if ( document.layers )
  {
    while ( document.layers["idMenuBar"].document.layers["idMenuItem" + i] )
    {
      document.layers["idMenuBar"].document.layers["idMenuItem" + i].left = x;
      
      if ( document.layers["idMenuBar"].document.layers["idSubMenu" + i] )
        document.layers["idMenuBar"].document.layers["idSubMenu" + i].left = x;
        
      x += document.layers["idMenuBar"].document.layers["idMenuItem" + i].clip.width;
      i++;
    }

    document.layers["idMenuBar"].left = cxLeft;
    document.layers["idMenuBar"].visibility="show";
  }
  else if ( document.getElementById )
  {
    while ( document.getElementById( "idMenuItem" + i ) )
    {
      document.getElementById( "idMenuItem" + i ).style.left = x;
      
      if ( document.getElementById( "idSubMenu" + i ) )
      {
        document.getElementById( "idSubMenu" + i ).style.left = x;
      }
        
      x += document.getElementById( "idMenuItem" + i ).offsetWidth;
      i++;
    }

    document.getElementById("idMenuBar").style.left = cxLeft;
    document.getElementById("idMenuBar").style.visibility="visible";
  }
}

var theTimeout = null;

function OnItemOver( i )
{
  HideSubMenus();
  
  if ( document.layers )
  {
    document.layers["idMenuBar"].document.layers["idMenuItem" + i].bgColor="#000066";
    
    if ( document.layers["idMenuBar"].document.layers["idSubMenu" + i] )
      document.layers["idMenuBar"].document.layers["idSubMenu" + i].visibility="show";
  }
  else if ( document.getElementById )
  {
    // TODO: change background color
    document.getElementById( "idMenuItem" + i ).style.backgroundColor="#000066";
    // TODO: change foreground color
    document.getElementById( "idMenuLink" + i ).style.color="#ffcc00";
    
    if ( document.getElementById( "idSubMenu" + i ) )
      document.getElementById( "idSubMenu" + i ).style.visibility="visible";
  }
}

function OnItemOut( i )
{
  /*
  if ( document.layers )
  {
    document.layers["idMenuBar"].document.layers["idMenuItem" + i].bgColor="#000066";
  }
  else if ( document.getElementById )
    document.getElementById( "idMenuItem" + i ).style.backgroundColor="#000066";
  */
  OnOut( i );
}

function OnOut( i )
{
  if ( theTimeout != null )
    window.clearTimeout( theTimeout );
    
  theTimeout = window.setTimeout( "HideSubMenu( " + i + ")", 200 );
}

function OnSubMenuOver( i )
{
  if ( theTimeout != null )
    window.clearTimeout( theTimeout );
}

function HideSubMenu(i)
{
  if ( document.layers )
  {
    if ( document.layers["idMenuBar"].document.layers["idSubMenu" + i] )
      document.layers["idMenuBar"].document.layers["idSubMenu" + i].visibility="hide";
  }
  else if ( document.getElementById )
  {
    document.getElementById( "idMenuItem" + i ).style.backgroundColor="#ffcc00";
    document.getElementById( "idMenuLink" + i ).style.color="#000066";
    if ( document.getElementById( "idSubMenu" + i ) )
      document.getElementById( "idSubMenu" + i ).style.visibility="hidden";
  }
  
  theTimeout = null;
}

function HideSubMenus()
{
  var i = 0;
  
  if ( theTimeout != null )
  {
    window.clearTimeout( theTimeout );
    theTimeout = null;
  }
  
  if ( document.layers )
  {
    while ( document.layers["idMenuBar"].document.layers["idMenuItem" + i] )
    {
      if ( document.layers["idMenuBar"].document.layers["idSubMenu" + i] )
        document.layers["idMenuBar"].document.layers["idSubMenu" + i].visibility="hide";
        
        i++;
    }
  }
  else if ( document.getElementById )
  {
    while ( document.getElementById( "idMenuItem" + i ) )
    { 
      document.getElementById( "idMenuItem" + i ).style.backgroundColor="#ffcc00";
      document.getElementById( "idMenuLink" + i ).style.color="#000066";
      if ( document.getElementById( "idSubMenu" + i ) )
        document.getElementById( "idSubMenu" + i ).style.visibility="hidden";

      i++;
    }
  }
}

function OnLinkOver( item )
{
  if ( document.layers )
  {
    var oStyle = eval( "document.ids." + item );
    oStyle.color="#ffcc00";
//    alert( oStyle.color );
    //document.ids["item"].color="#000066";
  }
  else if ( document.getElementById )
  {
    //item.style.color="#000066";
  }
}

function OnLinkOut( item )
{
  if ( document.layers )
  {
  }
  else if ( document.getElementById )
  {
    //item.style.color="#ffcc00";
  }
}

function OnRowOver( item )
{
  if ( document.getElementById )
    item.style.backgroundColor="#ffcc00";
}

function OnRowOut( item )
{
  if ( document.getElementById )
    item.style.backgroundColor="#000066";
}