$(document).ready(function() {

	$('.image-roll').each(function(){
		var _this = $(this);
		_this.children('span.fade').css({opacity: 0, display: 'block'});
		
		_this.hover(function(){
			_this.children('span.left-slide').stop();
			_this.children('span.fade').stop();
			_this.children('span.heading').stop();
			
			_this.children('span.heading').animate({
				bottom: -20
			}, {queue:false, duration: 200, complete: function(){
				_this.children('span.fade').animate({opacity: 1}, {queue:false, duration: 150, complete: function(){
					_this.children('span.left-slide').animate({
						left: 0
					}, {queue:false, duration: 120});
				}});
			}});
		}, function(){
			_this.children('span.left-slide').stop();
			_this.children('span.fade').stop();
			_this.children('span.heading').stop();
			
			_this.children('span.left-slide').animate({
				left: -140
			}, {queue:false, duration: 120, complete: function(){
				_this.children('span.fade').animate({opacity: 0}, {queue:false, duration: 150, complete: function(){
					_this.children('span.heading').animate({
						bottom: 0
					}, {queue:false, duration: 200});
				}});
			}});
		});
	});

});