var _fadeDiv = null;

//fade a transparent dark div over the entire page
function fadePageOn() {
    var madeNewDiv = false;
    if (_fadeDiv == null) {
   	    _fadeDiv = document.createElement('div');
   	    madeNewDiv = true;
   	}
   	
    winW = "100%";
    winH = "100%";
    if (parseInt(navigator.appVersion) > 3) {
        if (navigator.appName=="Netscape") {
            winW = document.getElementById('faderAnchor').clientWidth + "px";
            winH = document.getElementById('faderAnchor').clientHeight + "px";
        }
        if (navigator.appName.indexOf("Microsoft") != -1) {
            winW = document.documentElement.clientWidth + "px";  //NB - not working..
            winH = document.documentElement.clientHeight + "px"; //NB - not working..
        }
    }
   	
	_fadeDiv.style.position = 'absolute';
	_fadeDiv.style.overflow = 'hidden';
	_fadeDiv.style.width = winW;
	_fadeDiv.style.height = winH;
	_fadeDiv.style.left = '0px';
	_fadeDiv.style.top = '0px';
	_fadeDiv.style.zIndex = '999';
	_fadeDiv.style.background = '#555555';
	_fadeDiv.style.opacity = '.50';
	_fadeDiv.style.filter = 'alpha(opacity=50)';
	
	_fadeDiv.id = 'fadediv';
	
if (navigator.appName.indexOf("Microsoft") != -1) {
	_fadeDiv.style.opacity = '.01';
	_fadeDiv.style.filter = 'alpha(opacity=1)';
}

   	if (madeNewDiv)
		document.getElementById('faderAnchor').appendChild(_fadeDiv);
	else
		_fadeDiv.style.display = '';
}

function fadePageOff() {
    if (_fadeDiv == null)
	_fadeDiv = document.getElementById('fadediv');
	if (_fadeDiv != null) {
		_fadeDiv.style.display = 'none';
		_fadeDiv.parentNode.removeChild(_fadeDiv);
		_fadeDiv = null;
	}
}