function ShowPopup(bgName,cnName,ctrlName,hfName) {
    bg = document.getElementById(bgName);
    cn = document.getElementById(cnName);
    if (bg != null && cn != null) {
            cn.style.display = 'block';
            bg.style.display = 'block';
        
        bg.style.height = getWindowSize()[1] + 'px';

        var height = cn.offsetHeight;
        var width = cn.offsetWidth;

        var left = getWindowSize()[0] / 2 - width / 2;
        var top = getWindowSize()[1] / 2 - height / 2;
        cn.style.left = parseInt(left) + 'px';
        cn.style.top = parseInt(top) + 'px';

        hf = document.getElementById(hfName);
        if (hf != null) {
            hf.value = '1';
        }
    }
}

function ClosePopup(bgName, cnName, ctrlName, hfName) {
    bg = document.getElementById(bgName);
    cn = document.getElementById(cnName);
    if (bg != null && cn != null) {
        bg.style.display = 'none';
        cn.style.display = 'none';
    }

    hf = document.getElementById(hfName);
    if (hf != null) {
        hf.value = '0';
    }
}

function getWindowSize() {
    var myWidth = 0;
    var myHeight = 0;
    if (typeof (window.innerWidth) == 'number') {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    }
    else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    }
    else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    return [myWidth, myHeight];
}