$(function() {
   	$('.purple').click(function() {
		   $('#site-content').stop().animate({"top" : '0px'}, 1200);
	   });
	$('.pink').click(function() {
		   $('#site-content').stop().animate({"top" : '-890px'},  1200);
	   });
   	$('.teal').click(function() {
		   $('#site-content').stop().animate({"top" : '-1780px'}, 1200);
	   });
   	$('.orange').click(function() {
		   $('#site-content').stop().animate({"top" : '-2670px'}, 1200);
	   });
   });