$(document).ready(function() {
	  var speedIn = 10;
	  var speedOut= 10;

	  $('.effect').hover(
		   function(){
				if(!$(this).is(':animated')) {
					var image = $('> img', this);
					$(this).fadeOut(speedOut, switchSrc);
				}
				function switchSrc(){
						 image.attr('src', image.attr('src').replace('_hover', '').replace('.png', '_hover.png'));
						 $(this).fadeIn(speedIn);
				};
		   },
		   function(){
				if(!$(this).is(':animated')) {
					var image = $('> img', this);
					$(this).fadeOut(speedOut, switchSrc);
				}
				function switchSrc(){
						 image.attr('src', image.attr('src').replace('_hover', ''));
						 $(this).fadeIn(speedIn);
				};
		   }
	  );
  });