function ShadeScreen(IsVisible, Options){

	var Options = Options || {};
	
	Options.zindex = Options.zindex || 50;
	Options.opacity = Options.opacity || 70;
	Options.opaque = (Options.opacity / 100);
	Options.bgcolor = Options.bgcolor || '#000000';
	
	var ShadeScreen = document.getElementById("ShadeScreen");
	var MessageBox = document.getElementById("MessageBox");
	
	var BodyNode = document.getElementsByTagName("body")[0];
	
	if(!MessageBox){
		var NewMessageBoxNode = document.createElement("div");	
		NewMessageBoxNode.style.display = "none";
		NewMessageBoxNode.style.position = "absolute";
		NewMessageBoxNode.style.width = "534px";
		NewMessageBoxNode.style.zIndex = "51";
		NewMessageBoxNode.id = "MessageBox";
		BodyNode.appendChild(NewMessageBoxNode);
		MessageBox = document.getElementById("MessageBox");
	}
	
	if (!ShadeScreen){
		var NewShadeScreenNode = document.createElement("div");
		NewShadeScreenNode.style.position = "absolute";
		NewShadeScreenNode.style.top = "0px";
		NewShadeScreenNode.style.left = "0px";
		NewShadeScreenNode.style.overflow = "hidden";
		NewShadeScreenNode.style.display = "none";
		NewShadeScreenNode.id = "ShadeScreen";
		BodyNode.appendChild(NewShadeScreenNode);
		ShadeScreen = document.getElementById("ShadeScreen");
	}
	
	if (IsVisible){

		//set the shader to cover the entire page and make it visible.
		ShadeScreen.style.opacity = Options.opaque;
		ShadeScreen.style.MozOpacity = Options.opaque;
		ShadeScreen.style.filter = "alpha(opacity=" + Options.opacity + ")";
		ShadeScreen.style.zIndex = Options.zindex;
		ShadeScreen.style.backgroundColor = Options.bgcolor;
		ShadeScreen.style.width = document.getDocumentWidth() + "px";
		ShadeScreen.style.height = document.getDocumentHeight() + "px";
		ShadeScreen.style.display = "block";

		MessageBox.style.left = (Math.round(document.getWindowWidth() / 2) + document.getScrolledX() - 250) + "px";
		MessageBox.style.top = (Math.round(document.getWindowHeight() / 2) + document.getScrolledY() - 75) + "px";
		MessageBox.style.width = "500px";
		MessageBox.style.height = "150px";
		MessageBox.style.backgroundColor = "#FFFFFF";
		MessageBox.style.display = "block";
		MessageBox.innerHTML =
			"<table width='100%' height='100%'>" +
				"<tr>" +
					"<td></td>" +
					"<td><span style='font-size:18px; color:#333333; font-weight:bold'>Your report is complete. Would you like to download a copy?</span></td>" +
					"<td></td>" +
				"</tr>" +
				"<tr>" +
					"<td></td>" +
					"<td><span style='cursor:default; font-size:16px; color:#4B7AD8; font-weight:bold' onclick='ViewReport();'>Yes</span> &#160; <span style='cursor:default; font-size:16px; color:#4B7AD8; font-weight:bold' onclick='ShadeScreen(false);'>No</span></td>" +
					"<td></td>" +
				"</tr>" +
			"</table>"
		 ;
		
	}
	else {
		ShadeScreen.style.display = "none";
		MessageBox.style.display='none';
	}
}