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);
}


 // 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.body.scrollLeft;
      tempY = event.clientY + document.body.scrollTop;
    } else {  // grab the x-y pos.s if browser is NS
      tempX = e.pageX;
      tempY = e.pageY;
    }
    // catch possible negative values in NS4
    if (tempX < 0){tempX = 0}
    if (tempY < 0){tempY = 0}
    
    // show

    document.getElementById("helpbox").style.left = tempX + 10;
    document.getElementById("helpbox").style.top = tempY + 10;

    //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;

    
    //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) > (getWinHeight() + document.body.scrollTop) ) {
      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;
 }

 function showtrail_content(oDivID)
 {
   document.getElementById("helpbox").style.display = '';
   document.getElementById("helpbox").tabindex = 0;
   document.getElementById("helpbox").innerHTML = document.getElementById(oDivID).innerHTML;
   
   if (IE)
   {
     getMouseXY();
   }
 }
 
 function showtrail_img_content(oDivID, sSrc, sName)
 {
   document.getElementById("helpbox").style.display = '';
   document.getElementById("helpbox").tabindex = 0;
   document.getElementById("helpbox").innerHTML = '<center><img src="'+sSrc+'" alt="" title="" /><br />'+sName+'</center>';

   if (IE)
   {
     getMouseXY();
   }
 }

 function hidetrail(image,title,x,y)
 {
   document.getElementById("helpbox").style.display = 'none';
 }

 document.getElementById("helpbox").style.display = 'none';