var scrollSpeed=1600; // change this value to adjust scroll speed (duration of change in ms)

$(document).ready(function(){

	/* Javascript Styling */
	
	$('body').css({ 'overflow':'hidden'});
	$('.pane').css({'float':'left'});
	$('.auxiliary-pane').css({'display':'block'});
	$('.row').css({'float':'left', 'width':'5000px'});
	
	
	/* Navigation Animations */
	
	$("ul#menu a#link1").click(function(event){
		$('#pane-container').stop().animate({'left':'0px', 'top':'0px'},scrollSpeed);
		event.preventDefault();
	});
	
	$("a#link2").click(function(event){
		$('#pane-container').stop().animate({'left':'-2000px', 'top':'-800px'},scrollSpeed);
		event.preventDefault();
	});

	$("a#link3").click(function(event){
		$('#pane-container').stop().animate({'left':'-4000px', 'top':'0px'},scrollSpeed);
		event.preventDefault();
	});	

	$("a#link4").click(function(event){
		$('#pane-container').stop().animate({'left':'-1000px', 'top':'-1600px'},scrollSpeed);
		event.preventDefault();
	});

	$("a#link5").click(function(event){
		$('#pane-container').stop().animate({'left':'-1000px', 'top':'-1600px'},scrollSpeed);
		event.preventDefault();
	});
	
	/********************************************
	 * This is a template for adding functions
	  
	 * replace the anchor's id
	 * set the location in 'px' of the top left corner
	 
	 $("a#identity").click(function(event){
		$('#pane-container').animate({'left':'0px', 'top':'0px'},scrollSpeed);
		event.preventDefault();
	});
	 });
	 
	 */
	
});