//moo.effect, simple effects library built with prototype.js (http://prototype.conio.net).
//Valerio Proietti (http://mad4milk.net) MIT-style LICENSE.


var effect = new Object();
effect.Base = function() {};
effect.Base.prototype = {
    setOptions: function(options) {
    	this.options = {
    		duration: 500,
    		onComplete: ''
    	}
    	Object.extend(this.options, options || {});
	},
	go: function() {
		this.duration  = this.options.duration;
		this.startTime = (new Date).getTime();
		this.timer     = setInterval(this.step.bind(this), 13);
	},
	step: function() {
		var time = (new Date).getTime();
		var tpos = (time - this.startTime) / (this.duration);
		if (time >= this.duration+this.startTime) {
			this.now = this.to;
			clearInterval (this.timer);
			this.timer = null;
			if (this.options.onComplete) setTimeout(this.options.onComplete.bind(this), 10);
		}
		else {
			this.now = ((-Math.cos(tpos * Math.PI) / 2) + 0.5) * (this.to - this.from) + this.from;
			//this time-position, sinoidal transition thing is from script.aculo.us
		}
		this.increase();
	},
	custom: function(from, to) {
		if (this.timer != null) return;
		this.from = from;
		this.to = to;
		this.go();
	},
	hide: function() {
		this.now = 0;
		this.increase();
	},
	clearTimer: function() {
		clearInterval(this.timer);
		this.timer = null;
	}
}
effect.Layout = Class.create();
effect.Layout.prototype = Object.extend(new effect.Base(), {
	initialize: function(el, options) {
		this.el = get(el);
		this.el.style.overflow = "hidden";
		this.el.iniWidth = this.el.offsetWidth;
		this.el.iniHeight = this.el.offsetHeight;
		this.setOptions(options);
	}
});
effect.Height = Class.create();
Object.extend(Object.extend(effect.Height.prototype, effect.Layout.prototype), {
	increase: function() {
		this.el.style.height = this.now + "px";
	},
	toggle: function() {
		if (this.el.offsetHeight > 0) this.custom(this.el.offsetHeight, 0);
		else this.custom(0, this.el.scrollHeight);
	}
});