document.observe("dom:loaded", function() {
	var time = 1;
	var timer = new sabinos.Timer({Interval: time,Elapsed:removeNav});

	  // initially hide all containers for tab content
	  $$('.subNav').invoke('hide');
	
	 $('nav_who_on').observe('mouseover', function(event){showNav('subNav_Who');});
	 $('subNav_Who').observe('mouseover', function(event){showNav('subNav_Who');});
	 $('nav_what').observe('mouseover', function(event){showNav('subNav_What');});
	 $('subNav_What').observe('mouseover', function(event){showNav('subNav_What');});
	 $('nav_contact').observe('mouseover', function(event){showNav('subNav_Contact');});
	 $('subNav_Contact').observe('mouseover', function(event){showNav('subNav_Contact');});
	 
	 
	  $('nav_who_on').observe('mouseout', function(event){ timedRemove();});
	  $('subNav_Who').observe('mouseout', function(event){ timedRemove();});
	  $('nav_what').observe('mouseout', function(event){ timedRemove();});
	  $('subNav_What').observe('mouseout', function(event){ timedRemove();});
	  $('nav_contact').observe('mouseout', function(event){ timedRemove();});  
	  $('subNav_Contact').observe('mouseout', function(event){ timedRemove();});  
	 
	 
	 
	 
	 
	 function showNav(nav) {
		 //$('SubNav_Holder').hide();
		 timer.stop();
		 ResetNav();
		 $(nav).show();
		 $(nav).addClassName('selected');
		 new Effect.Appear('SubNav_Holder', { duration: 0, from: 0.0, to: 0.85 });
		 //var thePage = detectPage();
		 //alert(thePage);
	 }
	 
	 function timedRemove() {
		timer.start();
	 }
	 
	 
	 
	 function removeNav() {
		ResetNav();
		new Effect.Fade('SubNav_Holder');
	 }
	
	function ResetNav() {
		$$('.subNav').invoke("removeClassName","selected");
		$$('.subNav').invoke('hide');
	}										
});