function loadup() {

$('visitors').observe('mouseover', showMenu);
$('residents').observe('mouseover', showMenu);
$('business').observe('mouseover', showMenu);

$$('#visitors h3')[0].observe('mouseover', showMenu);
$$('#residents h3')[0].observe('mouseover', showMenu);
$$('#business h3')[0].observe('mouseover', showMenu);

function showMenu(event) {
  var element = event.element().select('ul')[0] || event.element().ancestors()[0].select('ul')[0];
  if (element) {  
  	hideAll();
  	element.show();
  }
  event.stop();
 }

$('visitors').observe('mouseout', hideMenu);
$('residents').observe('mouseout', hideMenu);
$('business').observe('mouseout', hideMenu);


function hideMenu(event) {
  var container = event.element().select('ul')[0];
  var menu = event.element(),  related = event.relatedTarget || event.toElement;
    if (related && !related.descendantOf(menu) && container) {
      container.hide();
    }
}
document.observe('mouseover', hideAll);
function hideAll(event){
	$$('#menu ul')[0].hide();
	$$('#menu ul')[1].hide();
	$$('#menu ul')[2].hide();
}



}

Event.observe(window, 'load', loadup, false);