var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d) 
{
if(self.pageYOffset) {
	rX = self.pageXOffset;
	rY = self.pageYOffset;
	}
else if(document.documentElement && document.documentElement.scrollTop) {
	rX = document.documentElement.scrollLeft;
	rY = document.documentElement.scrollTop;
	}
else if(document.body) {
	rX = document.body.scrollLeft;
	rY = document.body.scrollTop;
	}
if(document.all) {
	cX += rX; 
	cY += rY;
	}
	
	// shift a little bit to the left...
if (cX > (window.innerWidth*3/4))
{	
  d.style.left = (cX+10 - 100) + "px";
  //and nail it maximum to the right
  //d.style.right =  cX-10 + "px";
}
else
	{
	d.style.left = (cX+10) + "px";
}
	
d.style.top = (cY+10) + "px";

}
function HideContent(d) 
{
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}

function ShowInfoWindow(d, text, hide) 
{
if(d.length < 1 || text.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
if (hide == 1)
 text = '<br>' + text + '<div style="position:absolute;right:-15px;top:-15px;"><img src="/images/close_24.png" style="cursor:pointer;" onClick="HideContent(\''+ d +'\');"></div>';
dd.innerHTML  = text;
dd.style.display = "block";
}

function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
if(dd.style.display == "none") { dd.style.display = "block"; }
else { dd.style.display = "none"; }
}