// --- helpmaster.js
// --- by Josef Becker, Mediendidaktische Beratung
// --- http://www.helpmaster.com

// --- popupon and popupoff base on a script written by Andrew Castles bound to use with Dreamweaver 1.2
// --- http://www.arrakis.es/~andrewc/downloads/archives/tooltipdemo.htm

var thisbrowser = "";

function whatbrowser()
{
    if(document.layers)
    {
		thisbrowser="NN4";
    }
    else if (navigator.userAgent.indexOf("Opera") != -1)
    {
		thisbrowser="opera";
    }
    else if(document.all)
    {
		thisbrowser="ie";
    }
    else if(!document.all && document.getElementById)
    {
		thisbrowser="NN6";
    }
}

function popupon(text, eventObj) 
{ 
    //-- Start Editable Area --
    borderColor = '#000000';
    bgColor = '#ffffcc';
    border = 1;
    padding = 3;
    xOffset = 3;
    yOffset = 3;
    Font = 'face="Verdana, Arial, Helvetica, sans-serif" size=2';
    //-- End Editable Area --

    if (thisbrowser == "")
		return;

    var table = "";
    var bigTable = ""; // Workaround for Netscape

    if (thisbrowser == "ie")
    { // If IE4+
		layer = document.all["popup"];
		table += "<table bgcolor= "+ bgColor +" border= "+ border +" cellpadding= "+ padding +" cellspacing=0>";
		table += "<tr><td>";
		table += "<table cellspacing=0 cellpadding="+ padding +">";
		table += "<tr><td bgcolor= "+ bgColor +"><font "+ Font +">" + text + "</font></td></tr>";
		table += "</table></td></tr></table>"
		layer.innerHTML = table;
		layer.style.left = eventObj.x + xOffset + document.body.scrollLeft + document.documentElement.scrollLeft;
		layer.style.top  = eventObj.y + yOffset + document.body.scrollTop + document.documentElement.scrollTop;
		layer.zIndex = 100;
		//alert("event.x: "+eventObj.x+", event.y: "+eventObj.y);
		//alert(document.body.scrollTop);
		layer.style.visibility = "visible";
    } 
    else if (thisbrowser == "opera") 
    {
		layer = document.getElementById("popup");
		table += "<table bgcolor= "+ bgColor +" border= "+ border +" cellpadding= "+ padding +" cellspacing=0>";
		table += "<tr><td>";
		table += "<table cellspacing=0 cellpadding="+ padding +">";
		table += "<tr><td bgcolor= "+ bgColor +"><font "+ Font +">" + text + "</font></td></tr>";
		table += "</table></td></tr></table>"
		// not working for opera
		//layer.document.innerHTML = table;
		layer.style.left = eventObj.clientX + xOffset + "px";
		layer.style.top  = eventObj.clientY + yOffset + "px";
		layer.zIndex = 100;
		layer.style.visibility = "visible";
    }
    else if (thisbrowser == "NN4")
    { // If NN4+
		layer = document.layers["popup"];
		table += "<table cellpadding="+ padding +" border="+ border +" cellspacing=0 bordercolor="+ borderColor +">";
		bigTable += "<table width="+(document.width - xOffset - eventObj.layerX - 30)+"cellpadding="+ padding +" border="+ border +" cellspacing=0 bordercolor="+ borderColor +">";
		table += "<tr><td bgcolor="+ bgColor +"><font "+ Font +">" + text + "</font></td></tr></table>";
		bigTable += "<tr><td bgcolor="+ bgColor +"><font "+ Font +">" + text + "</font></td></tr></table>";
		layer.document.open();
		layer.document.write(table);
		layer.document.close();
	
		if ((layer.document.width + xOffset + eventObj.layerX) > document.width)
		{ // If the layer runs off the right hand side
		    layer.document.open();
		    layer.document.write(bigTable);
		    layer.document.close();
		}
	
		layer.left = eventObj.layerX + xOffset;
		layer.top  = eventObj.layerY + yOffset;
		layer.zIndex = 100;
		layer.visibility = "visible";
    }
    else
    {
		layer = document.getElementById("popup");
		table += "<table bgcolor= "+ bgColor +" border= "+ border +" cellpadding= "+ padding +" cellspacing=0>";
		table += "<tr><td>";
		table += "<table cellspacing=0 cellpadding="+ padding +">";
		table += "<tr><td bgcolor= "+ bgColor +"><font "+ Font +">" + text + "</font></td></tr>";
		table += "</table></td></tr></table>"
		layer.innerHTML = table;
		layer.style.left = eventObj.pageX + xOffset + "px";
		layer.style.top  = eventObj.pageY + yOffset + "px";
		//alert("event.x: "+eventObj.pageX+", event.y: "+eventObj.pageY);
		layer.zIndex = 100;
		layer.style.visibility = "visible";
    }
}


function popupoff() 
{ 
    if (thisbrowser == "")
		return;

    if (thisbrowser == "ie")
    {
		layer = document.all["popup"];
		layer.style.visibility = "hidden";
    }
    else if (thisbrowser == "NN4")
    {
		layer = document.layers["popup"];
		layer.visibility = "hidden";
    }
    else
    {
		layer = document.getElementById("popup");
		layer.style.visibility = "hidden";
    }
}

whatbrowser();