function UnhideDetailsImg(id)
{ document.getElementById(id).style.zIndex=1; }
function HideDetailsImg(id)
{ document.getElementById(id).style.zIndex=-1; }

function OverPos(id, event) {
  var elt = document.getElementById(id);
  elt.style.display = 'block';
  if (event.pageX) {
    // NN
    elt.style.left = event.pageX + 'px';
    elt.style.top  = event.pageY + 20 + 'px';
  } else {
    // IE
    elt.style.left = event.clientX + document.body.scrollLeft + 'px';
    elt.style.top  = event.clientY + document.body.scrollTop + 20 + 'px';
  };
}

function OutPos(id, event) {
  var elt = document.getElementById(id);
  elt.style.display = 'none';
}

function MovePos(id, event) {
  var elt = document.getElementById(id);
  if (event.pageX) {
    // NN
    elt.style.left = event.pageX + 'px';
    elt.style.top  = event.pageY + 20 + 'px';
  } else {
    // IE
    elt.noWrap = true;
    var rect = elt.getBoundingClientRect();
    var brect = document.body.getBoundingClientRect();
    //alert (rect.top);
    //alert( document.body.clientWidth+ ' ' +rect.right+' '+event.clientX +' '+ document.body.scrollLeft);
    /*if (rect.right+event.clientX + document.body.scrollLeft > document.body.clientWidth) {
      elt.style.right = '0px';
      elt.style.left = 'auto';
      } else {*/
      elt.style.left = event.clientX + document.body.scrollLeft + 'px';
      /*};*/
    elt.style.top  = event.clientY + document.body.scrollTop + 20 + 'px';
  };
}

