$(document).ready( function(){
	$('.responsibility-promo img').each( function(){
			$(this).css({ 'clip' : 	'rect(60px 228px 180px 0px)'});
	});
	$('.responsibility-promo').each( function(){
		$(this).bind('mouseover', function(){
			var imgs = $(this).children('img');
			var h = $(this).children('h3');
			//$(img).stop().animate({ 'clip':'rect(30px 228px 330px 0px)' }, 500, 'easeInQuad');
			$( imgs[0]  ).stop().animate({ 'clip':'rect(30px 228px 330px 0px)' }, 500, 'easeInQuad');
			$( imgs[1]  ).stop().animate({ 'clip':'rect(30px 228px 330px 0px)' }, 500, 'easeOutQuad');
			$(h).stop().animate({'color':'#FFFFFF'}, 500);
		});
		$(this).bind('mouseout', function(){
			var imgs = $(this).children('img');
			var h = $(this).children('h3');
			$(imgs[0]).stop().animate({ clip:'rect(60px 228px 180px 0px)' }, 1000, 'easeOutQuad');
			$(imgs[1]).stop().animate({ clip:'rect(60px 228px 180px 0px)' }, 1000, 'easeInQuad');
			$(h).stop().animate({'color':'#333333'}, 1000);
		});
	});
							
							
							
});