window.addEvent('domready', function(){




	// Second Example

	// The same as before: adding events
	$('myOtherElement1').addEvents({
		'click': 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', '150px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '30px');
		}
	});





	// Second Example

	//The same as before: adding events
	$('myOtherElement2').addEvents({
		'click': 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', '150px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '30px');
		}
	});


	// Second Example

	// The same as before: adding events
	$('myOtherElement3').addEvents({
		'click': 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', '150px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '30px');
		}
	});

	$('myOtherElement4').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});

	$('myOtherElement5').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});

	$('myOtherElement6').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});

	$('myOtherElement7').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});

	$('myOtherElement8').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});

	$('myOtherElement9').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});

	$('myOtherElement10').addEvents({
	    'click': 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', '150px');
	    },
	    'mouseleave': function() {
	        // Resets the tween and changes the element back to its original size
	        this.set('tween', {}).tween('height', '30px');
	    }
	});


});