

var scrollSpeed=1200; // 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':'6000px'});
	
	
	/* 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':'0px'},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':'0px', 'top':'-1000px'},scrollSpeed);
		event.preventDefault();
	});
	
	
$("a#link5").click(function(event){
		
$('#pane-container').stop().animate({'left':'0px', 'top':'-2000px'},scrollSpeed);
		event.preventDefault();
	});
	
	
$("a#link6").click(function(event){
		
$('#pane-container').stop().animate({'left':'-2000px', 'top':'-2000px'},scrollSpeed);
		event.preventDefault();
	});
	
	
$("a#link7").click(function(event){
		
$('#pane-container').stop().animate({'left':'-4000px', 'top':'-2000px'},scrollSpeed);
		event.preventDefault();
	});
	
	
$("a#link8").click(function(event){
		
$('#pane-container').stop().animate({'left':'-4000px', 'top':'-800px'},scrollSpeed);
		event.preventDefault();
	});
	
	
$("a#bug").click(function(event){
		
$('#pane-container').stop().animate({'left':'2000px', 'top':'0px'},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();
	});
	 });
	 
	 */
	
});
