// JavaScript Document

var xFixedBox, xMiddleBox;
var xOpacityCount = 0;
var xFadeAreaHTMLDefault = "<table border='0' width='100%' height='100%'>" + /* user defined HTML */
						   "<tr><td align='center' valign='middle'>" +
						   "<table>" +
						   "<tr><td align='center'><img src='sandglass.gif' border='0'></td></tr>" +
						   "<tr><td align='center'>Please wait a minute.</td></tr>" +
						   "</table>" +
						   "</td></tr>" +
						   "</table>";
var xFadeAreaHTML = "";
var xFadeArea;
var xFadeBoxWidth = 600;	//FadeBox Width
var xFadeBoxHeight = 450;	//FadeBox Height

function showFixedBox()
{
	//Create FixedBox
	xFixedBox = document.createElement("DIV");
	xFixedBox.setAttribute("id","fixedbox");
	xFixedBox.setAttribute("align","center");
	xFixedBox.style.verticalAlign = "middle";
	
	//Add In Document
	document.body.appendChild(xFixedBox);
	
	//Play FadeIn
	fadeIn();
}

function showMiddleBox()
{
	//Create Middle
	xMiddleBox = document.createElement("DIV");
	xMiddleBox.setAttribute("id","middlebox");
	xMiddleBox.setAttribute("align","center");
	xMiddleBox.style.verticalAlign = "middle";
	st = "<table border='0' width='100%' height='99%'>" +
		 "<tr>" +
		 "<td align='center' valign='middle'>" +
		 "<div id='fadebox_ctrl' style='width:" + (xFadeBoxWidth + 45) + "px; height:" + (xFadeBoxHeight + 40) + "px'>" +
		 "<table id='fadeBox' border='0' cellpadding='0'>" +
 		 "<tr>" +
		 "<td class='border_01'></td>" +
		 "<td class='border_02'></td>" +
		 "<td class='border_03'><a href='javascript:void(0)' onclick='hideMiddleBox()' style='text-decoration:none'>&nbsp;&nbsp;</a></td>" +
		 "</tr>" +
		 "<tr>" +
		 "<td class='border_04'></td>" +
		 "<td class='border_05'><div id='fadearea' name='fadearea'>&nbsp;</div></td>" +
		 "<td class='border_06'></td>" +
		 "</tr>" +
		 "<tr>" +
		 "<td class='border_07'></td>" +
		 "<td class='border_08'></td>" +
		 "<td class='border_09'></td>" +
		 "</tr>" +
		 "</table>";
	xMiddleBox.innerHTML = st;
	
	//Add In Document
	document.body.appendChild(xMiddleBox);
	
	//Inserting Default Data
	xFadeArea = document.getElementsByName("fadearea");
	xFadeArea = xFadeArea[0];
	if(xFadeAreaHTML == "") xFadeAreaHTML = xFadeAreaHTMLDefault;
	fadeArea_dataInsert();
}

function hideFixedBox()
{
	document.body.removeChild(xFixedBox);
}

function hideMiddleBox()
{
	document.body.removeChild(xMiddleBox);
	fadeOut();
}

function fadeIn()
{
	xOpacityCount++;
	if(xOpacityCount <= 9)
	{
		xFixedBox.className = "opicity_" + xOpacityCount;
		setTimeout("fadeIn()",20);
	}
	else
	{
		showMiddleBox();
	}
}

function fadeOut()
{
	xOpacityCount--;
	if(xOpacityCount >= 1)
	{
		xFixedBox.className = "opicity_" + xOpacityCount;
		setTimeout("fadeOut()",20);
	}
	else
	{
		hideFixedBox();
	}
}

function fadeArea_dataInsert()
{
	if(xFadeArea != null)
	{
		xFadeArea.innerHTML = xFadeAreaHTML;
	}
	else
	{
		setTimeout("fadeArea_dataInsert()",100);
	}
}

function fadeArea_dataClear()
{
	xFadeArea = xFadeAreaHTMLDefault;
}