/*

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: 0,

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

    /* Bei Aufruf von Starfenster aus
	  if (options.start != 0) {
		   var fx = new Fx.Elements(myElements, {wait: true, duration: 600, transition: options.transition});
		}else{ */
		   var fx = new Fx.Elements(myElements, {wait: false, duration: 600, 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();

		});

	}

	

});