$(document).ready(function(){

$("#home").click(function(){
	$("#content")
		.animate( { top:"0px", left:"0px"}, 1000 );
	$("#arrow")
		.animate( { left:"85px"}, 1000 );
});

$("#about").click(function(){
	$("#content")
		.animate( { top:"0px", left:"-600px"}, 1000 );
	$("#arrow")
		.animate( { left:"185px"}, 1000 );
});

$("#work").click(function(){
	$("#content")
		.animate( { top:"0px", left:"-1200px"}, 1000 );
	$("#arrow")
		.animate( { left:"285px"}, 1000 );
});

$("#blog").click(function(){
	$("#content")
		.animate( { top:"0px", left:"-1800px"}, 1000 );
	$("#arrow")
		.animate( { left:"385px"}, 1000 );
});

$("#contact").click(function(){
	$("#content")
		.animate( { top:"0px", left:"-2400px"}, 1000 );
	$("#arrow")
		.animate( { left:"485px"}, 1000 );
});

$("#resume").click(function(){
	$("#content")
		.animate( { top:"-591px", left:"-600px"}, 1000 );
});

$("#more").click(function(){
	$("#content")
		.animate( { top:"-591px", left:"-1200px"}, 1000 );
});

$("#view1, #view2, #view3, #view4, #view5, #view6, #view7, #view8, #view9, #view10, #view11, #view12, #view13").click(function(){ $("#content") .animate( { top:"591px", left:"-1200px"}, 1000 ); });


});