var ds_Plugin_Overlay = ds_Base.extend({
					   
	options: {
		width: 400,
		height: 400,
		zindex: 100
	},
	
	initialize: function(options) {
		
		this.setOptions(options);
		this.generateOverlay();
	},
	
	generateOverlay: function() {
		if ($ES('div.ds_Overlay').length == 0) {
			this.overlay = new Element('div')
				.addClass('ds_Overlay')
				.setOpacity(0.7)
				.setStyles({
					'width': window.getScrollWidth(),
					'height': window.getScrollHeight(),
					'z-index': this.options.zindex
				})
				.inject(document.body);
		} else {
			$ES('div.ds_Overlay').setStyle('z-index', this.options.zindex);
		}
	},
	
	closeOverlay: function() {
		if($defined(this.overlay)) {
			this.overlay.remove();
		} else if ($defined ($ES('div.ds_Overlay'))) {
			var zindex = $ES('div.ds_Overlay').getStyle('z-index');
			var wizardIndex = 0;
			$$('.ds_Wizard').each(function(el) {
				if ($(el).getStyle('display') == 'block') {
					wizardIndex = $(el).getStyle('z-index');
				}
			});
			$ES('div.ds_Overlay').setStyle('z-index', wizardIndex - 1);
		}
	}
});

ds_Plugin_Overlay.implement(new Options);