window.addEvent('domready', function(){
	// Μενώ1
	$('Menu1').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 800,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '62px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '18px');
		}
	});

	// Μενώ2
	$('Menu2').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '250px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '32px');
		}
	});

	// Μενώ3
	$('Menu3').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '132px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '16px');
		}
	});

	// Μενώ4
	$('Menu4').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '288px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '32px');
		}
	});


	// Θντξ1
	$('Info1').addEvents({
		'mouseenter': function(){
			$('Infopanel1').set('tween', {}).tween('height', '90px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('Infopanel1').set('tween', {}).tween('height', '1px');
		}
	});

	// Θντξ2
	$('Info2').addEvents({
		'mouseenter': function(){
			$('Infopanel2').set('tween', {}).tween('height', '160px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('Infopanel2').set('tween', {}).tween('height', '1px');
		}
	});

	// Θντξ3
	$('Info3').addEvents({
		'mouseenter': function(){
			$('Infopanel3').set('tween', {}).tween('height', '240px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('Infopanel3').set('tween', {}).tween('height', '1px');
		}
	});

	// Θντξ4
	$('Info4').addEvents({
		'mouseenter': function(){
			$('Infopanel4').set('tween', {}).tween('height', '110px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('Infopanel4').set('tween', {}).tween('height', '1px');
		}
	});


});