document.write('<div id="helpbox" class="helpcss_helpbox">???</div>');

function getWinWidth()
{
  //http://bytes.com/forum/thread146955.html
  isNav = (document.all) ? false : true;
  isIE = (document.all) ? true : false;
  if (isNav && !isIE)
    return(window.innerWidth);
  else if (isIE && !isNav)
    return(document.body.clientWidth);
  else
    return(100);
}
function getWinHeight()
{
  isNav = (document.all) ? false : true;
  isIE = (document.all) ? true : false;
  if (isNav && !isIE)
    return(window.innerHeight);
  else if (isIE && !isNav)
    return(document.body.clientHeight);
  else
    return(100);
}

function mouseX(evt) {return evt.clientX ? evt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) : evt.pageX;}
function mouseY(evt) {return evt.clientY ? evt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) : evt.pageY;}

 // Detect if the browser is IE or not.
 // If it is not IE, we assume that the browser is NS.
 var IE = document.all?true:false;

 // If NS -- that is, !IE -- then set up for mouse capture
 if (!IE) document.captureEvents(Event.MOUSEMOVE)

 // Set-up to use getMouseXY function onMouseMove
 document.onmousemove = getMouseXY;

 // Temporary variables to hold mouse x-y pos.s
 var tempX = 0;
 var tempY = 0;

 // Main function to retrieve mouse x-y pos.s

 function getMouseXY(e) {
    if (IE) { // grab the x-y pos.s if browser is IE
      tempX = event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
      tempY = event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    } else {  // grab the x-y pos.s if browser is NS
      //tempX = e.pageX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
      //tempY = e.pageY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
      tempX = mouseX(e);
      tempY = mouseY(e);
    }
    // catch possible negative values in NS4
    if (tempX < 0){tempX = 0}
    if (tempY < 0){tempY = 0}

    // show
    document.getElementById("helpbox").style.left = tempX + 10 + 'px';
    document.getElementById("helpbox").style.top = tempY + 10 + 'px';

    //document.getElementById("helpbox").innerHTML += '<hr size=1>'+document.getElementById("helpbox").offsetLeft;
    //document.getElementById("helpbox").innerHTML += '<hr size=1>'+document.getElementById("helpbox").offsetWidth;
    //document.getElementById("helpbox").innerHTML += '<hr size=1>'+getWinWidth();
    //document.getElementById("helpbox").innerHTML += '<hr size=1>'+document.getElementById("helpbox").scrollTop;
    //document.getElementById("helpbox").innerHTML += '<hr size=1>'+document.body.scrollTop;
    //document.getElementById("helpbox").innerHTML = '<hr size=1>'+tempX + "." + tempY;
    
    //jobbra kilog?
    if ( (document.getElementById("helpbox").offsetLeft + document.getElementById("helpbox").offsetWidth+12) > getWinWidth() )
    {
      document.getElementById("helpbox").style.left = tempX - 6 - document.getElementById("helpbox").offsetWidth;
      
      //balra kilog?
      if ( document.getElementById("helpbox").offsetLeft < 1 )
      {
        document.getElementById("helpbox").style.left = tempX - document.getElementById("helpbox").offsetWidth/2;

        //balra kilog megint?
        if ( document.getElementById("helpbox").offsetLeft < 1 )
          document.getElementById("helpbox").style.left = 1;
      }
    }

    //lentre kilog
    if ( (document.getElementById("helpbox").offsetTop + document.getElementById("helpbox").offsetHeight - document.body.scrollTop) > getWinHeight() )
      document.getElementById("helpbox").style.top = tempY - 8 - document.getElementById("helpbox").offsetHeight;

    //fenter kilog?
    if ( document.getElementById("helpbox").offsetTop < 0 )
      document.getElementById("helpbox").style.top = tempY + 10;

    return true;
 }

 var trailTimer = null;
 var bTrailShow = false;
 function showtrail_content(oDivID)
 {   
   trailTimer = setTimeout("if (bTrailShow) { document.getElementById('helpbox').style.display = ''; }",300);
   bTrailShow = true;
   //document.getElementById("helpbox").style.display = '';
   document.getElementById("helpbox").tabindex = 1;
   document.getElementById("helpbox").innerHTML = document.getElementById(oDivID).innerHTML;
   
   if (IE)
   {
     getMouseXY();
   }
 }

 //function hidetrail(image,title,x,y)
 function hidetrail()
 {
   trailTimer = null;
   bTrailShow = false;
   document.getElementById("helpbox").style.display = 'none';
 }

 document.getElementById("helpbox").style.display = 'none';