// tells the page to wait till it is done loading before executing script

$(document).ready(function(){

//this does the mouseover for the home button  

$('.home').mouseover(function(){  
$(this).stop().animate({height:'118px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});  

//this does the mouseout for the home button

$('.home').mouseout(function(){  
$(this).stop().animate({height:'63px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseover for the about button

$('.about').mouseover(function(){  
$(this).stop().animate({height:'118px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});  

//this does the mouseout for the about button

$('.about').mouseout(function(){  
$(this).stop().animate({height:'63px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseover for the contact button

$('.contact').mouseover(function(){  
$(this).stop().animate({height:'118px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});  

//this does the mouseout for the contact button

$('.contact').mouseout(function(){  
$(this).stop().animate({height:'63px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseover for the news button

$('.news').mouseover(function(){  
$(this).stop().animate({height:'118px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseout for the news button

$('.news').mouseout(function(){  
$(this).stop().animate({height:'63px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseover for the classes button

$('.classes').mouseover(function(){  
$(this).stop().animate({height:'118px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseout for the classes button

$('.classes').mouseout(function(){  
$(this).stop().animate({height:'63px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseover for the store button

$('.store').mouseover(function(){  
$(this).stop().animate({height:'118px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

//this does the mouseout for the store button
  
$('.store').mouseout(function(){  
$(this).stop().animate({height:'63px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
});

});