var element = null; 
var element2 = null;
var bigImage = null;
var thumbImage = null;
var thumbTop = null;
var thumbLeft = null;
var id = null;

function hoverBox(id) {
  
  bigImage = 'bigImage'+id;
  thumbImage = 'thumb'+id;
  element = document.getElementById(bigImage);
  element.style.display = "block";
  
  element2 = document.getElementById(thumbImage);

  thumbTop = element2.offsetTop;
  //var thumbTop = 100;  //tip3.offsetTop;
  //var thumbTop = document.all[abcd].offsetTop;
  
  if ( thumbTop == 0 ) {
    thumbTop = -1000;
  }

  thumbLeft = element2.offsetLeft;  
  
  if ( thumbLeft == 0 ) {
    var thumbLeft = -1000;
  }
  
  element.style.top = (thumbTop -85) + "px";
  element.style.left = (thumbLeft -60) + "px";
}

function hideHoverBox(id) {
  var bigImage = 'bigImage'+id;
  var element = document.getElementById(bigImage);
  element.style.display = "none";
}