/*
	Dynabox v0.01
*/

var Dynabox = {

	init: function(options){
		this.options = $extend({
			resizeDuration: 400,
			openHeight: 350,
			initialHeight: 150
		}, options || {});
		this.anchors = [];
		var list = $$('.dynabox');
		list.each(function(el) {
		
			var fx = new Fx.Styles(el, {duration: this.options.resizeDuration, wait:false});
			
		
			var opener = el.getElement('.dynbox_open');
			if(opener){
				var myHover = new Fx.Styles(opener, {duration:200, wait:false});
				opener.addEvent('mouseenter', function(){
					myHover.start({
						'color': '#DDD'
					});
				});
				opener.addEvent('mouseleave', function(){
					myHover.start({
						'color': '#888'
					});
				});
				opener.addEvent('click', function(){
					fx.start({
						'color': '#DDD',
						'height': 370
					});
				});
			}
			var closer = el.getElement('.dynbox_close');
			if(closer){
				var myHover2 = new Fx.Styles(closer, {duration:200, wait:false});
				closer.addEvent('mouseenter', function(){
					myHover2.start({
						'color': '#DDD'
					});
				});
				closer.addEvent('mouseleave', function(){
					myHover2.start({
						'color': '#888'
					});
				});	 
				closer.addEvent('click', function(){
					fx.start({
						'color': '#888',
						'height': 150
					});
				});
			}
			
			
		}, this);

	}
};

window.addEvent('domready', Dynabox.init.bind(Dynabox));