function f_DisplayDivAlert(sMessage, iTop)
{
//	if (document.all) 
//		var xMax = screen.width, yMax = screen.height; 
//	else 
//		if (document.layers) 
//			var xMax = window.outerWidth, yMax = window.outerHeight; 
//		else 
//			var xMax = 640, yMax=480; 
//	                   
//	var xOffset = (xMax - 300)/2, yOffset = (yMax - 250)/2; 
//		
	var dt = new Date();
	var id = "f_Alert" + dt.getTime();
	var div = document.createElement("DIV");
	div.id = id;
	div.style.width = "300px";
	div.style.height = "250px";
//	div.style.top = yOffset + "px";
//	div.style.left = xOffset + "px";
	div.style.position = "absolute";
	div.style.zIndex = 999;
	div.style.opacity = 0;
    div.style.MozOpacity = 0;
    div.style.KhtmlOpacity = 0;
    div.style.filter = "alpha(opacity=0)";
    
    f_SetDivDeadCenter(240, 83, div);
    
    if (iTop > 0)
		div.style.top = iTop.toString() + "px";

	var sHTML =		"<div style=\"border: 1px solid #464973; background: #C7CCF8; color: #000000; vertical-align: middle; width: 240px; height: 83px; ";
		sHTML +=	"font-family: Arial; font-size: 14pt; text-align: center; vertical-align: center;\"><table align=\"center\" ";
		sHTML +=	"style=\"text-align: center; vertical-align: middle; width: 100%; height: 100%;\"><tr><td ";
		sHTML +=	"style=\"text-align: center; vertical-align: middle; font-weight: bold;\">";
		sHTML +=	sMessage;
		sHTML +=	"</td></tr></table>";
		sHTML +=	"</div>";
		
	div.innerHTML = sHTML;
	
	document.body.appendChild(div);
	
	setTimeout("f_Opacity('" + id + "', 100, 0, 500);", 1500);
	setTimeout("f_DeleteDivAlert('" + id + "');", 2100);
	
	f_Opacity(id, 0, 100, 500);
}

function f_DeleteDivAlert(sId)
{
	document.body.removeChild(document.getElementById(sId));
}

function f_Opacity(id, opacStart, opacEnd, millisec) 
{
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("f_ChangeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("f_ChangeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function f_ChangeOpac(opacity, id) 
{
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function f_SetDivDeadCenter(Xwidth,Yheight,div) 
{
	// First, determine how much the visitor has scrolled

	var scrolledX, scrolledY;
	if( self.pageYOffset ) {
	scrolledX = self.pageXOffset;
	scrolledY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
	scrolledX = document.documentElement.scrollLeft;
	scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
	scrolledX = document.body.scrollLeft;
	scrolledY = document.body.scrollTop;
	}

	// Next, determine the coordinates of the center of browser's window

	var centerX, centerY;
	if( self.innerHeight ) {
	centerX = self.innerWidth;
	centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
	centerX = document.documentElement.clientWidth;
	centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
	centerX = document.body.clientWidth;
	centerY = document.body.clientHeight;
	}

	// Xwidth is the width of the div, Yheight is the height of the
	// div passed as arguments to the function:
	var leftOffset = scrolledX + (centerX - Xwidth) / 2;
	var topOffset = scrolledY + (centerY - Yheight) / 2;
	// The initial width and height of the div can be set in the
	// style sheet with display:none; divid is passed as an argument to // the function
	var r=div.style;
	r.position='absolute';
	r.top = topOffset + 'px';
	r.left = leftOffset + 'px';
	r.display = "block";
}