$().ready(function() {
    $('#landmarks .landmark > a').hover(function(e) {
        $(this).addClass('open');
        menu = $(this).next();
        menu.show();
    }, function(e) {
        buttonX0 = $(this).offset().left;
        buttonY0 = $(this).offset().top;
        buttonY1 = buttonY0+$(this).height();
        if (e.pageY < buttonY0 || e.pageY > buttonY1 || e.pageX < buttonX0) {
            $(this).next().hide();
            $(this).removeClass('open');
        }
    });
    $('#landmarks ol').mouseout(function(e) {
        button = $(this).prev();
        buttonX0 = button.offset().left;
        buttonY0 = button.offset().top;
        buttonY1 = buttonY0+button.height();
        
        menuX0 = $(this).offset().left;
        menuX1 = menuX0+$(this).width();
        menuY1 = buttonY0+$(this).height();
        
        if (e.pageY < buttonY0 || e.pageY >= menuY1 || e.pageX < buttonX0 || e.pageX > menuX1 || (e.pageX < menuX0 && e.pageY > buttonY1)) {
            $(this).hide();
            button.removeClass('open');
        }
    });
});