$(document).ready(function() {

	$("#work").animate({ 
		opacity: 1
	}, 1000 );
	$("#rest").animate({ 
		opacity: 1
	}, 1400 );
	$("#play").animate({ 
		opacity: 1
	}, 1800 );
	$("#contact").animate({ 
		opacity: 1
	}, 2200 );
	$("#contentScroll").animate({ 
		opacity: 1
	}, 2400 );


 });

function showWork(){
	hideRest();
	hidePlay();
	$("#work").css("background-color","#0076a3");
	$("#work").css("background-image","url(assets/ui/workNav.png)");
	$("#work").animate({ 
		height: 225
		}, 300 );

	}
	
function showRest(){
	hideWork();
	hidePlay();
	$("#rest").css("background-color","#e54045");
	$("#rest").css("background-image","url(assets/ui/restNav.png)");
	$("#rest").animate({ 
		height: 62
		}, 200 );
	}
	
function showPlay(){
	hideWork();
	hideRest();
	$("#play").css("background-color","#8dc63f");
	$("#play").css("background-image","url(assets/ui/playNav.png)");
	$("#play").animate({ 
		height: 120
		}, 300 );
	}
	
function hideAll(){
	hideWork();
	hideRest();
	hidePlay();
	}
	
function hideWork(){
	$("#work").animate({ 
		height: 1
		}, 200 );
	$("#work").css("background-color","#fff");
	$("#work").css("background-image","url(assets/ui/work.png)");
	}
	
function hideRest(){
	$("#rest").animate({ 
		height: 1
		}, 100 );
	$("#rest").css("background-color","#fff");
	$("#rest").css("background-image","url(assets/ui/rest.png)");
	}
	
function hidePlay(){
	$("#play").animate({ 
		height: 1
		}, 200 );
	$("#play").css("background-color","#fff");
	$("#play").css("background-image","url(assets/ui/play.png)");

	}