Element.implement({
	doReset: function(fx) {
		if(fx.timer) return;
		this.setStyles({
			'opacity': 1,
			'height': 150,
			'width': 150,
			'font-size': 13,
			'top': 0,
			'background-color': '#4BA6C1'
		});	
	},
 
	doZero: function(fx) {
		if(fx.timer) return;
		this.setStyles({
			'height': 0,
			'width': 0,
			'font-size': 0,
			'top': 0
		});	
	}
});
 
 
window.addEvent('domready', function() {
 
	/*	FX.PULSATE */
	var pulsate = new Fx.Pulsate('pulsate', {times: 10});
	var pulsateSlow = new Fx.Pulsate('pulsateSlow', {duration: 1000, times: 10});
 
	$('pulsate_start').addEvent('click', function(event) {
		pulsate.start();
	});
 
	$('pulsateSlow_start').addEvent('click', function(event) {
		pulsateSlow.start();
	});
 
	/* FX.SWITCHOFF */
	var switchH = new Fx.SwitchOff('switchH', {duration: 1000});
	var switchW = new Fx.SwitchOff('switchW', {duration: 1000, mode: 'horizontal'});
 
	$('switchH_start').addEvent('click', function(event) {
		switchH.start();
	});
 
	$('switchW_start').addEvent('click', function(event) {
		switchW.start();
	});
 
	$('switchH_reset').addEvent('click', function(event) {
		$('switchH').doReset(switchH);
	});
 
	$('switchW_reset').addEvent('click', function(event) {
		$('switchW').doReset(switchW);
	});
 
	/* FX.GRADIENT */
	var gradientH = new Fx.Gradient('gradientH', {duration: 2000, end:false});
	var gradientW = new Fx.Gradient('gradientW', {duration: 2000});
 
	var gr = $('gradientH');
	//gr.get('pulsate').start();
 
	gr.set('move', {duration:2000, link:'chain'});
 
	$('gradientH_start').addEvent('click', function(event) {
		gradientH.start(['#56617D', '#78ba91']);
		//gr.effect('move', 40, 440);
	});
 
	$('gradientW_start').addEvent('click', function(event) {
		gradientW.start(['#56617D', '#78ba91', '#8eaeaf', '#9a6f1b', '#a87aad', '#eeaba8']);
		//gr.effect('move', 190, 40);
	});
 
	$('gradientH_reset').addEvent('click', function(event) {
		$('gradientH').doReset(gradientH);
	});
 
	$('gradientW_reset').addEvent('click', function(event) {
		$('gradientW').doReset(gradientW);
	});
 
});