var time = 500;	

window.addEvent('domready', function(){	
	var list = $$('.main_nav');
	list.each(function(element) {	 
		element.navLink = $E('a', element);						 		
		element.slide = new Fx.Slide($E('ul', element), {duration: time, wait: false}).hide();	
		element.navContainer = $E('div', element);
		element.addEvents({
			mouseenter: function() {element.navLink.className='nav_active menu_link'; element.slide.slideIn();},
			mouseleave: function() {element.slide.slideOut(); element.navLink.className='menu_link';}
		});		
		element.navContainer.setStyle('visibility', 'visible');
	});
});

/*
	//old method should not be needed
	about = $('nav_about');	 	
	aboutlink = $E('a', about);
	aboutSlide = new Fx.Slide('about_slide', {duration: time, wait: false}).hide();		
	about.addEvents({
		mouseenter: function() {aboutlink.className='nav_active'; aboutSlide.slideIn();},
		mouseleave: function() {aboutSlide.slideOut(); aboutlink.className='';}
	});
	
	

//Code for fade in/out dropdowns
/*investor = $('nav_investor');	
	investorSlide = new Fx.Style('investor_slide', 'opacity', {
		duration: 1000, 
		transition: Fx.Transitions.quartInOut
	}).set(0);	 	
	
	investor.addEvents({
		mouseenter: function() {investorSlide.stop(); investorSlide.start(0,1);},
		mouseleave: function() {investorSlide.stop(); investorSlide.start(1,0);}
	});*/