$(document).ready(function(){
	
	// Settings
	var easing = "easeOutCubic"; // sets the easing for the animations
	
	// Divs
	var enterBtnDiv = $("#enter_button"); // enter button div
	var wrapDiv = $("#wrap"); // wrap div
	var hiddenDiv = $("#hidden_content"); // hidden content div

	// Runs the enter sequence
    enterBtnDiv.click( function(){
    
    	// Fades out the enter button
        enterBtnDiv.fadeOut(600);
    	
    	// Repositions the header
        wrapDiv.animate({
        
            paddingTop: "0"
        
        }, 1200, easing, function() {
            
            // Shows the hidden content
            hiddenDiv.animate({
            	
            	height: "toggle"
            
            }, 1200, easing);
            
        });
        
    });
      
});