jQuery(function( $ ){
	
	//by default, the scroll is only done vertically ('y'), change it to both.
	$.scrollTo.defaults.axis = 'y'; 			
	//this one is important, many browsers don't reset scroll on refreshes
	$('div.pane').scrollTo( 0 );//reset all scrollable panes to (0,0)
	$.scrollTo( 0 );//reset the screen to (0,0)
	
	//USE THIS PART OF THE JAVASCRIPT IF YOU WANT THE WHOLE SCREEN TO SCROLL
	$('a.continents-link').click(function(){
		$.scrollTo( this.hash, 800);
		return false;
	});
		
	//USE THIS PART OF THE JAVASCRIPT IF YOU WANT THE ELEMENTS INSIDE A DIV TO SCROLL
	$('#links a').click(function(){ //
		$('div.pane').scrollTo( this.hash, 800);
		return false;
	});
	
});