var UI = {
    GNavi: new Class({
        Binds: [
            'showSubmenu',
            'hideSubmenu'
        ],
        elemenet: null,
        initialize: function(element) {
            this.element = element;
            
            var items = element.getChildren();
            
            items.each((function(item) {
                var submenu = item.getChildren('ul');
                if (submenu.length == 0) {
                    return;
                }
                
                submenu.setStyle('display', 'none');
                item.addEvent('mouseenter', (function(event) { this.showSubmenu(event, submenu) }).bind(this));
                item.addEvent('mouseleave', (function(event) { this.hideSubmenu(event, submenu) }).bind(this));
                
            }).bind(this))
        },
        showSubmenu: function(event, submenu) {
            submenu.setStyle('display', null);
        },
        hideSubmenu: function(event, submenu) {
            submenu.setStyle('display', 'none');
        }
    })
}

document.addEvent('domready', function() {
    new UI.GNavi($('gnavi'));
})