﻿function createPopUp(e, text)
{
	var oldDiv = document.getElementById('pdiv');
	if(oldDiv) document.body.removeChild(oldDiv);

	var coord = getCoord(e);
	x = coord[0];
	y = coord[1];

	var div = document.createElement('pdiv');
	div.innerHTML = "<div id='pdiv' style=\"position: absolute;"
		+ "top: " + y + "px;" + "left: " + x + "px;"
		+ "width: 200px;text-align: left;font-family: 'Tahoma', arial, sans-serif;"
		+ "font-size: 12px;padding: 5px;z-index: 1000;border: 1px solid #000000;background: #f8f8f8;\" >"
		+ "<img src=\"/images/popup_close.gif\" style=\"float:right\" onclick=\"this.parentNode.parentNode.removeChild(this.parentNode);\"/><br/>"
		+ text + "</div>";

	document.body.appendChild(div.firstChild);
}

function getCoord(e) 
{
    var xcoord, ycoord;
    if( !e ) { e = window.event; }
    if( !e ) { return; }
    if( typeof( e.pageX ) == 'number' ) 
    {
        xcoord = e.pageX;
        ycoord = e.pageY;
    } 
    else if( typeof( e.clientX ) == 'number' ) 
    {
        xcoord = e.clientX;
        ycoord = e.clientY;
        if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
        {
          xcoord += document.body.scrollLeft;
          ycoord += document.body.scrollTop;
        } 
        else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 
        {
          xcoord += document.documentElement.scrollLeft;
          ycoord += document.documentElement.scrollTop;
        }
    } 
    else { return; }

    return new Array(xcoord, ycoord);  
}
