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

	Script	: Image Menu
	Version	: 2.3
	Authors	: Samuel Birch
	
	Further Develope: Nawid Bahar
	Desc	: 
	Licence	: Open Source MIT Licence
	
	

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

var ImageMenu = new Class({
	
	getOptions: function(){
		return {
			OnOpen: $lambda(false),
			OnClose: $lambda(false),
			OnClickOpen: $lambda(),
			OnClickClose: $lambda(),
			openWidth: 700,
			transition: Fx.Transitions.Sine.easeInOut,
			duration: 500,
			anime_duration:12000,
			current_position:0,
			open: null,
			border: 0
		};
	},

	initialize: function(elements, options){
	  
	       
      var obj = this;
      
		this.setOptions(this.getOptions(), options);
		
		this.elements = $$(elements);
		
		this.widths = {};
		this.widths.closed = elements[0].getStyle('width').toInt();
		this.widths.openSelected = 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);
				if(this.options.OnOpen){
					this.options.OnOpen(el, i);
				}
			}.bind(this));
			
			el.addEvent('mouseleave', function(e){
				new Event(e).stop();
				this.reset(this.options.open);
				if(this.options.OnClose){
					this.options.OnClose(el, i);
				}
			}.bind(this));
			
			

			
			
			

				
		el.addEvent('click', function(e){
				 
			if( (e.target).nodeName!="A" ){
			  
			if((e.target).parentNode.tagName!="A"){
				if(obj.options.OnClickOpen){
					new Event(e).stop();
					if(obj.options.open == i){
						obj.options.open = null;
						obj.options.OnClickClose(this, i);
					}else{
						obj.options.open = i;
						obj.options.OnClickOpen(this, i);
					}
				}
			}
		}
	})			
	}.bind(this));
		
	
/*	  this.elements.each(function(el,i){
            obj.options.open = i;
            this.options.OnClickOpen(this,i)     
          setTimeout(this,1000);
        }
	
	*/
			if(this.options.open != null){
			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;
					obj[i] = {'width': w};
					el.style.opacity =0.8;
					if(i==num){
					  el.style.opacity =1;
					}
		}.bind(this));
		
		if($type(num) == 'number'){
			obj[num] = {'width': this.widths.openSelected};
	
		}
				
		this.fx.start(obj);
	}
}

);

ImageMenu.implement(new Options);
ImageMenu.implement(new Events);


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