window.addEvent('domready',function() {
	
	/* for keeping track of what's "open" */
	var activeClass = 'dropdown-active',showingDropdown, showingMenu;
	
	/* function that shows the menu */
    var showMenu = function(menu,dropdown){
        showingDropdown = dropdown.addClass('dropdown-active');
        showingMenu = menu.setStyle('display','block');
    };
	
	/* hides the current menu */
	var hideMenu = function() {
	    showingDropdown.removeClass(activeClass);
	    showingMenu.setStyle('display','none');
	};

	var dropdowns = $$('.dropdown');
	var menu = $$('.subnav');
	var links = $$('.link');
	
	menu.setStyle('display','none');
	
	links.each(function(link,i){
		link.addEvent('mouseenter', function(e){
			menu.setStyle('display','none');
		});
	});
	
	dropdowns.each(function(dropdown,i){
		dropdown.addEvent('mouseenter', function(e){
		    if(e) e.stop();
			menu.setStyle('display','none');
			showMenu(menu[i],dropdown);
	    });
		menu[i].addEvent('mouseleave',function(){
			hideMenu();
		});
	
	});

	
});