var CSimpleMenu = Class.create();

CSimpleMenu.prototype = {
    initialize : function(element_id, menu_id, var_class_name) {
        this.hide_arch_menu = false;
        this.arch_menu_showed = false;
        this.element_id = element_id;
        this.menu_id = menu_id;
        this.var_class_name = var_class_name;
        this.hide_timeout = 500;
        this.hide_timeout_id = 0;
        Event.observe($(this.menu_id), 'mouseover', this.ShowMenu.bindAsEventListener(this));
        Event.observe($(this.menu_id), 'mouseout', this.HideMenu.bindAsEventListener(this));
        Event.observe($(this.element_id), 'mouseover', this.ShowMenu.bindAsEventListener(this));
        Event.observe($(this.element_id), 'mouseout', this.HideMenu.bindAsEventListener(this));
    },
    ShowMenu : function(e) {
        this.hide_arch_menu = false;    
        clearTimeout(this.hide_timeout_id);
        if(!this.arch_menu_showed) {
            this.arch_menu_showed = true;
            $(this.menu_id).style.display = '';
        }
    },
    HideMenu : function(e) {
        this.hide_arch_menu = true;
        this.hide_timeout_id = setTimeout(this.var_class_name+".FinalHide();", this.hide_timeout);
        
    },
    FinalHide : function() {
        if(this.hide_arch_menu)
        {
            $(this.menu_id).style.display = 'none';
            this.arch_menu_showed = false;
        }    
    }
}