window.addEvent('domready', function(){

if (document.getElementById('toggle1')!=null) {
	$('toggle1').addEvents({
		'mouseenter': function(){
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Pow.easeOut // This could have been also 'bounce:out'
			}).tween('height', '90px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '23px');
		}
	});
}
if (document.getElementById('toggle2')!=null) {
	$('toggle2').addEvents({
		'mouseenter': function(){
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Pow.easeOut // This could have been also 'bounce:out'
			}).tween('height', '70px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '23px');
		}
	});
}
if (document.getElementById('toggle3')!=null) {
	$('toggle3').addEvents({
		'mouseenter': function(){
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Pow.easeOut // This could have been also 'bounce:out'
			}).tween('height', '70px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '23px');
		}
	});
}
if (document.getElementById('toggle4')!=null) {
	$('toggle4').addEvents({
		'mouseenter': function(){
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Pow.easeOut // 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', '23px');
		}
	});
	}		
});

