$(document).ready(function(){

 //BUILD IN
 $('#container h1').css("opacity", "1");
 $('#primary_content').css("opacity", "0");
 $('#centerwell').css("width", "0px");
 var sch = $('#secondary_content').height();
 $('#secondary_content').css("height", "0");
 $('#secondary_content').css("opacity", "0");
 $('#container h1').animate({
 'opacity': '1'
 }, 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').hover(function() {

 $('#content, h1').stop().animate({opacity: ".2"});
 $('.morph').stop().animate({'color': '#2d3339'}, 400);
 $('.morph_alt').stop().animate({'color': '#2d3339'}, 400);

 $(this).stop().animate({
 width: "550px"
 }, 300, function() {
 })
 $(this).find('h3').stop().animate({
 backgroundPosition: "-50px"
 }, 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: "50px"
 }, 300, function() {
 })
 $(this).find('h3').stop().animate({
 backgroundPosition: "0px"
 }, 300, function() {
 })
 })
});