window.addEvent('domready', function(){
		
	// The same as before: adding events
	
	$('prop1_b').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
			$('prop1').set('tween', {
				duration: 700,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('prop1').set('tween', {}).tween('height', '0px');
		}
	});
	
	$('prop2_b').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
			$('prop2').set('tween', {
				duration: 700,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('prop2').set('tween', {}).tween('height', '0px');
		}
	});
	
	$('prop3_b').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
			$('prop3').set('tween', {
				duration: 700,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('prop3').set('tween', {}).tween('height', '0px');
		}
	});
	
	$('prop4_b').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
			$('prop4').set('tween', {
				duration: 700,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('prop4').set('tween', {}).tween('height', '0px');
		}
	});
	
	$('prop5_b').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
			$('prop5').set('tween', {
				duration: 700,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('prop5').set('tween', {}).tween('height', '0px');
		}
	});
		
});