$(document).ready(function(){

   //BUILD IN
   $('#container h1').css("opacity", "0");
   $('#primary_content').css("opacity", "0");
   $('#centerwell').css("width", "0");
   var sch = $('#secondary_content').height();
   $('#secondary_content').css("height", "0");
   $('#secondary_content').css("opacity", "0");
    
	$('#email, h1').animate({opacity: ".2"});
      $('.morph').animate({'color': '#2d3339'}, 400);
      $('.morph_alt').animate({'color': '#2d3339'}, 400);
            
      $('#email').animate({width: "493px"}, 300);
	   $('#email').animate({opacity: "1"}, 300);
      $('#email').find('h3').animate({backgroundPosition: "-72px"}, 300);
   
   
   
   $('#container h1').animate({
      'opacity': '0.01'
      }, 500, function() {
         $('#centerwell').animate({ 
      	  width: '100%'
      	  }, 700, function() {
            $('#primary_content').animate({
               'opacity': '1'
            }, 300, function() {
            $('#secondary_content').animate({
               'height': sch,
               'opacity': '1'
            }, 300, function() {
               $('#container h1').stop().animate({
                  opacity: "1"
               });
            })
         })
      })
   })
   
   
   // EVENTS
    $('#centerwell li').click(function() {
        window.open($(this).find('a').attr('href'));
      });
  
   $('#centerwell li').hover(function() {
      
      $('#content, h1').stop().animate({opacity: ".2"});
      $('.morph').stop().animate({'color': '#2d3339'}, 400);
      $('.morph_alt').stop().animate({'color': '#2d3339'}, 400);
		$('#email').stop().animate({width: "72px"}, 300);  
     $('#email').find('h3').stop().animate({
      	backgroundPosition: "0px"
      	}, 300, function() {
      })
	  $(this).stop().animate({
      	width: "493px"
      	}, 300, function() {
      })
      $(this).find('h3').stop().animate({
      	backgroundPosition: "-72px"
      	}, 300, function() {
      })
	 
	 
   }, function() {
      $('.morph').stop().animate({'color': '#da3a00'}, 400);
      $('.morph_alt').stop().animate({'color': '#dd3900'}, 400);
      $('#content, h1').stop().animate({opacity: "1"});
   	$(this).stop().animate({
      	width: "72px"
      	}, 300, function() {
      })
      $(this).find('h3').stop().animate({
      	backgroundPosition: "0px"
      	}, 300, function() {
      })
	  $('#email').find('h3').animate({backgroundPosition: "-72px"}, 0);
	  $('#email, h1').animate({opacity: ".2"});
      $('.morph').animate({'color': '#2d3339'}, 400);
      $('.morph_alt').animate({'color': '#2d3339'}, 400);
          
      $('#email').animate({width: "493px"}, 150);
	   $('#email').animate({opacity: "1"}, 100);
      
   
	  
	  
   })
});