//
//
//
function displayFloatingDiv(divId, title, content, 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;

    if (originalDivHTML == "")
        originalDivHTML = document.getElementById(divId).innerHTML;

    addHeader = '<table  class="popupHeader" style="width:' + width + 'px">' +
                '<tr><td ondblclick="void(0);" onmouseover="over=true;" onmouseout="over=false;" style="cursor:move;height:18px"><img src="favicon.ico">&nbsp;' + title + '</td>' +
                '<td style="width:18px" align="right"><a href="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);" class=\'closePopup\'>x' +
                //'<img title="Close..." alt="Close..." src="close.jpg" border="0" />'
				'</a></td></tr></table>';


    // add to your div an header
    document.getElementById(divId).innerHTML = addHeader + originalDivHTML+content;


    document.getElementById(divId).className = 'dimming';
    document.getElementById(divId).style.visibility = "visible";
}

function hiddenFloatingDiv(divId){
    document.getElementById(divId).style.visibility = "hidden";
    document.getElementById('dimmer').style.visibility = "hidden";
}


function buildDimmerDiv()
{
    //document.write('<div id="dimmer" class="dimmer" style="width:'+window.screen.width + 'px; height:' + window.screen.height +'px"></div>');
//document.getElementById('dimmer').style.visibility = "hidden";
	document.getElementById('dimmer').style.width=window.screen.width-125+"px"; //without the minus get a horizontal scroll bar
	document.getElementById('dimmer').style.height=window.screen.height+"px";
	document.getElementById('dimmer').style.visibility = "hidden";

}

function MouseDown(e)
{
    if (over)
    {
        if (isMozilla) {
            objDiv = document.getElementById(DivID);
            X=e.layerX;
            Y=e.layerY;
            return false;
        }
        else {
            objDiv = document.getElementById(DivID);
            objDiv = objDiv.style;
            X=event.offsetX;
            Y=event.offsetY;
        }
    }
}

//
//
//
function MouseMove(e)
{
    if (objDiv) {
        if (isMozilla) {
            objDiv.style.top = (e.pageY-Y) + 'px';
            objDiv.style.left = (e.pageX-X) + 'px';
            return false;
        }
        else
        {
            objDiv.pixelLeft = event.clientX-X + document.body.scrollLeft;
            objDiv.pixelTop = event.clientY-Y + document.body.scrollTop;
            return false;
        }
    }
}

//
//
//
function MouseUp()
{
    objDiv = null;
}

//
//
//
function init()
{
    // check browser
	//alert('aaa');
	objDiv="";
	over=false;
	originalDivHTML="";	
    isMozilla = (document.all) ? 0 : 1;

    if (isMozilla)
    {
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
    }

    document.onmousedown = MouseDown;
    document.onmousemove = MouseMove;
    document.onmouseup = MouseUp;

    // add the div
    // used to dim the page
    buildDimmerDiv();

}