Sætte sort overlay på en hel side med CSS?

Hej allesammen

Jeg har et flashbanner, hvor jeg ved klik skal kunne "mørklægge" hele internetside, undtagen banneret.

Det skal faktisk være præcist ligesom lightbox, bare med flashbanneret der ikke kommer sort for.

Kan dette lade sig gøre, og skal jeg evt. bruge javasscript?

Kode 

<div id="flashContainer">--Flash objekt--</div>
<div id="overlay"></div>

Kode 

function showOverlay()
{
	var browser = getBrowserDimensions();
	var overlay = document.getElementById('overlay');
	overlay.style.width = browser.width+'px';
	overlay.style.height = browser.height+'px';
	overlay.style.display = 'block';
}
function getBrowserDimensions()
{
	var browser = {};
	if(typeof(window.innerWidth) == 'number')
	{
		browser.height = window.innerHeight;
		browser.width = window.innerWidth;
	}
	else if (document.documentElement.clientHeight)
	{
		browser.height = document.documentElement.clientHeight;
		browser.width = document.documentElement.clientWidth;
	}
	else if (document.body.clientHeight)
	{
		browser.height = document.body.clientHeight;
		browser.width = document.body.clientWidth;
	}
	return browser;
}

Kode 

#overlay { z-index: 99; display: none; }
#flashContainer { z-index: 100; }