﻿function showDiv(sender, evt, div)
{    
   evt = (null == evt) ? event : evt;
   var temp = div;
   if(typeof div == "string")
        div = document.getElementById(div);
   if(null == div)
    alert("Could not find element with id " + temp);
   div.style.top = getXYpos2(evt).y - 70 + "px";
   div.style.left = getXYpos2(evt).x - 260 + "px";
   div.style.display = "inline";
    if (evt.stopPropagation) {
        evt.stopPropagation();
    } else {
        evt.cancelBubble = true;
    } 
   var x = "if(document.getElementById('"+div.id+"')) document.getElementById('"+div.id+"').style.display = \"none\"";				
   unhookEvent(document.body, "click", function() { try { eval(x.toString()); } catch(e) { } });
   hookEvent(document.body, "click", function() { try { eval(x.toString()); } catch(e) { } });	
}
function getXYpos2(e) {
    var xy;
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    var target = null == e.srcElement ? e.target : e.srcElement;
    if (e.pageX || e.pageY) 	{
        xy={"x":e.pageX,"y":e.pageY}
    }
    else if (e.clientX || e.clientY) 	{
	    posx = e.clientX + document.body.scrollLeft
		    + document.documentElement.scrollLeft;
	    posy = e.clientY + document.body.scrollTop
		    + document.documentElement.scrollTop;
		xy={"x":posx,"y":posy}
    }
    return xy;
}
