$(document).ready(function(){
  
  	$('#mainContent h1').hide();
	$('#mainContent p').hide();

	$('#mainContent h1').fadeIn('slow');
	$('#mainContent p').slideDown('slow');
	
	 $('#green').animate({top: '90px'}, 1000);
	 $('#orange').animate({top: '110px'}, 1000);
	 $('#home').animate({backgroundPosition:' 0 -915px'}, 1000, 'easeOutExpo', function() {
			$('#home').delay(5000).animate({backgroundPosition:' 0 -915px'}, 2000);
	 });
	 
$('.arrow p').hover(function() {
	 $('#contactArrow').animate({marginLeft: '-90px'}, 500);
	}, function() {
		 $('#contactArrow').animate({marginLeft: '-140px'}, 500);
	});

  
  $("#twitterText").fadeIn("slow"); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $(".folio").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $(".folio").hover(function(){
   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
   },function(){
   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
   });
   
});