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 GetWidth()
{
  var x = 0;
  if (self.innerHeight)
  {
          x = self.innerWidth;
  }
  else if (document.documentElement && document.documentElement.clientHeight)
  {
          x = document.documentElement.clientWidth;
  }
  else if (document.body)
  {
          x = document.body.clientWidth;
  }
  return x;
}
function GetHeight()
{
  var y = 0;
  if (self.innerHeight)
  {
          y = self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientHeight)
  {
          y = document.documentElement.clientHeight;
  }
  else if (document.body)
  {
          y = document.body.clientHeight;
  }
  return y;
}


 // 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) {
    //universal scroll top variable
    var iTop = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
    var iLeft = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
 
    if (IE) { // grab the x-y pos.s if browser is IE
      tempX = event.clientX + iLeft; //document.body.scrollLeft;
      tempY = event.clientY + iTop; //document.body.scrollTop; //iTop
    } 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
    var iLeftPos = tempX+10;
    var iTopPos = tempY+10;
    document.getElementById("helpbox").style.left = iLeftPos+"px";
    document.getElementById("helpbox").style.top = iTopPos+"px";

    //jobbra kilog?
    iDivLeftPos = document.getElementById("helpbox").offsetLeft + document.getElementById("helpbox").offsetWidth+12;
    if ( iDivLeftPos > GetWidth() )
    {
      document.getElementById("helpbox").style.left = tempX - 6 - document.getElementById("helpbox").offsetWidth +"px";
      
      //balra kilog?
      if ( document.getElementById("helpbox").offsetLeft < 1 )
      {
        document.getElementById("helpbox").style.left = tempX - document.getElementById("helpbox").offsetWidth/2 +"px";

        //balra kilog megint?
        if ( document.getElementById("helpbox").offsetLeft < 1 )
          document.getElementById("helpbox").style.left = 1+"px";
      }
    }

    //lentre kilog
    iDivTopPos = (iTopPos - iTop + document.getElementById("helpbox").offsetHeight+12);
    if ( iDivTopPos > GetHeight() )
      document.getElementById("helpbox").style.top = tempY - 8 - document.getElementById("helpbox").offsetHeight +"px";

    //fenter kilog?
    if ( document.getElementById("helpbox").offsetTop < 1 )
      document.getElementById("helpbox").style.top = tempY + 10 +"px";

    return true
 }

 function showtrail_content(oDivID)
 {
   document.getElementById("helpbox").style.display = 'block';
   document.getElementById("helpbox").tabindex = 0;
   document.getElementById("helpbox").innerHTML = document.getElementById(oDivID).innerHTML;
   
   if (IE)
   {
     getMouseXY();
   }
 }

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

 function show_img(oID/*bgImg*/) {
   //document.getElementById('preview_imgtd').innerHTML = '';
   //document.getElementById('preview_imgtd').innerHTML = '<img src="'+bgImg+'" border="1" alt="Weboldal, webáruház - Referencia | '+bgImg+'" />'+bgImg+'<br />';
   showtrail_content('helpdiv_'+oID);
 }

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