/*
        Script: imageMenu.js

        Authors:
	        Sam Birch

        License:
	        MIT-style license.

        */
        var ImageMenu = new Class({
        	
	        initialize: function(myElements,options){
		        options = Object.extend({
			        onClick: Class.empty,
			        start: -1,
			        openWidth: 0,
			        smallWidth: 0,
			        itemWidth: 0,
			        selected: -1,
			        open: -1,
			        transition: Fx.Transitions.quadOut
		        }, options || {});
        		
		        this.myElements = myElements;
		        this.options = options;
        		
		        options.itemWidth = myElements[0].getStyle('width').toInt();
		        options.smallWidth = Math.round(((options.itemWidth*myElements.length)-options.openWidth)/(myElements.length-1));
        		
		        var fx = new Fx.Elements(myElements, {wait: false, duration: 400, transition: options.transition});
        		
		        myElements.each(function(el, i){
			        el.addEvent('mouseover', function(e){
				        e = new Event(e).stop();
				        el.show();
			        });
        			
			        el.addEvent('click', function(e){
				        el.select();
			        });
        			
			        el.addEvent('mouseout', function(e){
				        e = new Event(e).stop();
				        el.hide();
			        });
        			
			        el.show = function(){
				        var obj = {};
				        obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
				        myElements.each(function(other, j){
					        if (other != el){
						        var w = other.getStyle('width').toInt();
						        if (w != options.smallWidth) obj[j] = {'width': [w, options.smallWidth]};
					        }
				        });
				        fx.start(obj);
			        };
        			
			        el.hide = function(){
				        var obj = {};
				        if(options.selected == -1){
					        myElements.each(function(el,i){
						        obj[i] = {'width': [el.getStyle('width').toInt(), options.itemWidth]};	
					        });
				        }else{
					        myElements.each(function(el,i){
						        if(i != options.selected){
							        var w = el.getStyle('width').toInt();
							        if(w != options.smallWidth){obj[i] = {'width': [w, options.smallWidth]}};
						        }else{
							        obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
						        }
					        });
				        }
				        fx.start(obj);
			        };
        			
			        el.select = function(){
				        if(options.selected == i){options.selected = -1}else{options.selected = i}
				        options.onClick(options.selected,options.open);
				        options.open = options.selected;
			        };
		        });
        		
		        if(options.start != -1){
			        myElements[options.start].show();
			        myElements[options.start].select();
		        }
	        },
        	
	        reset: function(){
		        this.options.selected = -1;
		        this.options.open = -1;
		        this.myElements.each(function(el, i){
			        el.hide();
		        });
	        }
        	
        });