window.addEvent('domready', function(){
	// The same as before: adding events
	$('topnav1').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
			
			$('topnav3sub').set('tween', {}).tween('height', '0px');
			$('topnav3').set('class', '');
			
			$('topnav1sub').set('tween', {}).tween('height', '25px');
			$('topnav1').set('class', 'select');
			
		}
	});
	$('topnav1sub').addEvents({
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('topnav1sub').set('tween', {}).tween('height', '0px');
			$('topnav1').set('class', '');
			$('topnav3sub').set('tween', {}).tween('height', '0px');
			$('topnav3').set('class', '');
		}
	});
	$('topnav3').addEvents({
		'mouseenter': function(){
			
			$('topnav1sub').set('tween', {}).tween('height', '0px');
			$('topnav1').set('class', '');

			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			/*$('topnav3sub').set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '25px');
			*/
			
			$('topnav3sub').set('tween', {}).tween('height', '25px');
			$('topnav3').set('class', 'select');}
	});
	$('topnav3sub').addEvents({
		'mouseleave': function(){
			$('topnav1sub').set('tween', {}).tween('height', '0px');
			$('topnav1').set('class', '');
			// Resets the tween and changes the element back to its original size
			$('topnav3sub').set('tween', {}).tween('height', '0px');
			$('topnav3').set('class', '');
		}
	});
	$('topnav4').addEvents({
		'mouseenter': function(){
			
			$('topnav1sub').set('tween', {}).tween('height', '0px');
			$('topnav1').set('class', '');
			
			$('topnav3sub').set('tween', {}).tween('height', '0px');
			$('topnav3').set('class', '');
		}
	});
	$('topnav5').addEvents({
		'mouseenter': function(){
			$('topnav1sub').set('tween', {}).tween('height', '0px');
			$('topnav1').set('class', '');
			$('topnav3sub').set('tween', {}).tween('height', '0px');
			$('topnav3').set('class', '');
		}
	});
});