tooltip = null;

document.onmousemove = neueKoordinaten;

function neueKoordinaten(e) {
  x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
  y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
  if (tooltip != null) {
    tooltip.style.left = (x + 20) + "px";
    tooltip.style.top   = (y + 20) + "px";
  }
}

function showToolTip(content) {
  if(content == "")
    return;
  tooltip = document.getElementById("tooltip");
  tooltip.innerHTML = content;
  tooltip.style.display = "block"
}

function hideToolTip() {
  tooltip.style.display = "none";
}

var formularhtml = "";
function konfor() {

  if(document.getElementById("kfoverlay")) {
    document.getElementById("kfoverlay").style.display = "block";
  } else {
    elem = document.createElement("div");
    elem.style.display = "block";
    elem.style.position = "absolute";
    elem.style.top = "0px";
    elem.style.left = "0px";
    elem.style.width = "100%";
    elem.style.height = "100%";
    elem.style.backgroundImage = "url(img/overlay.png)";
    elem.onclick = hidekonfor;
    elem.style.zIndex = 0;
    elem.id = "kfoverlay";
    document.getElementsByTagName("body")[0].appendChild(elem);
  }

  if(document.getElementById("kf")) {
    document.getElementById("kf").style.display = "block";
  } else {
    elem2 = document.createElement("div");
    elem2.style.position = "absolute";
    elem2.style.top = "200px";
    elem2.style.left = "0";
    elem2.style.width = "100%";
    elem2.style.height = "350px";
    elem2.style.zIndex = 100;
    elem2.style.textAlign = "center";
    elem2.id = "kf";
    elem2.innerHTML = formularhtml;
    document.getElementsByTagName("body")[0].appendChild(elem2);
  }
}
function hidekonfor() {
  document.getElementById("kf").style.display = "none";
  document.getElementById("kfoverlay").style.display = "none";
}