var FadeOpacity = 0;
var FadeTimer;

function ShowDialog(caption, dlgContent, height, width)
{
	// Grabbing the frame content via [contentWindow.document] works for both IE and Firefox;
	dlgDoc = document.getElementById('dialogframe').contentWindow.document;

	var IE = navigator.userAgent.indexOf("MSIE");
	var myDialog = document.getElementById('dialogbox');

	var myCaption = dlgDoc.getElementById(caption).innerHTML;
	var myContent = dlgDoc.getElementById(dlgContent).innerHTML;

	// Show semi-transparent overlay
	document.getElementById('overlay').style.display = 'block';
	
	// Prepare dialog window
	if (height > 0 && width > 0)
	{
		myDialog.style.height = height + 'px';
		myDialog.style.width = width + 'px';
		if(IE >= 0)
			myDialog.style.top = ((800 - height) / 3) + 'px';
		else
			myDialog.style.top = ((parseInt(window.innerHeight) - height) / 3) + 'px';

		myDialog.style.left = ((parseInt(document.body.clientWidth) - width) / 2) + 'px';
	}

	document.getElementById('dialogcaption').innerHTML = myCaption;
	document.getElementById('dialogcontent').innerHTML = myContent;
	
//	FadeOpacity = 0;
//	FadeTimer = setInterval("FadeIn()", 15)
	myDialog.style.display = 'block';
}

function HideDialog()
{
	// Hide semi-transparent overlay and dialog window
	document.getElementById('dialogbox').style.display='none';
	document.getElementById('overlay').style.display='none';
}

function FadeIn()
{
	var myDialog = document.getElementById('dialogbox').style;

	// Show the dialog box
	if (FadeOpacity == 0) { 
		myDialog.display = 'block';
	}

	// If we are done clear the timer
	if (FadeOpacity >= 100) { 
		clearInterval(FadeTimer);
		FadeOpacity = 99;
	}

	// Set Fade Level for IE, Safari and Firefox
	myDialog.filter = "alpha(opacity=" + FadeOpacity + ")";
	myDialog.opacity = (FadeOpacity / 100);               
	
	if (FadeOpacity > 50)
	{
		myDialog.top = parseInt(myDialog.top) - 1;
	}
	FadeOpacity += 5;	
}