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

	// 1st Example
	
	// The same as before: adding events
	/*$('myOtherElement').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '500px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '56px');
		}
	});*/

	// 2nd Example
	
	// The same as before: adding events
	$$('#myOtherElement2').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '500px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '36px');
		}
	});

	// 3rd Example
	
	// The same as before: adding events
	$$('#myOtherElement3').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '500px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '36px');
		}
	});

	// 4 Example
	
	// The same as before: adding events
	$$('#myOtherElement4').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '280px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '36px');
		}
	});

	// 5 Example
	
	// The same as before: adding events
	$$('#myOtherElement5').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '230px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '36px');
		}
	});
	
	// The same as before: adding events
	$$('#myOtherElement6').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '110px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '36px');
		}
	});
	
	$$('#myOtherElement7').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('tween', {
				duration: 200,
				transition: Fx.Transitions.Sine.easeInOut // This could have been also 'bounce:out'
			}).tween('height', '205px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '36px');
		}
	});
	
	var yt = $$('div.cright object', 'div.cleft object');
	yt.each(function(el){
		el.set('width', 180);
		el.set('height', 180)
	});
	
});