// JavaScript Document



  var currentSection;
  var tempSection;
  var intervalID;

  //function setStartStettings(curS) { OnOver( curS ) }
	
  function OnOver( sectionId )
  {
  	myObj = document.getElementById(sectionId);
	myObj.style.backgroundColor = '#1a4685';
	myObj.style.cursor = 'hand';
	myObj.style.color = '#ffffff';
	
	showSection( sectionId )
	
	if( sectionId == 'sectionOne' ) {  resetObj( 'sectionTwo' ); resetObj( 'sectionThree' ); resetObj( 'sectionFour' ); }
	if( sectionId == 'sectionTwo' ) { resetObj( 'sectionOne' );  resetObj( 'sectionThree' ); resetObj( 'sectionFour' ); }
	if( sectionId == 'sectionThree' ) { resetObj( 'sectionOne' ); resetObj( 'sectionTwo' );  resetObj( 'sectionFour' ); }
	if( sectionId == 'sectionFour' ) { resetObj( 'sectionOne' ); resetObj( 'sectionTwo' ); resetObj( 'sectionThree' ); }
	
	clearTimeout(intervalID);
  }
  
  function OnOut( sectionId )
  {
	tempSection = sectionId;
	document.getElementById('myMenuBar').onmouseout = function() { intervalID = setTimeout(function(){ OnOver( currentSection ); tempSection = currentSection; } , 2000 )  } ;
	document.getElementById('mySubMenuBar').onmouseover = function() { OnOver( tempSection ); } ;
  }
  
  
  function resetObj( sectionId )
  {
  	myObj = document.getElementById(sectionId);
	myObj.style.backgroundColor = '';
	myObj.style.color = '#bdd3e8'; 
  }
  
  function showSection( id )
  {
  	if( id == 'sectionOne' ) { hideSections(); document.getElementById('subOne').style.visibility = 'visible'; }
	if( id == 'sectionTwo' ) { hideSections(); document.getElementById('subTwo').style.visibility = 'visible'; }
	if( id == 'sectionThree' ) { hideSections(); document.getElementById('subThree').style.visibility = 'visible'; }
	if( id == 'sectionFour' ) { hideSections(); document.getElementById('subFour').style.visibility = 'visible'; }
  }
  
  function hideSections()
  {
  	document.getElementById('subOne').style.visibility = 'hidden';
	document.getElementById('subTwo').style.visibility = 'hidden';
	document.getElementById('subThree').style.visibility = 'hidden';
	document.getElementById('subFour').style.visibility = 'hidden';
  }