﻿function showPopUp(el) 
{
    var cvr = document.getElementById("cover");
    var dlg = document.getElementById(el);
    cvr.style.display = "block";
    dlg.style.display = "block";
    if (document.body.style.overflow = "hidden") 
    {
	    cvr.style.width = "100%";
	    cvr.style.height = "100%";
    }
    
    centerMe();
    HideAfterTime();
}
function closePopUp(el) 
{
    var cvr = document.getElementById("cover");
    var dlg = document.getElementById(el);
    cvr.style.display = "none";
    dlg.style.display = "none";
}

function centerMe()
{
    //document.getElementById("dialog").style.left = (document.body.clientWidth / 2) - (document.getElementById("dialog").offsetWidth / 2);     
    //document.getElementById("dialog").style.top = (document.body.clientHeight / 2) - (document.getElementById("dialog").offsetHeight / 2); 
    
    //document.getElementById("dialog").style.left = (document.body.clientWidth / 2) - (document.getElementById("dialog").offsetWidth / 2);      
    //document.getElementById("dialog").style.top = (top.document.body.scrollHeight - top.document.body.clientHeight) + (document.getElementById("dialog").offsetHeight / 2);
    
    document.getElementById("dialog").style.left = (document.body.clientWidth / 2) - (document.getElementById("dialog").offsetWidth / 2);      
    document.getElementById("dialog").style.top = 30;
}

function HideAfterTime()
{
	setTimeout("closePopUp('dialog')", 10000);
}