$(document).ready(function(){
  
  var $overlay = $('.town-fade'),
      $h1 = $('.intro h1'),
      $callout = $('.intro .callout');
  
  
  /* pre-animation */
  
  $overlay.css('opacity','0');
  
  $h1.css({'opacity':'0','right':'40px'});
  
  $callout.css({'opacity':'0','top':'60px'});
  
  
  /* animation */
  
  $overlay.animate({
    
    opacity:1
    
  },1000, function() {
    
    $h1.animate({
      
      opacity:1,
      right:'0'
      
    },1000, function(){
      
      $callout.animate({
        
        opacity:1,
        top:'32px'
        
      },1000);
      
    });
    
  })
  
});