/*
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: 300, transition: options.transition});

 myElements.each(function(el, i){
 el.addEvent('mouseenter', function(e){
 e = new Event(e).stop();
 el.show();
 });

 el.addEvent('click', function(e){
 el.select();
 });

 el.addEvent('mouseleave', 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();
 });
 }

});