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

	
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: 200,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);



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