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.FOLD */
	var foldH = new Fx.Fold('foldH', {duration:1000});
	var foldW = new Fx.Fold('foldW', {duration:1000, mode:'horizontal'});
 
	$('foldH_start').addEvent('click', function(event) {
		foldH.start();
	});
 
	$('foldH_reset').addEvent('click', function(event) {
		$('foldH').doReset(foldH);
	});
 
	$('foldW_start').addEvent('click', function(event) {
		foldW.start();
	});
 
	$('foldW_reset').addEvent('click', function(event) {
		$('foldW').doReset(foldW);
	});
 
	/*	FX.SHRINK */
	var shrink = new Fx.Shrink('shrink', {duration:1000});
 
	$('shrink_start').addEvent('click', function(event) {
		shrink.start();
	});
 
	$('shrink_reset').addEvent('click', function(event) {
		$('shrink').doReset(shrink);
	});
 
	/*	FX.GROW */
	var grow = new Fx.Grow('grow', {duration:1000}, {
		height: 150,
		width: 150,
		fontsize: 13
	});
 
	$('grow_start').addEvent('click', function(event) {
		grow.start();
	});
 
	$('grow_reset').addEvent('click', function(event) {
		$('grow').doZero(grow);
	});
 
	/*	FX.SCALE */
	var scale = new Fx.Scale('scale', {duration:1000});
	var title = $('scale').getFirst();
 
	$('scale_start').addEvent('click', function(event) {
		//console.log($('scale').getFirst().getStyle('font-size'));
		if(title.getStyle('font-size').toInt() > 25) {
			alert('Too Big!');
			return;
		}
		scale.start(['width', 'height', 'font-size'], 1.3);
	});
 
	$('scale_reset').addEvent('click', function(event) {
		if(title.getStyle('font-size').toInt() < 6) {
			alert('Too Little!');
			return;
		}
		scale.start(['width', 'height', 'font-size'], 0.7);									
		$('scale').doReset(scale);
	});
 
});