$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#flyoutMenu').hide();
	
	//show / hide menu onmouseover
	var t;
	
	menudiv = $('#flyoutMenu');
	
    $('#topnav').hover(function() {
		clearTimeout(t);		
		
		if($('#flyoutMenu').is(":hidden")) {
			
		  tt = setTimeout( function() {	
			
			$('#flyoutMenu').slideDown(500);
		  	  
		  }, 300);		  
		}
	}, function() {
		  clearTimeout(tt);
		  t = setTimeout( function() {	  
		  if($('#sideBarContents').is(":visible")) {
		    		  
		    $('#flyoutMenu').slideUp(500);
		  }
		}, 500);
	});
  
    
    $('#flyoutMenu').hover(function() {
		clearTimeout(t);
		if($('#flyoutMenu').is(":hidden")) {
		  tt = setTimeout( function() {	
			
		    $('#flyoutMenu').slideDown(500);
		  }, 300);
		}
	}, function() {
		  if(tt){
		    clearTimeout(tt);
		  }
		  t = setTimeout( function() {	  
		  if($('#flyoutMenu').is(":visible")) {
			
		    $('#flyoutMenu').slideUp(500);
		  }
		}, 500);
	});  
});