function getPageEventCoords(evt)
{
  var coords = {left: 0, top: 0};
  if(evt.pageX) {
    coords.left=evt.pageX;
    coords.top=evt.pageY;
  } else if (evt.clientX) {
    coords.left=evt.clientX+document.body.scrollLeft-document.body.clientLeft;
    coords.top=evt.clientY+document.body.scrollTop-document.body.clientTop;
    if(document.body.parentElement && document.body.parentElement.clientLeft)
    {
      var bodParent = document.body.parentElement;
      coords.left+=bodParent.scrollLeft-bodParent.clientLeft;
      coords.top+=bodParent.scrollTop-bodParent.clientTop;
    }
  }
  return coords;
}
 


function show_hint(book_id, evt)
{
var books = new Array();

books[1025]={caption:"",descr:""};
books[1022]={caption:"",descr:""};
books[1041]={caption:"",descr:""};
books[1053]={caption:"",descr:""};
books[1056]={caption:"",descr:""};
books[1067]={caption:"",descr:""};
books[501]={caption:"",descr:""};
books[502]={caption:"",descr:""};
books[503]={caption:"",descr:""};
books[504]={caption:"",descr:""};
books[505]={caption:"",descr:""};
books[506]={caption:"",descr:""};


var tooltip = document.getElementById('tooltip_div');
var coords = getPageEventCoords((evt)?evt:event);

tooltip.style.left = (coords.left+20).toString()+'px';
tooltip.style.top = (coords.top-190).toString()+'px';
tooltip.style.display="inline";
tooltip.innerHTML='<table border="0"><tr><td >'+
'<a href="http://www.evpatoria.tk/evpatoriya/evpatoriya/pages/ter'+book_id+'.html">'+
'<img src="http://www.evpatoria.tk/evpatoriya/evpatoriya/images/ter'+book_id+'.jpg" border="0"></a></td></tr></table>';
}
function hide_hint()
{
  document.getElementById('tooltip_div').style.display="none";
}