var Overlay=new Class({Implements:Options,options:{colour:"#000",opacity:0.7,zIndex:100,onClick:new Class},initialize:function(a){this.setOptions(a);this.container=(new Element("div",{id:"OverlayContainer",styles:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",overflow:"hidden",zIndex:this.options.zIndex,opacity:0,display:"none"}})).inject(this.options.container,"inside");this.iframe=(new Element("iframe",{id:"OverlayIframe",name:"OverlayIframe",src:"javascript:void(0);",frameborder:0,
scrolling:"no",styles:{position:"absolute",top:0,left:0,width:"100%",height:"100%",filter:"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)",opacity:0,zIndex:101}})).inject(this.container,"inside");this.overlay=(new Element("div",{id:"Overlay",styles:{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:102,backgroundColor:this.options.colour}})).inject(this.container,"inside");this.container.addEvent("click",function(){this.options.onClick()}.bind(this));this.fade=new Fx.Morph(this.container,
{onComplete:function(b){b.getStyle("opacity")==0&&b.setStyle("display","none")}});this.position();window.addEvent("resize",this.position.bind(this))},position:function(){if(this.options.container==document.body)this.container.setStyles({height:window.getScrollSize().y,width:window.getScrollSize().x});else{var a=this.options.container.getCoordinates();this.container.setStyles({top:a.top,height:a.height,left:a.left,width:a.width})}},show:function(){this.fade.start({visibility:"visible",display:"block",
opacity:this.options.opacity}).chain(function(){})},hide:function(){this.fade.start({opacity:0}).chain(function(){})}});