var offsetfrommouse=[-10,10];

document.getElementById("popuptarget").innerHTML="<div id='popupwin' align='left' style='position:absolute;visibility:hidden;left:200px;top:200px;width:360px;z-index:100;border:1pt solid black; background-color:#FFFFCC;text-align:left; font-size:14;'></div>";

function getpop(){
if (document.getElementById) return document.getElementById("popupwin");
else if (document.all) return document.all.popupwin;
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function popdisplay(vstring){
document.onmousemove=followmouse;
getpop().style.visibility="visible";
getpop().innerHTML = "<span><center>" + vstring + "</center></span>";
}

function didyouknow(vstring){
document.onmousemove=followmouse;
getpop().style.visibility="visible";
getpop().innerHTML = "<left>&nbsp Did you know...<br/><br/>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ..." + vstring + "</left>";
}

function pophide(){
getpop().style.visibility="hidden";
//document.onmousemove="";
}

function followmouse(e){
var xcoord=offsetfrommouse[0]-300;
var ycoord=offsetfrommouse[1];
if (typeof e != "undefined"){
xcoord+=e.pageX;
ycoord+=e.pageY;
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX;
ycoord+=truebody().scrollTop+event.clientY;
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15;
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight);

getpop().style.display=""
getpop().style.left=xcoord+"px";
getpop().style.top=ycoord+"px";
}


