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

var animacja_jeden = new Fx.Tween('element_jeden', {
			duration:2000,
			link:'chain',
			transition:Fx.Transitions.Elastic.easeOut
		});

var animacja_dwa = new Fx.Tween('element_dwa', {
			property:'border-radius',
			property:'opacity',
			duration:3000
		});
		
var animacja_trzy = new Fx.Tween('element_trzy', {
			property:'border-radius',
			duration:3000,
			unit:'px',
			transition:Fx.Transitions.Bounce.easeOut
		});

$('start').addEvent('click', function(){
			animacja_jeden.start('margin-left', 1050)
			.start('font-weight', '900')
			.start('color', '#ffffff')
			.start('background-color', '#000000')
			.start('border', '5px solid #ff0000');
		});
		
$('start').addEvent('click', function(){
			animacja_dwa.start.pass([0, 1], animacja_dwa).delay(10000);
		});
		
$('start').addEvent('click', function(){
			animacja_trzy.start.pass([0, 20], animacja_trzy).delay(5000);
		});
		
$('pause').addEvent('click', function(){
			animacja_jeden.pause();
			animacja_dwa.pause();
			animacja_trzy.pause();
		});

$('resume').addEvent('click', function(){
			animacja_jeden.resume();
			animacja_dwa.resume();
			animacja_trzy.resume();
		});

$('cancel').addEvent('click', function(){  
			animacja_jeden.cancel();
			animacja_dwa.cancel();
			animacja_trzy.cancel();
		});

$('reset').addEvent('click', function(){
			animacja_jeden.set('margin-left', 0);
			animacja_jeden.set('font-weight', 'normal');
			animacja_jeden.set('color', '#000000');
			animacja_jeden.set('background-color', '#ff0000');
			animacja_dwa.set('opacity', 0);
			animacja_trzy.set('border-radius', 0);
		});

});
