var globCatID		= 0;
var globLastID		= 0;

function InitMenu()
{
  document.onmousemove = GetPosition;
}
function GetPosition( e )
{
  e = e || window.event;
  var cursor = {x:0, y:0};
  
  if ( e.pageX || e.pageY )
  {
    cursor.x = e.pageX;
    cursor.y = e.pageY;
  } 
  else
  {
    var de = document.documentElement;
    var b = document.body;
    cursor.x = e.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
    cursor.y = e.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
  }
  
  return OnMouseOut( cursor.x, cursor.y );
}
function OnMouseOut( x, y )
{
  if ( field = document.getElementById( "c_menu_" + globLastID ) )
  {
    var totalOffsetTop	= field.offsetTop;
    var totalOffsetLeft	= field.offsetLeft;
    var parentEl			= field.offsetParent;
      
    while ( parentEl != null )
    {
      totalOffsetTop	= totalOffsetTop + parentEl.offsetTop;
      totalOffsetLeft	= totalOffsetLeft + parentEl.offsetLeft;
      parentEl		= parentEl.offsetParent;
    }
      
    if ( ( x < totalOffsetLeft || x > ( totalOffsetLeft + field.offsetWidth ) ) || ( y < ( totalOffsetTop - 34 ) || y > ( totalOffsetTop + field.offsetHeight ) ) )
    {
      SubCategory(0, globLastID)
    }
  }
}
function ActiveCategory( id )
{
  if ( id )
  {
    globCatID = id;
    document.getElementById( "c_l_" + id ).style.backgroundImage	= "url('/images/menu-category-left-a.gif')";
    document.getElementById( "c_r_" + id ).style.backgroundImage	= "url('/images/menu-category-right-a.gif')";
    document.getElementById( "c_c_" + id ).style.backgroundImage	= "url('/images/menu-category-bg-a.gif')";
    document.getElementById( "c_c_" + id ).style.color				= "#000000";
  }
}
function SubCategory( type, id )
{
  if ( !type )
  {
    if ( id && document.getElementById( "c_menu_" + id ) )
    {
      document.getElementById( "c_menu_" + id ).style.visibility = 'hidden';
    }
  }
  else
  {
    window.clearTimeout(this.timeoutID);
    
    if ( field = document.getElementById( "c_c_" + id ) )
    {
      SubCategory(0,globLastID);
      
      globLastID = id;
      var totalOffsetTop	= field.offsetTop;
      var totalOffsetLeft	= field.offsetLeft;
      var parentEl			= field.offsetParent;
      while ( parentEl != null )
      {
        totalOffsetTop	= totalOffsetTop + parentEl.offsetTop;
        totalOffsetLeft	= totalOffsetLeft + parentEl.offsetLeft;
        parentEl		= parentEl.offsetParent;
      }
      
      if ( document.getElementById( "c_menu_" + id ) )
      {
        document.getElementById( "c_menu_" + id ).style.top = ( totalOffsetTop + field.offsetHeight ) + "px";
        document.getElementById( "c_menu_" + id ).style.left = ( totalOffsetLeft - 5 ) + "px";
        
        if ( field.offsetWidth > 150 )	document.getElementById( "c_menu_" + id ).style.width = field.offsetWidth + "px";
        else							document.getElementById( "c_menu_" + id ).style.width = "150px";
        
        document.getElementById( "c_menu_" + id ).style.visibility = 'visible';
      }
    }
  }
}
function Category( type, id )
{
  if ( !type )
  {
    if ( globCatID != id && ( field = document.getElementById( "c_c_" + id ) ) )
    {
      document.getElementById( "c_l_" + id ).style.backgroundImage	= "url('/images/menu-category-left.gif')";
      document.getElementById( "c_r_" + id ).style.backgroundImage	= "url('/images/menu-category-right.gif')";
      document.getElementById( "c_c_" + id ).style.backgroundImage	= "url('/images/menu-category-bg.gif')";  
      document.getElementById( "c_c_" + id ).style.color			= "#666666"; 
    }
  }
  else
  {
    if ( document.getElementById( "c_c_" + id ) )
    {
      document.getElementById( "c_l_" + id ).style.backgroundImage	= "url('/images/menu-category-left-a.gif')";
      document.getElementById( "c_r_" + id ).style.backgroundImage	= "url('/images/menu-category-right-a.gif')";
      document.getElementById( "c_c_" + id ).style.backgroundImage	= "url('/images/menu-category-bg-a.gif')";      
      document.getElementById( "c_c_" + id ).style.color			= "#000000"; 
      SubCategory(1,id);
    }
  }
}