$(function(){
	var _elem = $(".ruleman");
	var bgndPosition = 'top right';
	var velocidad = 360;
	_elem.each(function(){
		var bgndImage =  $(this).css('background-image');
		var patt=/\"|\'|\)|\(|url/g;
		var _imagen = bgndImage.replace(patt,'');
		$(this)
			.wrapInner('<span class="bgndFadeText" />')
			.append('<div class="bgndFade" style="position:absolute; z-index:100; left:0; top:0; width:100%; height:100%; background-image:url('+_imagen+'); background-position:'+bgndPosition+'" />');
		var bgndFade = $(this).children('.bgndFade').css({'opacity':0, 'cursor':'pointer'});
		$(this).mouseover(function(){
			bgndFade.stop().animate({opacity:1},velocidad);
		}).mouseleave(function(){
			bgndFade.stop().animate({opacity:0},velocidad);
		});
	});
});