window.addEvent('load', searchLoaded);

function searchLoaded() {
    $$('div.filtermenu').addEvent('mouseenter', function () { 
        openSearchMenu(this, this.id.contains('Bottom') ? true : false) 
    });
    
    //also made the menus go away upon entering 'browse-mid', the search results
    $('browse-mid').addEvent('mouseenter', function () { unwireAllSearchMenu() });
}

function openSearchMenu(trigger, isBottom) {
    //replace 'Button' in the trigger ID with 'menu' to get the control to open
    var searchMenu = $(trigger.id.replace('Button', 'Menu'));
    if (searchMenu) {
        searchMenu.setStyle('display', 'block');
        if (isBottom) {
            searchMenu.setStyle('top', ((trigger.offsetHeight * -1) - 12) + 'px');
        }
        
        //searchMenu.addEvent('mouseleave', function () { unwireSearchMenu(searchMenu) });
        searchMenu.addEvent('mouseleave', function () { unwireAllSearchMenu() });
    }
}

function unwireSearchMenu(searchMenu) {
    searchMenu.setStyle('display', 'none');
    searchMenu.removeEvents('mouseleave');
}

function unwireAllSearchMenu() {
    $$('div.filtermenuInner').each( function (item) { unwireSearchMenu(item) });
}