function OpenOverlay(html, width, height, id, posY)
{
	if (posY == undefined) {
		posY = 250;
	}

	if(id==undefined) {
		id = 'overlayDiv';
	}

	theBody = document.getElementsByTagName('BODY')[0];

	//Create the background opaque transparency div
	transparencyDiv = document.createElement('div');
	transparencyDiv.id = 'overlaytransparency';
	transparencyDiv.style.left = 0 + "px"; 
	transparencyDiv.style.top = 1 + "px";
	transparencyDiv.style.zIndex = 1000; 
    body = document.body;
    docEl = document.documentElement;
    docHeight = Math.max( body.scrollHeight, body.offsetHeight, 
                       docEl.clientHeight, docEl.scrollHeight, docEl.offsetHeight );	
    docWidth = Math.max( body.scrollWidth, body.offsetWidth,
                        docEl.clientWidth, docEl.scrollWidth, docEl.offsetWidth );

    transparencyDiv.style.height  = docHeight + "px";
    transparencyDiv.style.width   = docWidth + "px";    

    
	//Create the container for the overlay popup
	overlayDiv = document.createElement('div');
	overlayDiv.id = id;
	overlayDiv.style.top = posY + 'px';
	overlayDiv.style.visibility = "visible";
	overlayDiv.style.display = "inline-block";
	overlayDiv.style.zIndex = 5000;
	overlayDiv.style.background = '#ffffff';
	overlayDiv.style.position = 'absolute';
	overlayDiv.innerHTML = html;
	overlayDiv.style.width = width + 'px';
	overlayDiv.style.height = height + 'px';
        
	theBody.appendChild(transparencyDiv);    
	theBody.appendChild(overlayDiv);  

    hscroll = ((docEl && docEl.scrollLeft) || (body && body.scrollLeft || 0)) - (docEl.clientLeft || 0);    
    posX = document.documentElement.clientWidth/2 - overlayDiv.clientWidth/2;
    if (hscroll)
        posX = posX + hscroll;

	overlayDiv.style.left = posX + 'px';

    vscroll = ((docEl && docEl.scrollTop) || (body && body.scrollTop || 0)) - (docEl.clientTop || 0);    
    posY = document.documentElement.clientHeight/2 - overlayDiv.clientHeight/2;
    if (vscroll)
        posY = posY + vscroll;
    overlayDiv.style.top = posY + 'px';
}

function OpenProgressOverlay()
{
    OpenOverlay("<div class='process'>We Are Processing Your Information<img src='/img/newFrontEnd/processingBar.gif' alt='Thank you for your patience' /></div>", 400, 120);
}

function CloseOverlay(id)
{
	if(id==undefined) {
		id = 'overlayDiv';
	}

   var theBody = document.getElementsByTagName('BODY')[0];
   var overlayDiv = document.getElementById(id);
   
   if(overlayDiv)
   {     
        theBody.removeChild(overlayDiv);    
        
        var transparencyDiv = document.getElementById("overlaytransparency");
        theBody.removeChild(transparencyDiv);
    }
}