$(document).ready(function(){
	$('.theImage').bind("mouseenter",function(e){
		var _left = e.clientX;
		var _top  = e.clientY;
		var _nextTop = 0;
		if(_top < 225) { _nextTop = '100px'; } else { _nextTop = '-400px'; }
		
		$('.theImage img').stop();
		$('.theImage img').animate({'top':_nextTop, 'opacity':0.8},{ 'duration':1000, 'easing':'easeinout'});
	});
	$('.theImage').bind("mouseleave",function(e){
		$('.theImage img').stop();
		$('.theImage img').animate({'top':'0px','opacity':1},{ 'duration':1000, 'easing':'easeout'});
	});
	
});