if (typeof DropMenu=="undefined") var DropMenu={};

DropMenu.Interactive={};

var mainMenuIsOpen=false;

DropMenu.Interactive.drop=function() {
	DropMenu.Interactive.clearMenus();
	this.addClassName('active');
        $A(this.getElementsByClassName('dropMenuSub')).each(function(el){el.addClassName('active');});
	$A(this.getElementsByClassName('dropMenuSub')).each(function(el){el.addClassName('hover');});
	mainMenuIsOpen=true;
}

DropMenu.Interactive.clearMenus=function() {
	menus=$A(document.getElementsByClassName('dropMenuItemTitle'));
	sub_menus=$A(document.getElementsByClassName('dropMenuSub'));
	menus.invoke('removeClassName','active');
	sub_menus.invoke('removeClassName','active');
	sub_menus.invoke('removeClassName','hover');
	mainMenuIsOpen=false;
}

DropMenu.Interactive.init=function() {
	//menus=$$('li.dropMenuItemTitle');
        menus=$A(document.getElementsByClassName('dropMenuItemTitle'));
	menus.each(function(menu) {
            	menu.observe('mouseover',DropMenu.Interactive.drop.bindAsEventListener(menu));
		menu.observe('mouseover',function() {
			menu.addClassName('hover');
		});
		menu.observe('mouseout',function() {
			menu.removeClassName('hover');
		});
	});
	Event.observe(document.body,'mouseover',function(event) {
		if(mainMenuIsOpen) {
			var maybe_a_menu=event.element();
			is_active_menu=maybe_a_menu.hasClassName('dropMenuItemTitle')||maybe_a_menu.up('li.dropMenuItemTitle.active');
			if(!is_active_menu) {
				DropMenu.Interactive.clearMenus();
			}
		}
	});
}