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_bairdL').mouseover(function(){
			$scrollTarget.stop().scrollTo('0px', 100);
	});		
	
	$('#img_crottyB').mouseover(function(){
			$scrollTarget.stop().scrollTo('0px', 100);
	});

	$('#img_leeK').mouseover(function(){
			$scrollTarget.stop().scrollTo('320px', 100);
	});	
	
	$('#img_lawrenK').mouseover(function(){
			$scrollTarget.stop().scrollTo('290px', 100);
	});
	
	$('#img_sondagT').mouseover(function(){
			$scrollTarget.stop().scrollTo('340px', 100);
	});	
	
	$('#img_woodsoS').mouseover(function(){
			$scrollTarget.stop().scrollTo('380px', 100);
	});
	

});