var DropMenu=Class.create();DropMenu.prototype={initialize:function(id){if(id==undefined||!$(id))return;this.elm=$(id);this.opened=false;this.trigger=$$('#'+id+' .dropMenu-title')[0];this.panel=$$('#'+id+' .dropMenu-panel')[0];Event.observe(this.trigger,'click',this.open.bindAsEventListener(this));Event.observe(this.trigger,'click',this.unfocus.bindAsEventListener(this));Event.observe(this.panel,'mouseover',this.open.bindAsEventListener(this));Event.observe(this.elm,'mouseout',this.hide.bindAsEventListener(this))},unfocus:function(e){Event.element(e).blur()},open:function(e){if(this.closeTempo){window.clearTimeout(this.closeTempo)}if(this.opened&&e.type=='click'){this.hide(e);return}this.panel.addClassName('dropMenu-view');this.trigger.addClassName('hover');this.opened=true},hide:function(){this.opened=false;this.closeTempo=setTimeout(function(){this.panel.removeClassName('dropMenu-view');this.trigger.removeClassName('hover')}.bind(this),0)}}