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

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

**************************************************************/
var conteggio=0;



var ImageMenu = new Class({

	getOptions: function(){
		return {
			onOpen: false,
			onClose: Class.empty,
			openWidth: 200,
			transition: Fx.Transitions.quadOut,
			duration: 400,
			open: menuAperto,
			border: 0
		};
	},

	initialize: function(elements, options){
		this.setOptions(this.getOptions(), options);
		
		this.elements = $$(elements);


		var ievs = (/MSIE (\d+\.\d+);/.test(navigator.userAgent));
		
			if (ievs){
				
					 var ua = navigator.userAgent;
					 var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
					  if (re.exec(ua) != null)
					  rv = parseFloat( RegExp.$1 );
					
					if (rv<9){
					elements[menuAperto].childNodes[4].style.display="block";
					} else {
					elements[menuAperto].childNodes[5].style.display="block";
					}
			} else {
					elements[menuAperto].childNodes[5].style.display="block";
			}



//5
		//elements[menuAperto].childNodes[4].style.display="block";

				
		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);
			
			
			if (ievs){
				
					 var ua = navigator.userAgent;
					var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
					if (re.exec(ua) != null)
					  rv = parseFloat( RegExp.$1 );
					
					if (rv<9){				
					el.childNodes[4].style.display="block";
					} else {
					el.childNodes[5].style.display="block";	
					}
			} else {
					el.childNodes[5].style.display="block";
			}

				//el.childNodes[5].style.display="block";
			}.bind(this));
			
			
			el.addEvent('mouseleave', function(e){
				new Event(e).stop();
				this.reset(this.options.open);
				//el.childNodes[3].style.display="none";
				for(h=0; h<elements.length; h++){
					if(menuAperto!=h){
						
							if (ievs){
									elements[h].childNodes[4].style.display="none";
							} else {
									elements[h].childNodes[5].style.display="none";
							}
						
						//elements[h].childNodes[5].style.display="none";
					}
				}
				
			}.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);


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