var layerHowToUse=Class.create({initialize:function(){this.mask="masqueNoir";this.loader="ajaxLoader2";this.layer="layer_ats";this.url="/utilisateur/aide/wl.html";this.setListener()},setListener:function(){if($("commentCaMarche")){$("commentCaMarche").down("a").observe("click",this.showLayer.bind(this))}},showLayer:function(event){$("header").scrollTo();Event.stop(event);var me=this;new Effect.Appear($(this.loader));if(!$(this.mask).visible()){$(this.mask).setOpacity(0);$(this.mask).show()}new Effect.Opacity($(this.mask),{duration:0.2,from:0,to:0.5,afterFinish:function(){me.updateLayer()}})},updateLayer:function(){var me=this;new Ajax.Updater($(this.layer),this.url,{onComplete:function(){$$("p.close").first().down("a").observe("click",me.hideLayer.bind(me));new Effect.Fade($(me.loader));me.layer.setStyle({height:"auto"});new Effect.Appear(me.layer,{duration:0.5})}});new Effect.Appear($(this.layer))},hideLayer:function(){var me=this;new Effect.Fade($(this.layer),{duration:0.5,afterFinish:function(){new Effect.Fade($(me.mask))}})}});Event.observe(window,"load",function(){objectLayerHowToUse=new layerHowToUse()});