/**************************************************************

	Script	: Image Menu
	Version	: 2.2
	Authors	: Samuel Birch
	Desc	: 
	Licence	: Open Source MIT Licence

**************************************************************/
var ImageMenu=new Class({
	getOptions:function(){
		return {
			onOpen:false,
			onClose:Class.empty,
			openWidth:230,
			transition:Fx.Transitions.quadOut,
			duration:400,
			open:null,
			border:0
		};
	},
	initialize:function(elements,options){
		this.setOptions(this.getOptions(),options);
		this.elements=$$(elements);
		this.widths={};
		this.widths.closed = this.elements[0].getStyle('width').toInt();
		this.widths.openSelected=this.options.openWidth;
		this.widths.openOthers=Math.round(((this.widths.closed*this.elements.length)-(this.widths.openSelected+this.options.border))/(this.elements.length-1));
		this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});
		this.elements.each(function(el,i){
			el.addEvent('mouseenter', function(e){
				new Event(e).stop();
				this.reset(i);
			}.bind(this));
			el.addEvent('mouseleave', function(e){
				new Event(e).stop();
				this.reset(this.options.open);
			}.bind(this));
			var obj = this;
			el.addEvent('click',function(e){
				if(obj.options.onOpen){
					new Event(e).stop();
					if(obj.options.open == i){
						obj.options.open = null;
						obj.options.onClose(this.href, i);
					}else{
						obj.options.open = i;
						obj.options.onOpen(this.href, i);
					}
				}
			})
		}.bind(this));
		if(this.options.open){
			if($type(this.options.open) == 'number'){
				this.reset(this.options.open);
			}else{
				this.elements.each(function(el,i){
					if(el.id == this.options.open){
						this.reset(i);
					}
				},this);
			}
		}
	},
	reset:function(num){
		if($type(num)=='number'){
			var width=this.widths.openOthers;
			if(num+1==this.elements.length){
				width+=this.options.border;
			}
		}else{
			var width=this.widths.closed;
		}
		var obj={};
		this.elements.each(function(el,i){
			var w=width;
			if(i==this.elements.length-1){
				w=width+5
			}
			obj[i]={'width':w};
		}.bind(this));
		if($type(num)=='number'){
			obj[num]={'width':this.widths.openSelected};
		}
		this.fx.start(obj);
	}
});
ImageMenu.implement(new Options);
ImageMenu.implement(new Events);