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