// JavaScript Document $('#site-content').stop().animate({"left" : '-3720px'}, {"duration" : "slow" , "easing": "easeOutBack"});

$(function() {
		   
		   	$('.purple').click(function() {
									   
									   $('#site-content').stop().animate({"left" : "0px"}, {"duration" : "slow" });
									   $('#page-nav a').removeClass('activestate');
                                                                           $(this).addClass('activestate');
									   });
			

			$('.pink').click(function() {
									   
									    $('#site-content').stop().animate({"left" : "-930px"}, {"duration" : "slow"});
									   $('#page-nav a').removeClass('activestate');
                                                                           $(this).addClass('activestate');									  
									   });


		   	$('.teal').click(function() {
									   
									   
									   $('#site-content').stop().animate({"left" : "-1860px"}, {"duration" : "slow"});
									   $('#page-nav a').removeClass('activestate');
                                                                           $(this).addClass('activestate');									   
									   });


		   	$('.orange').click(function() {
									   
									   $('#site-content').stop().animate({"left" : '-2790px'}, {"duration" : "slow"});
									   $('#page-nav a').removeClass('activestate');
                                                                           $(this).addClass('activestate');									   
									   });
 

                        $('.red').click(function() {
									   
									   $('#site-content').stop().animate({"left" : '-3720px'}, {"duration" : "slow"});
									   $('#page-nav a').removeClass('activestate');
                                                                           $(this).addClass('activestate');									   
									   });

			
			
		   
		   });