var popupDiv = document.createElement('div');
var divIdName = 'popupDiv';
popupDiv.setAttribute('id',divIdName);
popupDiv.style.position = 'absolute';
var returnFocusElement = '';

function ShowMessage(msg)
{
    var width = '220px';
	var height = '120px';
    var x = (document.body.clientWidth- parseInt(width))/2 + 'px';
    var y = (document.body.clientHeight- parseInt(height))/2 + 'px';
    popupDiv.style.backgroundColor = "#eeeeee";
    popupDiv.style.border = "solid black 1px";
    popupDiv.style.width = width;
    popupDiv.style.height = height;
    popupDiv.style.left = x;
    popupDiv.style.top = y;
    popupDiv.innerHTML = MessageTemplate(msg);   
    document.getElementsByTagName('BODY')[0].appendChild(popupDiv);
    document.getElementById('popupDiv').focus();
    window.setTimeout(HideMessage, 2000);
}

function HideMessage()
{
    try
    {
        document.getElementsByTagName('BODY')[0].removeChild(popupDiv);
        if (returnFocusElement != '')
        {
            document.getElementById(returnFocusElement).focus();
            returnFocusElement = '';        
        }
    }
    catch(ex){}
}

function MessageTemplate(msg)
{
    var html="";
    html+="<table cellpadding='0' cellspacing='0' style=\"table-layout:fixed; width:100%; height:100%; direction:rtl;\" onmousedown='HideMessage();'>";
    html+="<tr style=\"background-color:#151515; height:20px;\">";
    html+="<td style=\"text-align:right; padding-right:5px;padding-top:4px;\">";
    html+="<img src='Images/Icons/close.jpg' onclick='HideMessage()'>";
    html+="</td>";
    html+="</tr>";
    html+="<tr style=\"height:100px;\">";
    html+="<td style=\"text-align:center; padding: 10px; height:90px;\">";
    html+="<span style=\"font-family : Verdana, Arial; font-size:12px;color:black\">"+msg+"</span>";
    html+="</td>";
    html+="</tr>";
    html+="</table>";
    
    return html;
}