$(document).ready(function() {
 // hides the content box as soon as the DOM is ready
 // (a little sooner than page load)
  $('#about').hide();
  $('#packages').hide();
  $('#social').hide();  
  $('#bookings').hide();  
 // shows the slickbox on clicking the noted link
 
 
 
  $('a#about-action').click(function() {
 $('#about').fadeIn('slow');
 $('#packages').fadeOut('slow');
 $('#social').fadeOut('slow');
 $('#bookings').fadeOut('slow');
 return false;
  });
 
 
 // hides the slickbox on clicking the noted link
  $('a#packages-action').click(function() {
 $('#about').fadeOut('slow');
 $('#packages').fadeIn('slow');
 $('#social').fadeOut('slow');
 $('#bookings').fadeOut('slow');
 return false;
  });
 // toggles the slickbox on clicking the noted link
  $('a#social-action').click(function() {
 $('#about').fadeOut('slow');
 $('#packages').fadeOut('slow');
 $('#social').fadeIn('slow');
 $('#bookings').fadeOut('slow');
 return false;
  });
  
    $('a#bookings-action').click(function() {
 $('#about').fadeOut('slow');
 $('#packages').fadeOut('slow');
 $('#social').fadeOut('slow');
 $('#bookings').fadeIn('slow');
 return false;
  });
});