function show100x100(id, showLayer, text, text2, text3) {
  
  if (showLayer==1) {
      $("the100x100div").style.display="";
      $("the100x100div").style.top = (getOffsetTop($("td100"+id)) + 25 )+"px";
      $("the100x100div").style.left= (getOffsetLeft($("td100"+id)) + 25 )+"px";
      $("title100x1001").innerHTML = text;
      $("title100x1002").innerHTML = text2;
      $("title100x1003").innerHTML = text3;
  } else {
      $("the100x100div").style.display="none";
  }
  
  for (var i=0; i<100; i++) {
      if (i==id && showLayer==1) {
          $("td100"+i).className = $("td100"+i).className.replace("normal", "highlight");
      } else {
          $("td100"+i).className =  $("td100"+i).className.replace("highlight", "normal");
      }
  }
  
}

function hide100x100() {
  $("the100x100div").style.display="none";
  for (var i=0; i<100; i++) {
      $("td100"+i).className = $("td100"+i).className.replace("highlight", "normal");
  }
}

function getOffsetTop(el) {
  if (el.offsetParent !=null) {
    return el.offsetTop + getOffsetTop(el.offsetParent);
  } else {
    return el.offsetTop;
  }
}

function getOffsetLeft(el) {
  if (el.offsetParent !=null) {
    return el.offsetLeft + getOffsetLeft(el.offsetParent);
  } else {
    return el.offsetLeft;
  }
}