$(document).ready(function() {

   // slide in the banner
   $('#banner').animate({marginTop: '0px'}, 1500);
   
   // cycle through header images
   $('#headerSlideshow1').cycle( {
      fx: 'fade',
      delay: 100,
      timeout: 4000
   });
   $('#headerSlideshow2').cycle( {
      fx: 'fade',
      delay: 3000,
      timeout: 4000
   });
   $('#headerSlideshow3').cycle( {
      fx: 'fade',
      delay: 2000,
      timeout: 4000
   });
   $('#headerSlideshow4').cycle( {
      fx: 'fade',
      delay: 4000,
      timeout: 4000
   });


});