function showInfoBox(text, boxX, boxY) {
var box = document.getElementById('infoBox');
var doc = document.frames.infoBox.document;
doc.open();
doc.write('');
doc.close();
box.style.width = boxX;
box.style.height = boxY;
boxPosX = event.x+document.body.scrollLeft + 15;
boxPosY = event.y+document.body.scrollTop + 16;
if (window.innerWidth)
{ theWidth = window.innerWidth}
else if (document.documentElement && document.documentElement.clientWidth)
{ theWidth = document.documentElement.clientWidth}
else if (document.body)
{ theWidth = document.body.clientWidth }
if (window.innerHeight)
{ theHeight = window.innerHeight}
else if (document.documentElement && document.documentElement.clientHeight)
{ theHeight = document.documentElement.clientHeight}
else if (document.body)
{ theHeight = document.body.clientHeight }
if ((boxPosY+boxY) > theHeight ) { boxPosY = theHeight - (boxY+40); }
//if ((boxPosX+boxX) > theWidth ) { boxPosX = theWidth - (boxX+40); }
box.style.left = boxPosX;
box.style.top = boxPosY;
box.style.visibility = 'visible';
box.style.display = 'block';
}
function hideInfoBox() {
var box = document.getElementById('infoBox');
box.style.visibility = 'hidden';
box.style.display = 'none';
}
//call this function to insert an info icon in a code.
//this icon is images/infoicon1,gif image that will show a popup with style defined in showInfoBox funtion and text coming as fuction argument.
function infoIcon(text, boxX, boxY) {
if(text != undefined && text != '') {
document.write("![](\"images/infoicon1.gif\")
");
}
}
function infoIFrame() {
document.write("");
}