ns = navigator.userAgent.indexOf("Netscape")>-1;

op = navigator.userAgent.indexOf("Opera")>-1;

abstand = 20;

tooltipp = function(txt,id,action) {

    if(document.layers) {

        with(document.layers[id]) {

            document.open();
            document.write(txt);
            document.close();
            visibility = (action=="hidden") ? action = "hide" : action = "show";
        }

    } else if(document.all) {
        
        document.all[id].innerHTML  = txt;
        document.all[id].style.visibility = action;

    } else if(document.getElementById) {

        document.getElementById(id).innerHTML  = txt;
        document.getElementById(id).style.visibility = action;
    }
};

if(document.layers) document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = function(e) {

    if(document.layers||ns) {

        (document.layers) ? l = document.layers["tipp"] : l = document.getElementById("tipp").style;

        l.left         = e.pageX+abstand;
        l.top          = e.pageY;

    } else if(document.all) {
        
        document.all["tipp"].style.left = event.x+abstand;
        document.all["tipp"].style.top  = event.y;

    } else if(document.getElementById) {

        document.getElementById("tipp").style.left = (op) ? event.clientX+abstand : event.x+abstand;
        document.getElementById("tipp").style.top  = (op) ? event.clientY : event.y;
    }
};

(document.layers) ?
document.write("<layer id=\"tipp\" hidden></layer>") :
document.write("<div id=\"tipp\" class=\"tooltip\"></div>");