jQuery(function( $ ){
		//borrowed from jQuery easing plugin
		//http://gsgd.co.uk/sandbox/jquery.easing.php
		$.easing.elasout = function(x, t, b, c, d) {
			var s=1.70158;var p=0;var a=c;
			if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
			if (a < Math.abs(c)) { a=c; var s=p/4; }
			else var s = p/(2*Math.PI) * Math.asin (c/a);
			return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
		};
		$('a.back').click(function(){
			$(this).parents('div.pane').scrollTo( 0, 800, { queue:true } );
			$(this).parents('div.section').find('span.message').text( this.title );
			return false;
		});
		//just for the example, to stop the click on the links.
		$('ul.links').click(function(e){
			e.preventDefault();
			var link = e.target;
			link.blur();
			if( link.title )
				$(this).parent().find('span.message').text(link.title);
		});
	
	//by default, the scroll is only done vertically ('y'), change it to both.
	$.scrollTo.defaults.axis = 'xy'; 			
	//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)
	
	//TOC, shows how to scroll the whole window
	$('#toc a').click(function(){//$.scrollTo works EXACTLY the same way, but scrolls the whole screen
		$.scrollTo( this.hash, 1500, { easing:'elasout' });
		$(this.hash).find('span.message').text( this.title );
		return false;
	});
	
	var $paneTargettop = $('#pageDtextArea');	
				
	$('#videodetails').click(function(){
  	  $.scrollTo( { top:400,left:0} , 800 );
	});
	
	//Target examples bindings
	var $paneTarget = $('#videoarchive');	
				
	$('#jquery-object0').click(function(){
  	  $paneTarget.stop().scrollTo( 10 , 800 );
	  pagestart = 0;
	  pagenate();
	});
	$('#jquery-object10').click(function(){
  	  $paneTarget.stop().scrollTo( 479 , 800 );
	  pagestart = 10;
	  pagenate();
	});
	$('#jquery-object20').click(function(){
  	  $paneTarget.stop().scrollTo( 934 , 800 );
	  pagestart = 20;
	  pagenate();
	});
	$('#jquery-object30').click(function(){
  	  $paneTarget.stop().scrollTo( 1395 , 800 );
	  pagestart = 30;
	  pagenate();
	});
	$('#jquery-object40').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos41' , 800 );
	  pagestart = 40;
	  pagenate();
	});
	$('#jquery-object50').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos51' , 800 );
	  pagestart = 50;
	  pagenate();
	});
	$('#jquery-object60').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos61' , 800 );
	  pagestart = 60;
	  pagenate();
	});
	$('#jquery-object70').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos71' , 800 );
	  pagestart = 70;
	  pagenate();
	});
	$('#jquery-object80').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos81' , 800 );
	  pagestart = 80;
	  pagenate();
	});
	$('#jquery-object90').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos91' , 800 );
	  pagestart = 90;
	  pagenate();
	});
	$('#jquery-object100').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos101' , 800 );
	  pagestart = 100;
	  pagenate();
	});
	$('#jquery-object110').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos110' , 800 );
	  pagestart = 110;
	  pagenate();
	});
	$('#jquery-object120').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos121' , 800 );
	  pagestart = 120;
	  pagenate();
	});
	$('#jquery-object130').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos131' , 800 );
	  pagestart = 130;
	  pagenate();
	});
	$('#jquery-object140').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos141' , 800 );
	  pagestart = 140;
	  pagenate();
	});
	$('#jquery-object150').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos151' , 800 );
	  pagestart = 150;
	  pagenate();
	});
	$('#jquery-object160').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos161' , 800 );
	  pagestart = 160;
	  pagenate();
	});
	$('#jquery-object170').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos171' , 800 );
	  pagestart = 170;
	  pagenate();
	});
	$('#jquery-object180').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos181' , 800 );
	  pagestart = 180;
	  pagenate();
	});
	$('#jquery-object190').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos191' , 800 );
	  pagestart = 190;
	  pagenate();
	});	
	
	$('#bigjquery-object0').click(function(){
  	  $paneTarget.stop().scrollTo( 10 , 800 );
	  pagestart = 0;
	  pagenate();
	});
	$('#bigjquery-object10').click(function(){
  	  $paneTarget.stop().scrollTo( 550 , 800 );
	  pagestart = 10;
	  pagenate();
	});
	$('#bigjquery-object20').click(function(){
  	  $paneTarget.stop().scrollTo( 1095 , 800 );
	  pagestart = 20;
	  pagenate();
	});
	$('#bigjquery-object30').click(function(){
  	  $paneTarget.stop().scrollTo( 1635 , 800 );
	  pagestart = 30;
	  pagenate();
	});
	$('#bigjquery-object40').click(function(){
  	  $paneTarget.stop().scrollTo( 2169 , 800 );
	  pagestart = 40;
	  pagenate();
	});
	$('#bigjquery-object50').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos31' , 800 );
	  pagestart = 50;
	  pagenate();
	});
	$('#bigjquery-object60').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos37' , 800 );
	  pagestart = 60;
	  pagenate();
	});
	$('#bigjquery-object70').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos43' , 800 );
	  pagestart = 70;
	  pagenate();
	});
	$('#bigjquery-object80').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos49' , 800 );
	  pagestart = 80;
	  pagenate();
	});
	$('#bigjquery-object90').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos55' , 800 );
	  pagestart = 90;
	  pagenate();
	});
	$('#bigjquery-object100').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos61' , 800 );
	  pagestart = 100;
	  pagenate();
	});	
	$('#bigjquery-object110').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos67' , 800 );
	  pagestart = 110;
	  pagenate();
	});	
	$('#bigjquery-object120').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos73' , 800 );
	  pagestart = 120;
	  pagenate();
	});	
	$('#bigjquery-object130').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos79' , 800 );
	  pagestart = 130;
	  pagenate();
	});	
	$('#bigjquery-object140').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos85' , 800 );
	  pagestart = 140;
	  pagenate();
	});	
	$('#bigjquery-object150').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos91' , 800 );
	  pagestart = 150;
	  pagenate();
	});	
	$('#bigjquery-object160').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos97' , 800 );
	  pagestart = 160;
	  pagenate();
	});	
	$('#bigjquery-object170').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos103', 800 );
	  pagestart = 170;
	  pagenate();
	});	
	$('#bigjquery-object180').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos109' , 800 );
	  pagestart = 180;
	  pagenate();
	});	
	$('#bigjquery-object190').click(function(){
  	  $paneTarget.stop().scrollTo( '#pos115' , 800 );
	  pagestart = 190;
	  pagenate();
	});	
});