Fx.Overlay=new Class({
//	Extends:Fx,
	options:{
        overlayOpacity:  OVERLAY_OPACITY
	},
	
	initialize: function( ) {
        this.overlay = new Element('div', {'id': 'overlay'}).setStyle('opacity', 0).injectInside(document.body);
        this.overlay.style.display = 'none';
		this.eventPosition = this.positionOverlay.bind(this);
	},
	
	open: function() {
	    this.overlay.style.display = 'block';
        this.overlay.style.opacity = 0;
	    this.positionOverlay();
		window['addEvent']('scroll', this.eventPosition)['addEvent']('resize', this.eventPosition);  //TODO: Figure out WTF eventPosition does
	    var openOverlay = new Fx.Styles(this.overlay,{duration: 500});
	    openOverlay.start({
	        'opacity': [0,this.options.overlayOpacity]            
	    });
	},
	
    positionOverlay: function(){
	    this.overlay.setStyles({'left': 0, 'top': window.getScrollTop(), 'height': window.getHeight()});
	},
	
	close: function() {
        this.overlay.style.display = 'none';
	}
});