window.addEvent('load', function()
{
	var miEfecto1 = new Fx.Style('elemento-1', 'margin-left');
	$('elemento-1').addEvent('click', function()
	{
		miEfecto1.set(383);
	});

	var miEfecto2 = new Fx.Style('elemento-2', 'margin-left');
	$('elemento-2').addEvent('click', function()
	{
		miEfecto2.start(0, 383);
	});

	var miEfecto3 = new Fx.Style('elemento-3', 'margin-left');
	$('elemento-3').addEvent('click', function()
	{
		miEfecto3.start(383);
	});

	var miEfecto4 = new Fx.Style('elemento-4', 'margin-left');
	$('elemento-4').addEvent('click', function()
	{
		miEfecto4.start(383);
		miEfecto4.stop();
	});

	var miEfecto5 = new Fx.Style('elemento-5', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut
	});
	$('elemento-5').addEvent('click', function()
	{
		miEfecto5.start(0, 383);
	});

	var miEfecto6 = new Fx.Style('elemento-6', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
		duration: 1500
	});
	$('elemento-6').addEvent('click', function()
	{
		miEfecto6.start(0, 383);
	});

	var miEfecto7 = new Fx.Style('elemento-7', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
		duration: 1500,
		unit: '%'
	});
	$('elemento-7').addEvent('click', function()
	{
		miEfecto7.start(0, 81);
	});

	var miEfecto8 = new Fx.Style('elemento-8', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
	    duration: 1500,
		wait: false	
	});
	$('elemento-8').addEvent('click', function()
	{
		miEfecto8.start(0, 383);
	});

	var miEfecto9 = new Fx.Style('elemento-9', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
	    duration: 1500,
		wait: true,
		fps: 5
	});
	$('elemento-9').addEvent('click', function()
	{
		miEfecto9.start(0, 383);
	});

	var miEfecto10 = new Fx.Style('elemento-10', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
	    duration: 1500,
		onStart: function()
		{
			alert('Comienza nuestro Efecto!');
		}
	});
	$('elemento-10').addEvent('click', function()
	{
		miEfecto10.start(0, 383);
	});

	var miEfecto11 = new Fx.Style('elemento-11', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
	    duration: 1500,
		onComplete: function()
		{
			alert('Termino nuestro Efecto!');
		}
	});
	$('elemento-11').addEvent('click', function()
	{
		miEfecto11.start(0, 383);
	});

	var miEfecto12 = new Fx.Style('elemento-12', 'margin-left', 
	{
		transition: Fx.Transitions.Back.easeInOut,
	    duration: 1500,
		onCancel: function()
		{
			alert('Se cancelo nuestro Efecto!');
		}
	});
	$('elemento-12').addEvent('click', function()
	{
		miEfecto12.start(0, 383);
		miEfecto12.stop();
	});
});