var Overlay=new Class({getOptions:function(){return {colour:"#000",opacity:.7,zIndex:1,container:document.body,onClick:Class.empty}},initialize:function(a){this.setOptions(this.getOptions(),a);this.options.container=$(this.options.container);this.container=(new Element("div")).setProperty("id","OverlayContainer").setStyles({position:"absolute",left:"0px",top:"0px",width:"100%",zIndex:this.options.zIndex}).injectInside(this.options.container);this.iframe=(new Element("iframe")).setProperties({id:"OverlayIframe",name:"OverlayIframe",src:"javascript:void(0);",frameborder:1,scrolling:"no"}).setStyles({position:"absolute",top:0,left:0,width:"100%",height:"100%",filter:"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)",opacity:0,zIndex:1}).injectInside(this.container);this.overlay=(new Element("div")).setProperty("id","Overlay").setStyles({position:"absolute",left:"0px",top:"0px",width:"100%",height:"100%",zIndex:2,backgroundColor:this.options.colour}).injectInside(this.container);this.container.addEvent("click",function(){this.options.onClick()}.bind(this));this.fade=(new Fx.Style(this.container,"opacity")).set(0);this.position();window.addEvent("resize",this.position.bind(this))},position:function(){if(this.options.container==document.body){var b=window.getScrollHeight()+"px";this.container.setStyles({top:"0px",height:b})}else{var a=this.options.container.getCoordinates();this.container.setStyles({top:a.top+"px",height:a.height+"px",left:a.left+"px",width:a.width+"px"})}},show:function(){this.fade.start(0,this.options.opacity)},hide:function(){this.fade.start(this.options.opacity,0)}});Overlay.implement(new Options)