CMS.Shade = CMS.Widget.extend({
	construct: function() {
		arguments.callee.$.call(this);
		
		this.get().style.background = "#000";
		this.get().style.height = CMS.clientHeight() + "px";
		this.get().style.width = CMS.clientWidth() + "px";
		this.get().style.top = "0px";
		this.get().style.left = "0px";
		this.get().style.position = "absolute";
		this.get().style.zIndex = 99999;
		
		this.get().style.opacity = 0.5;
		this.get().style.filter = "alpha(opacity=50,style=0)";
		
		var _this = this;
		addEvent(window, 'resize', function() {
			_this.get().style.height = CMS.clientHeight() + "px";
			_this.get().style.width = CMS.clientWidth() + "px";
		}, true);
		// Is er een manier om deze Eventlistener weer te verwijderen vanuit de hide?
	},
	
	show: function() {
		document.body.appendChild(this.get());
	},
	
	hide: function() {
		// Verwijder Eventlistener!
		document.body.removeChild(this.get());
	}
});