/************************ 	mouseover_div.js	*/
/* Author Saw						*/
/* Synopsys: Create a mouseover Div			*/
/* when mouse hovers over Categories			*/
/* BUGS: Only works with IE				*/
/* Call:  onmouseover="PopDiv('Text');"			*/
/* onmouseout='ClearDiv();'				*/
/********************************************************/

function PopDiv(Dt)
{
//Get mouse position

var mouseX = event.clientX;
var mouseY = event.clientY;

//Build Div Position
var DivX = mouseX + 100;
var DivY = mouseY;

var dwin = document.getElementById("movr_div");
dwin.style.position = 'absolute';
dwin.style.left = DivX +'px';
dwin.style.top = DivY +'px';

dwin.style.width = '200';
dwin.style.height = '60';
dwin.style.fontFamily = 'arial';
dwin.style.fontSize = '8pt';
dwin.style.marginLeft = '8px';

dwin.style.visibility = 'visible';
dwin.style.backgroundColor = '#cccccc';

var DtContent = '';
DtContent += "<table border='0' cellpadding='2' cellspacing='1' border='2'>\n";
DtContent += "<tr><td><strong>\n";
DtContent += Dt;
DtContent += "</strong></td></tr>\n";
DtContent += "</table>\n";

dwin.innerHTML = DtContent;
}
function ClearDiv()
{
var dwin = document.getElementById("movr_div");
dwin.style.left = '0px';
dwin.style.top = '0px';
dwin.style.visibility = 'hidden';
dwin.innerHTML = '';
}