window.addEvent('domready', function(){	
	$('menu1').addEvents({
		'mouseenter': function(){
			this.set('tween', {duration: '500'});
			this.tween('height', '430px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {});
			this.tween('height', '15px');
		}
	});
	
	$('menu2').addEvents({
		'mouseenter': function(){
			this.set('tween', {duration: '400'});
			this.tween('height', '172px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {});
			this.tween('height', '15px');
		}
	});
	
	$('menu3').addEvents({
		'mouseenter': function(){
			this.set('tween', {duration: '400'});
			this.tween('height', '250px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {});
			this.tween('height', '15px');
		}
	});
	
	$('menu4').addEvents({
		'mouseenter': function(){
			this.set('tween', {duration: '400'});
			this.tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {});
			this.tween('height', '15px');
		}
	});

});