var isMozilla;
var objDiv = null;
var DivID = "";
var over = false;

function buildDimmerDiv()
{
    document.write('<div id="dimmer" class="dimmer" style="width:'+ window.screen.width + 'px; height:' + window.screen.height +'px"></div>');
}

function displayFloatingDiv(divId, title, DivHTML, width, height, left, top)
{
        DivID = divId;
        document.getElementById('dimmer').style.visibility = "visible";
        document.getElementById(divId).style.width = width + 'px';
        document.getElementById(divId).style.height = height + 'px';
        document.getElementById(divId).style.left = left + 'px';
        document.getElementById(divId).style.top = top + 'px';
        var addHeader;
        addHeader = '<table style="width:' + width + 'px" class="floatingHeader">' +
                    '<tr><td style="height:18px">' + title + '</td>' +
                    '<td style="width:18px" align="right"><a href="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);">' +
                    '<img alt="Close..." title="Close..." src="/images/close.jpg" border="0"></a></td></tr></table>';
        document.getElementById(divId).innerHTML = addHeader + DivHTML;
        document.getElementById(divId).className = 'dimming';
        document.getElementById(divId).style.visibility = "visible";
        document.getElementById(divId).style.display = "inline";
}

//
function hiddenFloatingDiv(divId)
{
        document.getElementById(divId).innerHTML = "";
        document.getElementById(divId).style.visibility='hidden';
        document.getElementById(divId).style.display = "none";
        document.getElementById('dimmer').style.visibility = 'hidden';

        DivID = "";
}

buildDimmerDiv();