var currentMenu = null;
var subMenus = new Array();
var currentSubOpen=null

function addNavListeners()
{
  if( !document.getElementsByTagName ) return;

  var allLinks = document.getElementsByTagName('a');
  for( var i=0; i<allLinks.length; i++ )
  {
    var link = allLinks[i];
	if( link.id && ( ' '+link.id+' ').indexOf(' menu') != -1 )
	{
      Event.observe( $(link), 'mouseover', showSubmenu, false );
	}
  }
  
  if( $('mainNav') )
  {
    //Event.observe( $('mainNav'), 'mouseover', hideAllSubMenus, false );
    //Event.observe( $('mainNav'), 'mouseover', hideAllSubMenus, false );
  } 

  Event.observe( $('content'), 'mouseover', hideAllSubMenus, false );
  Event.observe( $('header'), 'mouseover', hideAllSubMenus, false );
}


function showSubmenu(e)
{
  var target = findTarget(e);
  var subMenu = target.id.replace('On', '');
  var submenuId = 'sub'+subMenu;
  
  if( currentSubOpen!=submenuId) hideAllSubMenus(e);
  
  currentSubOpen = submenuId;

  if( $(submenuId) )
  {
    var top  = $(submenuId).offsetTop+2;
    var width = 150;
    var left = target.offsetLeft-$('container').offsetLeft-2;
    
    if( BrowserDetect.browser=='Explorer' )
    {
      top  = $(target.id).offsetTop+2;
      left = target.offsetLeft-1;
    }

    if(  subMenus[submenuId]!=1 )
    {
      $(submenuId).setStyle( { left:left+'px', top:top+'px' } );
      $(submenuId).blindDown( {duration: 0.2} );
    }
    else
    {
      $(submenuId).setStyle( { display:'block' });
    }
    subMenus[submenuId]=1;
    currentMenu=target;
  }
  else
  {
    hideAllSubMenus(e);
  }
}



function hideAllSubMenus(e)
{
  var allLinks = document.getElementsByTagName('ul');
	
	for( var i=0; i<allLinks.length; i++ )
	{
		var link = allLinks[i];
		if( link.id && ( ' '+link.id+' ').indexOf(' submenu') != -1 )
		{
          $(link.id).setStyle({ display:'none' });
          subMenus[link.id]=0;
		}
	}
}



document.observe("dom:loaded", addNavListeners );