var dialogOpen = false;
var overlaySpaceID = 'aboutSpace';
var opacity = 0;
var interval;
var dialogHTML;
var dialogID;
var dialogNAME;
function dialog(parentID, id, name, html) 
{
	if (dialogOpen)
	{
		//destory old and replace with new
		overlaySpaceID = parentID;
		dialogID = id;
		dialogNAME = name;
		dialogHTML = html;
		fadeOut(true);
	}
	else
	{
		var browser = navigator.appName;
		if (browser == "Microsoft Internet Explorer")
		{
			overlaySpaceID = parentID;
			dialogID = id;
			dialogNAME = name;
			dialogHTML = html;
			var newDiv = "<div id='" + id +"' name='" + name + "' class='boxStyle'>" + html + "</div>";
			document.getElementById(parentID).innerHTML = newDiv;
			changeOpacity(0);
			fadeIn();
			dialogOpen = true;
		}
		else
		{
			overlaySpaceID = parentID;
			dialogID = id;
			dialogNAME = name;
			dialogHTML = html;
			var dialog = document.createElement('div');
			dialog.setAttribute('id', id);
			dialog.setAttribute('class','boxStyle');
			dialog.setAttribute('name', name);
			dialog.innerHTML = html;
			dialog.style.zIndex = '100';
			//var overlayContainer = document.getElementById(overlaySpaceID);
			//overlayContainer.style.zIndex = '100';
			document.getElementById(parentID).appendChild(dialog);
			changeOpacity(0);
			fadeIn();
			dialogOpen = true;
		}
	}
}

function closeCurrentDialog()
{
	fadeOut(false);
	dialogOpen = false;
}

function fadeIn()
{
	interval = setInterval ( "increaseOpacity()", 30);
}
function fadeOut(toAnother)
{
	if (toAnother)
	{
		interval = setInterval ( "decreaseOpacityAndOpenNewDialog()", 30);
	}
	else
	{
		interval = setInterval ( "decreaseOpacity()", 30);
	}
}

function increaseOpacity() 
{
    var object = document.getElementById(dialogID).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
	//object.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=' + opacity + ')';
	opacity += 10;
	if (opacity > 100)
	{
		clearInterval(interval);
	}
}
function decreaseOpacity() 
{
    var object = document.getElementById(dialogID).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
	//object.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=' + opacity + ')';

	opacity -= 10;
	if (opacity < 0)
	{
		clearInterval(interval);
		//destroy the dialog here
		document.getElementById(overlaySpaceID).innerHTML = '';
		dialogOpen = false;
	}
}
function decreaseOpacityAndOpenNewDialog()
{
	if (opacity < 0)
	{
		opacity = 0;
	}
	var object = document.getElementById(dialogID).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
	//object.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=' + opacity + ')';
	opacity -= 10;
	if (opacity <= 0)
	{
		opacity = 0;
		clearInterval(interval);
		//destroy the dialog here
		document.getElementById(overlaySpaceID).innerHTML = '';
		
		var browser = navigator.appName;
		if (browser == "Microsoft Internet Explorer")
		{
			var newDiv = "<div id='" + dialogID +"' name='" + dialogNAME + "' class='boxStyle'>" + dialogHTML + "</div>";
			document.getElementById(overlaySpaceID).innerHTML = newDiv;
			changeOpacity(0);
			fadeIn();
			dialogOpen = true;
		}
		else
		{
			var dialog = document.createElement('div');
			dialog.setAttribute('id', dialogID);
			dialog.setAttribute('class','boxStyle');
			dialog.setAttribute('name', dialogNAME);
			dialog.innerHTML = dialogHTML;
			dialog.style.zIndex = '100';
			document.getElementById(overlaySpaceID).appendChild(dialog);
			changeOpacity(0);
			dialogOpen = true;
			fadeIn();
		}
	}
}

function changeOpacity(opac) 
{
    var object = document.getElementById(dialogID).style;
    object.opacity = (opac / 100);
    object.MozOpacity = (opac / 100);
    object.KhtmlOpacity = (opac / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
	opacity = opac;
}