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

	// Second Example
	
	// The same as before: adding events
	$('menu1').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: 500
			}).tween('height', '140px');
            $('menuHead-make').setStyle( 'background-position', 'left -30px' );
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
			$('menuHead-make').setStyle( 'background-position', 'left 0px' );
		}
	});
	$('menu2').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: 500
            }).tween('height', '190px');

			$('menuHead-who').setStyle( 'background-position', 'left -30px' );
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
			$('menuHead-who').setStyle( 'background-position', 'left 0px' );
		}
	});
	$('menu3').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: 500
		    }).tween('height', '300px');
			$('menuHead-where').setStyle( 'background-position', 'left -30px' );
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
			$('menuHead-where').setStyle( 'background-position', 'left 0px' );
		}
	});
	$('menu4').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: 500
		    }).tween('height', '300px');
		    $('menuHead-like').setStyle( 'background-position', 'left -30px' );
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
			$('menuHead-like').setStyle( 'background-position', 'left 0px' );
		}
	});
	
});