// Globals:
var isMozilla;
var objDiv = null;
var originalDivHTML = "";
var DivID = "";
var over = false;

function displayFloatingDiv(sDivId,sTitle,nWidth,nHeight,nLeft,nTop)
{
	DivID=sDivId;

	var div=document.getElementById(sDivId);
	with (div)
	{
		with (style)
		{
			width=nWidth+'px';
			height="auto";
			left=nLeft+'px';
			top=nTop+'px';
			visibility="visible";
		}

		innerHTML='<table style="width:'+nWidth+'px" class="floatingHeader"><tr><td ondblclick="void(0)" '+
		 'onmouseover="over=true" onmouseout="over=false" style="cursor:move; height:18px">'+sTitle+
		 '&#160; <a href="http://youtube.com/MerlinInformation#p/c/52A15D8AA99497A8/0/NWSjGNjQS4c" '+
		 'target="Merlin Videos"><img src="/Images/Icons/Videos_16x16.PNG" alt="Training Video" '+
		 'title="Training Video"/></a></td>'+
		 '<td style="width:18px" align="right"><a href="javascript:hiddenFloatingDiv(\''+sDivId+'\'); void(0)">'+
		 '<img alt="Close" title="Close" src="/images/buttons/x.jpg" border="0"></a></td></tr></table>'+originalDivHTML;

		className='dimming';
	}
}

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

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
    isMozilla = (document.all) ? 0 : 1;


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

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

init();