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

	$('imagem1').addEvent('mouseenter', function(e) {
      e.stop();
	  // We change the background-color of the element
      
	  var myEffect = new Fx.Tween(imagem6);
      myEffect.start(
				this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '115px'));
      var myEffect = new Fx.Tween(imagem9);
      myEffect.start(this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '315px'));
});
	
	
	
	// The same as before: adding events
	$('imagem1').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: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '315px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '153px');
		},
		
	});
});