window.addEvent('domready', function(){

$$($(document.body).getElements('*[over]')).each(function(el){
			var src = el.getProperty('over');
			var link = $defined(el.getProperty('href')) ? el.getProperty('href') : false;
			var widthB = el.getProperty('width');//el.getElement('div').getSize().x;
			var heightB =  el.getProperty('height');//el.getElement('div').getSize().y;
			var overImg = new Asset.image(src, {height: heightB, width: widthB});
			var morphImg = new Fx.Morph(overImg, {duration: 500, transition: Fx.Transitions.Elastic.easeOut});
			overImg.inject(el).setStyles({
				position: 'absolute',
				'top': el.getPosition().y,
				'left': el.getPosition().x,
				'cursor': 'pointer',
				'z-index': 100,
				'opacity': 0});
			el.addEvents({
			    'mouseover': function(){morphImg.pause().start({'opacity':1}); overImg.setStyles({'top': el.getPosition().y,'left': el.getPosition().x});},
			    'mouseleave': function(){morphImg.pause().start({'opacity':0})},
			    'click': function(){if(link) window.location.href = link;}
			  });//fin de addEvents

		});//fin de each
});
