function getDiv( name )
{
    if (document.getElementById)
        return document.getElementById(name)
    else
        return document.all[name]
}

function grayOut(bOn)
{
    var overlayImg = getDiv('overlayImg');
    
    if (bOn)
    {
        overlayImg.style.width = document.body.scrollWidth;
        if (document.body.scrollHeight < document.body.clientHeight)
            overlayImg.style.height = document.body.clientHeight;
        else
            overlayImg.style.height = document.body.scrollHeight;
        overlayImg.style.top = 0;
        overlayImg.style.left = 0;
        overlayImg.style.zIndex = 5;
    }
    else
    {
        overlayImg.style.width = 0;
        overlayImg.style.height = 0;
    }
}        

function openDialog(dialogDiv)
{
    var width, height;
    var sTop = document.body.scrollTop;
    grayOut(true);
    
    var obj = getDiv(dialogDiv);

    obj.style.display = 'inline';
    obj.style.top = 0;
    obj.style.left = (document.body.clientWidth/2) - 400 
    //alert(obj.scrollHeight + ' ' + obj.scrollWidth);
    obj.style.zIndex = 6;
    
    obj.className = '';
}

function closeDialog(dialogDiv)
{
    var obj = getDiv(dialogDiv);
    obj.style.display = 'none';
    obj.className = 'hidden';
    //obj.style.width = 0;
    //obj.style.height = 0;
    
    grayOut(false);
}