var Menu = new Class({
    initialize: function(options) {
        var body = $(document.body)
        this.submenus  = $$(options.submenus);
        this.hideClass = options.hideClass;
        this.selectedClass = options.selectedClass || 'selected';
        this.menu = options.menu;
        this.menu.each(function(_menu) {
            var menu = body.getElement(_menu[0]);
            var submenu = body.getElement(_menu[1]);
            menu.addEvent('mouseenter', this.show.bind(this, [menu, submenu]));
            submenu.addEvent('mouseenter', this.show.bind(this, [menu, submenu]));
            menu.addEvent('mouseleave', this.hide.bind(this, [menu, submenu]));
            submenu.addEvent('mouseleave', this.hide.bind(this, [menu, submenu]));
        }, this);
    },
    show: function(menu, submenu) {
        this.hide(menu, submenu);
        menu.addClass(this.selectedClass);
        submenu.removeClass(this.hideClass);
    },
    hide: function(menu, submenu) {
        menu.removeClass(this.selectedClass);
        this.submenus.each(function(item) { 
            item.addClass(this.hideClass); 
        }.bind(this));
    }
});