jQuery(function( $ ){
	
	//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);
	});
	
	

	
	// Target examples bindings
	// THIS DEMO IS NOT INTENDED TO SHOW HOW TO CODE IT
	// JUST THE MULTIPLE OPTIONS. THIS CODE IS UGLY.
	var $paneTarget = $('#pane-target');
	

	$('.upizquierda').click(function(){
		$paneTarget.stop().scrollTo( { top:630,left:1015} , 2000 );
	});
	
	$('.upderecha').click(function(){
		$paneTarget.stop().scrollTo( { top:630,left:3045} , 2000 );
	});

	$('.centro').click(function(){				
		$paneTarget.stop().scrollTo( {top:1260,left:2030}, 1000 );
	});
	
	$('#relative-selector').click(function(){
		var $target = $paneTarget.find('div.home');
		$paneTarget.stop().scrollTo( $target , 8000, { queue:true });
	});
	
	
	$('.downizquierda').click(function(){
		$paneTarget.stop().scrollTo( { top:1890,left:1015} , 2000 );
	});
	
	$('.downderecha').click(function(){
		$paneTarget.stop().scrollTo( { top:1890,left:3045} , 2000 );
	});
	
	
	
	
});