window.addEvent('domready', function() {
	
	//loop through each drop down
	$('gblNav').getElements('.slide').each(function(menu_item) {
		//this is the element that actually slides
		var menu_pos = menu_item.getElement('div.submenu_pos');
		var menu_slide = menu_item.getElement('div.submenu_pos div.submenu');
		
		// instantiate the slide effect
		var mySlide = new Fx.Slide(menu_slide, {
			wait:false, 
			duration: 300, 
			fps:100, 
			transition: Fx.Transitions.Quad.easeInOut
		}).hide();
				
		menu_pos.setStyle('visibility','visible');
		
		
		// mouseenter and mouseleave effect applies on div.slide_item 
		// so it doesn’t slide out when you’re in it or any of its children
		menu_item.addEvent("mouseenter", function() {
			mySlide.slideIn();
			menu_item.getElement('a').addClass('on');
		});
		
		menu_item.addEvent("mouseleave", function() {
			mySlide.slideOut();
			menu_item.getElement('a').removeClass('on');
		});
		
	});
	
	if($('link1')){
	$('link1').addEvent("mouseenter", function() {
			$('link1').getElement('a').addClass('on');
		});
		
		$('link1').addEvent("mouseleave", function() {
			$('link1').getElement('a').removeClass('on');
		});
	
	$('link2').addEvent("mouseenter", function() {
			$('link2').getElement('a').addClass('on');
		});
		
		$('link2').addEvent("mouseleave", function() {
			$('link2').getElement('a').removeClass('on');
		});
	}
	
});