function handleTableClick() {
  var tabellen = document.getElementsByClassName("tabel");
  for(var i = 0;i < tabellen.length;i++) {
    tabellen[i].onclick = function(event) {
      try {
        closeEnlargeDiv();
      }
      catch(ex) {
      }
      var body = document.getElementsByTagName("body")[0];
      var url = this.getAttribute("href")+"&type=xml";
      var enlargeDiv = document.createElement("div");
      enlargeDiv.setAttribute("id", "enlarge");
      body.appendChild(enlargeDiv);
      var closeLink = document.createElement("a");
      closeLink.setAttribute("href", this.getAttribute("href")+"#sluiten");
      closeLink.appendChild(document.createTextNode("sluiten"));
      enlargeDiv.appendChild(closeLink);
      enlargeDiv.onclick = function(event) {
        var aEvent = event || fixEvent(window.event);
        var target = aEvent.target || aEvent.srcElement;
        if((target.parentNode == enlargeDiv) && (target.tagName.toLowerCase() === "a")) {
          aEvent.preventDefault();
          closeEnlargeDiv();
        }
      };
      document.getElementsByTagName("html")[0].style.overflow = "hidden";
      var aEvent = event || fixEvent(window.event);
      try {
        showTable(aEvent, url);
      }
      catch(ex) {
      }
    };
  }
}
function showTable(aEvent, url) {
  var http = new XMLHttpRequest();
  http.open("get", url, true);
  http.onreadystatechange = function(moedertag) {
    if(http.readyState == 4 && http.status == 200) {
      var xmldoc = http.responseXML;
      getTable(xmldoc);
    }
  };
  http.send(null);
  aEvent.preventDefault();
}
function getTable(xmldoc) {
  var moedertag = document.getElementById("enlarge");
  var xmltag = xmldoc.getElementsByTagName("table")[0];
  if(xmltag.xml)
    moedertag.innerHTML = moedertag.innerHTML+xmltag.xml;//voor IE
  else
    moedertag.appendChild(document.importNode(xmltag, true));
  handleTableClick();
}
function closeEnlargeDiv() {
  document.getElementsByTagName("html")[0].style.overflow = "auto";
  var enlargeDiv = document.getElementById("enlarge");
  document.getElementsByTagName("body")[0].removeChild(enlargeDiv);
}
addEvent(window, "load", handleTableClick);