Element.implement({
	doReset: function(fx) {
		if(fx.timer) return;
		this.setStyles({
			'opacity': 1,
			'height': 150,
			'width': 150,
			'font-size': 13,
			'top': 0,
			'display': 'block'
		});	
	}		  
});
 
 
window.addEvent('domready', function() {
 
	/*$('bubbleH_start').addEvent('click', function(event) {
		$('fadeToggle').fx('togg', {duration:2000}).toggle('width');
	});*/
 
	/*	FX.BUBBLE */
	var bubbleH = new Fx.Bubble('bubbleH');
	var bubbleW = new Fx.Bubble('bubbleW', {mode:'horizontal'});
 
	$('bubbleH_start').addEvent('click', function(event) {
		bubbleH.start();
	});
 
	$('bubbleH_reset').addEvent('click', function(event) {
		$('bubbleH').doReset(bubbleH);
	});
 
	$('bubbleW_start').addEvent('click', function(event) {
		bubbleW.start();
	});
 
	$('bubbleW_reset').addEvent('click', function(event) {
		$('bubbleW').doReset(bubbleW);
	});
 
	/*	FX.FADE */
	var fadeOpt = {duration:1000};
	var fadeOut = new Fx.Fade('fadeOut', fadeOpt);
	var fadeToggle = new Fx.Fade('fadeToggle', fadeOpt);
 
	$('fadeOut_start').addEvent('click', function(event) {
		fadeOut.start('out');
	});
 
	$('fadeOut_reset').addEvent('click', function(event) {
		$('fadeOut').doReset(fadeOut);
	});
 
	$('fadeToggle_start').addEvent('click', function(event) {
		fadeToggle.start('toggle');
	});
 
	$('fadeToggle_reset').addEvent('click', function(event) {
		$('fadeToggle').doReset(fadeToggle);
	});
 
	/*	FX.DROPOUT */
	var dropDown = new Fx.DropOut('dropDown');
	var dropUp = new Fx.DropOut('dropUp', {where:'up'});
 
	$('dropDown_start').addEvent('click', function(event) {
		dropDown.start();
	});
 
	$('dropDown_reset').addEvent('click', function(event) {
		$('dropDown').doReset(dropDown);
	});
 
	$('dropUp_start').addEvent('click', function(event) {
		dropUp.start();
	});
 
	$('dropUp_reset').addEvent('click', function(event) {
		$('dropUp').doReset(dropUp);
	});
 
	/*	FX.SQUISH */
	var squish = new Fx.Squish('squish', {duration:1000});
 
	$('squish_start').addEvent('click', function(event) {
		squish.start();
	});
 
	$('squish_reset').addEvent('click', function(event) {
		$('squish').doReset(squish);
	});
 
	/*	FX.PUFF */
	var puff = new Fx.Puff('puff', {increase: 1.3});
 
	$('puff_start').addEvent('click', function(event) {
		puff.start();
	});
 
	$('puff_reset').addEvent('click', function(event) {
		$('puff').doReset(puff);
	});
 
 
});