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

    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);