Element.implement({
	doReset: function(fx) {
		if(fx.timer) return;
		this.setStyles({
			'opacity': 1,
			'height': 150,
			'width': 150,
			'font-size': 13,
			'top': 0
		});	
	},
 
	doZero: function(fx) {
		if(fx.timer) return;
		this.setStyles({
			'height': 0,
			'width': 0,
			'font-size': 0,
			'top': 0
		});	
	}
});
 
 
window.addEvent('domready', function() {
 
	/*	FX.SHAKE */
	var shakeH = new Fx.Shake('shakeH', {duration:200});
	var shakeW = new Fx.Shake('shakeW', {duration:200, mode:'horizontal'});
 
	$('shakeH_start').addEvent('click', function(event) {
		shakeH.start();
	});
 
	$('shakeH_reset').addEvent('click', function(event) {
		$('shakeH').doReset(shakeH);
	});
 
	$('shakeW_start').addEvent('click', function(event) {
		shakeW.start();
	});
 
	$('shakeW_reset').addEvent('click', function(event) {
		$('shakeW').doReset(shakeW);
	});
 
	/*	FX.MOVE */
	var moveH = new Fx.Move('moveH', {duration:1000});
	var moveW = new Fx.Move('moveW', {duration:1000, link:'chain'});
 
	$('moveH_start').addEvent('click', function(event) {
		moveH.start(-180, 180);
	});
 
	$('moveH_reset').addEvent('click', function(event) {
		moveH.start(0, 0);
	});
 
	$('moveW_start').addEvent('click', function(event) {
		moveW.start(-180, 180).start(140, 80).start(0, 0);
	});
 
	$('moveW_reset').addEvent('click', function(event) {
		moveW.start(0, 0);
	});
 
	/*	FX.RUMBLE */
	var rumble = new Fx.Rumble('rumble');
 
	$('rumble_start').addEvent('click', function(event) {
		$('rumble_text').setStyle('display', 'block').set('html', 'Try to drag the box below!');
		rumble.start();
	});
 
	$('rumble_reset').addEvent('click', function(event) {
		$('rumble_text').set('html', 'The box below isn\'t draggable anymore!');
		rumble.detach();
	});
 
		/*	FX.SCROLLOUT */
	var scrollOpts = {duration:1000, 
		initialize:function() {this.wrapper.setStyle('margin', 'auto');}};
 
	var scrollUp = new Fx.ScrollOut('scrollOutU', scrollOpts);
	var scrollDown = new Fx.ScrollOut('scrollOutD', scrollOpts);
 
	$('scrollOutU_start').addEvent('click', function(event) {
		scrollUp.start('up');
	});
 
	$('scrollOutU_reset').addEvent('click', function(event) {
		scrollUp.start('reset');
	});
 
	$('scrollOutD_start').addEvent('click', function(event) {
		scrollDown.start('down');
	});
 
	$('scrollOutD_reset').addEvent('click', function(event) {
		scrollDown.start('reset');
	});
 
	var scrollLeft = new Fx.ScrollOut('scrollOutL', scrollOpts);
	var scrollRight = new Fx.ScrollOut('scrollOutR', scrollOpts);
 
	$('scrollOutL_start').addEvent('click', function(event) {
		scrollLeft.start('left');
	});
 
	$('scrollOutL_reset').addEvent('click', function(event) {
		scrollLeft.start('reset');
	});
 
	$('scrollOutR_start').addEvent('click', function(event) {
		scrollRight.start('right');
	});
 
	$('scrollOutR_reset').addEvent('click', function(event) {
		scrollRight.start('reset');
	});
 
});