$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({theme: 'light_rounded', deeplinking: false, counter_separator_label: '/', ie6_fallback: true});
  });
$(document).ready(function(){
	$(".aboutRun").click(function(){
		$("#aboutBtn")
		.animate({opacity: "hide"}, 0)
		$("#button1")
		.delay(2700)
		.animate({opacity: "show"}, "slow")
		$("#aboutCopy")
		.delay(2700)
		.animate({opacity: "show"}, "slow")
		$(".headline")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
		$("#portfolioBtn")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
		$("#contactBtn")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
	    $("#aboutBtnMove")
	    .animate({opacity: "show"}, 0)
		.delay(300)
		.animate({top: "-=200"}, 1200)				
		.animate({left: "-=100"}, 1200)
		return false;
	});
	$(".portfolioRun").click(function(){
		$("#portfolioBtn")
		.animate({opacity: "hide"}, 0)
		$("#button2")
		.delay(2700)
		.animate({opacity: "show"}, "slow")
		$("#portfolioCopy")
		.delay(2700)
		.animate({opacity: "show"}, "slow")
		$(".headline")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
		$("#aboutBtn")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
		$("#contactBtn")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
	    $("#portfolioBtnMove")
	    .animate({opacity: "show"}, 0)
		.delay(300)
		.animate({top: "-=200"}, 1200)				
		.animate({left: "-=240"}, 1200)
		return false;
	});
	$(".contactRun").click(function(){
		$("#contactBtn")
		.animate({opacity: "hide"}, 0)
		$("#button3")
		.delay(2700)
		.animate({opacity: "show"}, "slow")
		$("#contactCopy")
		.delay(2700)
		.animate({opacity: "show"}, "slow")
		$(".headline")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
		$("#aboutBtn")
		.delay(200)
		.animate({opacity: "hide"}, "slow")
		$("#portfolioBtn")
		.delay(200)
		.animate({opacity: "hide"}, "slow")		
	    $("#contactBtnMove")
	    .animate({opacity: "show"}, 0)
		.delay(300)
		.animate({top: "-=200"}, 1200)				
		.animate({left: "-=380"}, 1200)    
		return false;
	});
});
$(document).ready(function(){
	$(".aboutBack").click(function(){		
		$("#button1")
		.animate({opacity: "hide"}, "slow")
		$("#aboutCopy")
		.delay(200)
		.animate({opacity: "hide"}, 500)
		$(".headline")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#portfolioBtn")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#contactBtn")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#aboutBtnMove")
		.animate({left: "+=100"}, 1200)
		.animate({top: "+=200"}, 1200)		
	    .animate({opacity: "hide"}, 0)
		$("#aboutBtn")
		.delay(2401)
		.animate({opacity: "show"}, 0)				
		return false;	
	});
	$(".portfolioBack").click(function(){		
		$("#button2")
		.animate({opacity: "hide"}, "slow")
		$("#portfolioCopy")
		.delay(200)
		.animate({opacity: "hide"}, 500)
		$(".headline")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#aboutBtn")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#contactBtn")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#portfolioBtnMove")
		.animate({left: "+=240"}, 1200)
		.animate({top: "+=200"}, 1200)		
	    .animate({opacity: "hide"}, 0)
		$("#portfolioBtn")
		.delay(2401)
		.animate({opacity: "show"}, 0)				
		return false;	
	});
	$(".contactBack").click(function(){	
		$("#button3")
		.animate({opacity: "hide"}, "slow")		
		$("#contactCopy")
		.delay(200)
		.animate({opacity: "hide"}, 500)
		$(".headline")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#aboutBtn")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#portfolioBtn")
		.delay(1000)
		.animate({opacity: "show"}, "slow")
		$("#contactBtnMove")
		.animate({left: "+=380"}, 1200)
		.animate({top: "+=200"}, 1200)		
	    .animate({opacity: "hide"}, 0)
		$("#contactBtn")
		.delay(2401)
		.animate({opacity: "show"}, 0)				
		return false;	
	});
});