window.addEvent('domready', function(){
		
	// var nav1 = $$('li.nav1');
	// nav1.addEvent('mouseenter', nav1.tween.bind(nav1, ['padding-top', '20px']));
	// nav1.addEvent('mouseleave', nav1.tween.bind(nav1, ['padding-top', '0px']));
		
	// var nav2 = $$('li.nav2');
	// nav2.addEvent('mouseenter', nav2.tween.bind(nav2, ['padding-top', '20px']));
	// nav2.addEvent('mouseleave', nav2.tween.bind(nav2, ['padding-top', '0px']));
	
	$('classes').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,
				transition: Fx.Transitions.Cubic.easeOut // This could have been also 'bounce:out'
			}).tween('height', '200px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
	
	$('gifts').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,
				transition: Fx.Transitions.Cubic.easeOut // This could have been also 'bounce:out'
			}).tween('height', '95px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});
	
	$('members').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,
				transition: Fx.Transitions.Cubic.easeOut // This could have been also 'bounce:out'
			}).tween('height', '85px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
	
	$('corporate').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,
				transition: Fx.Transitions.Cubic.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
	
	$('kidsclub').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,
				transition: Fx.Transitions.Cubic.easeOut // This could have been also 'bounce:out'
			}).tween('height', '120px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});
	
	$('studio').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,
				transition: Fx.Transitions.Cubic.easeOut // This could have been also 'bounce:out'
			}).tween('height', '215px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
	
});