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