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

  var linkLista = $$('.fadelista');
  var linkMain = $$('.fademain');
  var linkEfecto = $$('.efecto');

	$each(linkEfecto, function(myEfecto) { myEfecto.tween('opacity', 0); });

	$each(linkLista, function(myLista, index) {
		var morphListaIn = new Fx.Morph(linkMain[index], {
			'duration':'300',
			'link':'cancel',
			onStart: function() { linkEfecto[index].setStyle('display', 'block'); }
		});
		var morphListaOut = new Fx.Morph(linkMain[index], {
			'duration':'300',
			'link':'cancel',
			onComplete: function() { linkEfecto[index].setStyle('display', 'none'); }
		});
		myLista.addEvents({
			'mouseenter' : function() {
				linkEfecto[index].fade(.8);
				morphListaIn.start({ 'color': '#FFB371' });
			},
			'mouseleave' : function() {
				linkEfecto[index].fade(0);
				morphListaOut.start({ 'color': '#FFC72F' });
			}
		});
	});

 });