jQuery(function( $ ){


//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)
	


		
	var $scrollTarget = $('#subScroll_super');	
	
	$('#img_cpc').mouseover(function(){
			$scrollTarget.stop().scrollTo('250px', 100);
	});	
	
	$('#img_crossroads').mouseover(function(){
			$scrollTarget.stop().scrollTo('0px', 100);
	});
	
	$('#img_glory').mouseover(function(){
			$scrollTarget.stop().scrollTo('122px', 100);
	});
	
	$('#img_asianAm').mouseover(function(){
			$scrollTarget.stop().scrollTo('300px', 100);
	});
	
	
/*	
	$('#img_cpc').mouseover(function(){
			var target = $scrollTarget.find('ul');
			$scrollTarget.stop().scrollTo( "#txt_cpc", 100 );
	});	
	
	$('#img_crossroads').mouseover(function(){
			var target = $scrollTarget.find('ul');
			$scrollTarget.stop().scrollTo( "#txt_crossroads", 100 );
	});
	
	$('#img_glory').mouseover(function(){
			var target = $scrollTarget.find('ul');
			$scrollTarget.stop().scrollTo( "#txt_glory", 100 );
	});
	
	$('#img_asianAm').mouseover(function(){
			var target = $scrollTarget.find('ul');
			$scrollTarget.stop().scrollTo( "#txt_asianAm", 100 );
	});
*/	
	


});