window.addEvent('domready', function(){
	// adding events
	$$('div#navigation').addEvents({
		'mouseenter': function(e){
			e.stop();
			// 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: 200,
				//transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween.delay(250,this,['height', '182px']);
		},
		'mouseleave': function(e){
			e.stop();
			// Resets the tween and changes the element back to its original size
			this.set('tween', {
				duration: 350,
			}).tween.delay(250,this,['height', '33px']);
			//.tween('height', '33px');
		}
	});
});