Efectos con Mootools: Fx.Elements

//Creamos una instancia y le pasamos como parametro todos los elementos de clase "prueba" que estan dentro del elemento con id "prueda-1"
var misEfectos1 = new Fx.Elements($$('#prueba-1 .prueba'));
$('efecto-1').addEvent('click', function(ev)
{
	//detenemos el evento para que no funcione el link
	new Event(ev).stop();
	misEfectos1.start(
	{
	    //elemento 0, el primero de nuestro arreglo de elementos
		'0': 
		{
			//Las propiedades css se colocan de igual manera que en Fx.Styles
			'opacity': [0,1],
			'width': [80, 300]
	    },
		//elemento 2, el tercero de nuestro arreglo de elementos
	    '2': 
		{
			'opacity': [0,1],
			'width': [80, 300]
	    }
	});
}); 

//Seleccionamos todos los elementos de clase "prueba" que estan dentro del elemento con id "prueda-2"
var elementos2 = $$('#prueba-2 .prueba');
var misEfectos2 = new Fx.Elements(elementos2);
var efectos2 = {};
elementos2.each(function(el, i)
{
	//Colocamos efectos para todos nuestros elementos
	efectos2[i] = 
	{
		'opacity': [0,1],
		'width': [80, 300]
	};
});
$('efecto-2').addEvent('click', function(ev)
{
	new Event(ev).stop();
	misEfectos2.start(efectos2);
}); 

var elementos3 = $$('#prueba-3 .prueba');
var misEfectos3 = new Fx.Elements(elementos3);
var efectos3 = {};
		
elementos3.each(function(el, i)
{
	efectos3[i] = 
	{
		//jugamos con el indice para colcocar valores diferentes al width de cada elemento
		'width': [80, 80 + (115 * (i + 1))], 
		'opacity': [0.5, 1],
		'background-color': ['#B4C24B', '#FF0000']
	};
});	
$('efecto-3').addEvent('click', function(ev)
{
	new Event(ev).stop();
	misEfectos3.start(efectos3);
}); 

var elementos4 = $$('#prueba-4 .prueba');
var misEfectos4 = new Fx.Elements(elementos4, 
{
	//Las opciones y eventos funciionan de igual forma que en Fx.Style y Fx.Styles
	duration: 2000,
	onComplete: function()
	{
		alert('Completado!');
	}
});
var efectos4 = {};
	
elementos4.each(function(el, i)
{
	efectos4[i] = 
	{
		'width': [80, 80 + (115 * (i + 1))], 
		'opacity': [0.5, 1],
		'background-color': ['#B4C24B', '#FF0000']
	};
});
$('efecto-4').addEvent('click', function(ev)
{
	new Event(ev).stop();
	misEfectos4.start(efectos4);
});