window.addEvent('domready', function(){
		
		$('menu').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.morph({
					width: '250px',
					margin: '0px',
					overflow: 'hidden',
					position: 'absolute'
				});

				$('slide').morph({
					'margin-left': '0px'
				})

			},
			'mouseleave': function(){
				// Resets the tween and changes the element back to its original size
				this.morph({
					width: '45px',
					margin: '0px',
					overflow: 'hidden',
					position: 'absolute'
				});

				$('slide').morph({
					'margin-left': '-210px'
				});
			}
		});
});