function getScrollPos() {
   if (document.body.scrollTop != undefined && navigator.appName.indexOf("Explorer") != -1 ) {
      var res = (document.compatMode != "CSS1Compat") ? document.body : document.documentElement;
      return {x : res.scrollLeft, y : res.scrollTop};
   }
   else {
      return {x : window.pageXOffset, y : window.pageYOffset};
   }

}

function showLayer(e, text) {

        var scr = getScrollPos();
        var cordX = e.clientX + scr.x;
        var cordY = e.clientY + scr.y;
        var correctorY = e.clientY + document.getElementById("layer").offsetHeight + 20 - window.innerHeight;

        document.getElementById("layer").style.visibility = "hidden";
        document.getElementById("layer").innerHTML = text;
        document.getElementById("layer").style.position = "absolute";
        document.getElementById("layer").style.background = "transparent";
        document.getElementById("layer").style.left = ( cordX + 10 ) + "px";

        if ( correctorY > 0 ) {
                document.getElementById("layer").style.top = ( cordY - correctorY ) + "px";
        } else {
                document.getElementById("layer").style.top = ( cordY + 10 ) + "px";
        }

        document.getElementById("layer").style.visibility = "visible";
}

function hideLayer() {
        document.getElementById("layer").style.visibility = "hidden";
        document.getElementById("layer").innerHTML = "false";
}