// menu top- parents - observer the mouseenter
Event.observe('menu_top_buyers', 'mouseenter', function (event) { make_active_popup('menu_buyers'); });
Event.observe('menu_top_sellers', 'mouseenter', function (event) { make_active_popup('menu_sellers'); });
Event.observe('menu_top_mls', 'mouseenter', function (event) { make_active_popup('menu_mlsSearch'); });
Event.observe('menu_top_company', 'mouseenter', function (event) { make_active_popup('menu_company'); });

Event.observe('menu_buyers', 'mouseleave', function (event) { make_inactive_popup('menu_buyers'); });
Event.observe('menu_sellers', 'mouseleave', function (event) { make_inactive_popup('menu_sellers'); });
Event.observe('menu_mlsSearch', 'mouseleave', function (event) { make_inactive_popup('menu_mlsSearch'); });
Event.observe('menu_company', 'mouseleave', function (event) { make_inactive_popup('menu_company'); });

Event.observe('menu_top_logo', 'mouseenter', function (event) { make_inactive_popup(); });


// globals
var active_menu = '';

function make_active_popup(id) {
    if (active_menu === id) { return; }
    if ($(active_menu)) { $(active_menu).hide(); }
    $(id).show();
    active_menu = id;
}

function make_inactive_popup(id) {
    if ($(id)) { $(id).hide(); }
    if ($(active_menu)) { $(active_menu).hide(); }
    active_menu = '';
}