Event.onDOMReady( function() {
  
} );

var activeSubmenu = null;

function showSubMenu(context) {
  var element = $A($(context).getElementsByTagName("ul")).first();
  if (!element) return;
  $(element).setStyle({visibility: "visible"});
  //$(element).setStyle({display: "none"});
  /*Effect.Appear(element, { duration: 0.4 });*/
  Event.observe($(context), "mouseout", hideSubMenu);
  activeSubmenu = element;
}

function hideSubMenu() {
  if (!activeSubmenu) return;
  $(activeSubmenu).setStyle({visibility: "hidden"});
  activeSubmenu = null;
  //Effect.Fade(activeSubmenu, { duration: 0.4 });
}