// JavaScript Document

$(function() {
		   
		   	$('.nav1').click(function() {
									   
									   $('#site-content').stop().animate({"left" : "0px"}, 500);
									   $('#site-content').animate({"top" : "0px"}, 500);
									   
									   });
			

			$('.nav2').click(function() {
									   
									   $('#site-content').stop().animate({"left" : "0px"}, 500);
									    $('#site-content').animate({"top" : "-500px"}, 500);
									   
									   });


		   	$('.nav3').click(function() {
									   
									   
									   $('#site-content').stop().animate({"left" : "0px"}, 500);
									   $('#site-content').animate({"top" : "-1000px"}, 500);
									   
									   });


		   	$('.nav4').click(function() {
									   
									   $('#site-content').stop().animate({"left" : '0px'}, 500);
									   $('#site-content').animate({"top" : '-1500px'}, 500);
									   
									   });


		   	$('.nav5').click(function() {
									   
									   $('#site-content').stop().animate({"top" : '-500px'}, 500);
									   $('#site-content').animate({"left" : '-470px'}, 500);
									   
									   });


		   	$('.nav6').click(function() {
									   
									   $('#site-content').stop().animate({"top" : '-1000px'}, 500);
									   $('#site-content').animate({"left" : '-315px'}, 500);
									   
									   });

			
			
		   
		   });