var ImageMenu = new Class({
	redirect: function(e){
		window.location = this.href;
	},	
	initialize: function(elements){
		this.elements = $$(elements);	
		this.fx = new Fx.Elements(this.elements, {wait: false, duration: 600, transition: Fx.Transitions.quadOut});		
		this.elements.each(function(el,i){
			var isiPad = navigator.userAgent.match(/iPad/i) != null;
			if (!isiPad) {
				var eventname = 'mouseenter';
			} else {
				var eventname = 'click';
			}
			el.addEvent(eventname, function(e){
				jQuery('#imageMenu ul li a').each(function(t){
					var fade_element = jQuery('#imageMenu ul li a:eq('+t+')');
					var curr_element = jQuery('#imageMenu ul li a:eq('+i+')');
					if (curr_element.css('opacity') != 1){
						fade_element.animate({'opacity':0},100);
					}
				});
				new Event(e).stop();
				this.reset(i);				
			}.bind(this));						
			var obj = this;
		}.bind(this));
		/*this.reset(3);*/
		jQuery('#imageMenu ul li a:eq(3)').css('width', '480px');
	},
	reset: function(num){
		var obj = {};
		this.elements.each(function(el,i){
			obj[i] = {'width': 97};
			if (num==i){
				el.addEvent('click', this.redirect);
			} else {
				el.removeEvent('click', this.redirect);
			}
		}.bind(this));
		obj[num] = {'width': 480, 'opacity':1};
		this.fx.start(obj);			
	},
});

ImageMenu.implement(new Events);