var PlatinumMenu = new Class({
    initialize: function() {
        this.services = $('menu-services');
        this.submenu = $('submenu-services');
        if (this.services && this.submenu)
            this.setupEvents();
    },
    
    setupEvents: function() {
        this.services.addEvents({
            'mouseover': function() {
                this.show();
            }.bind(this),
            'mouseout': function() {
                this.hide();
            }.bind(this)
        });
        this.submenu.addEvents({
            'mouseover': function() {
                this.show();
            }.bind(this),
            'mouseout': function() {
                this.hide();
            }.bind(this)
        });
    },
    
    show: function() {
        if (this.visible) {
            $clear(this.timer);
        }
        else {
            var position = this.services.getPosition($('menu'));
            this.submenu.setStyles({
                'position': 'absolute',
                'z-index': '100',
                'left': position.x + 9,
                'top': position.y + 16,
                'display': 'block'
            });
            this.visible = true;
        }
    },
    
    hide: function() {
        this.timer = setTimeout(function() { this.doHide(); }.bind(this), 100);
    },
    
    doHide: function() {
        this.submenu.setStyle('display', 'none');
        this.visible = false;
    }
});

window.addEvent('domready', function() {
    new PlatinumMenu();
});