window.addEvent('domready', function(){
	//First Example
	
    
	// Second Example
	
	// The same as before: adding events
	$('left_element_1').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('morph', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '240px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('morph', {}).tween('height', '92px');
		}
	});
	
	
		$('left_element_2').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('morph', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '220px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('morph', {}).tween('height', '58px');
		}
	});
		
			$('left_element_3').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('morph', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '260px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('morph', {}).tween('height', '62px');
		}
	});
			
				$('left_element_4').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('morph', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '240px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '59px');
		}
	});
				
					$('left_element_5').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('morph', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '290px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('morph', {}).tween('height', '60px');
		}
	});
					
	
				$('left_element_6').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('morph', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '240px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('morph', {}).tween('height', '59px');
		}
	});
					
	
	
});