// JavaScript Document

        $(function() {
			$('div.pane').scrollTo( 0 );//reset all scrollable panes to (0,0)
			$.scrollTo( 0 );//reset the screen to (0,0)
		
			$('#navMusic').click(function(){
				$.scrollTo( 100, 800, function(){
					$('#first, #firstSlide').effect("bounce", { times: 4 }, 220);
    			})	
			});
			$('#navLogos').click(function(){
				$.scrollTo( 300, 800, function(){
					$('#second, #secondSlide').effect("bounce", { times: 4 }, 220);
    			})		
			});
			$('#navWeb').click(function(){
				$.scrollTo( 600, 800, function(){
					$('#third, #thirdSlide').effect("bounce", { times: 4 }, 220);
    			})	
			});
			$('#navPromo').click(function(){
				$.scrollTo( 1000, 800, function(){
					$('#fourth, #fourthSlide').effect("bounce", { times: 4 }, 220);
    			})	
			});
			$('#navStuffThings').click(function(){
				$.scrollTo( 1200 , 800, function(){
					$('#fifth, #fifthSlide').effect("bounce", { times: 4 }, 220);
    			})	
			});
			$('#leftArrow').click(function(){
				$.scrollTo( 0, 1300)	
			});
			$('#rightArrow').click(function(){
				$.scrollTo( 1500, 1300)	
			});
		});