Tooltip = {}
Tooltip.hoverId = "tooltiphover";
Tooltip.delay = 2000;

Tooltip.isOver = false;
Tooltip.timer = null;
Tooltip.show = function(tag, text, event, up) {
    clearTimeout(Tooltip.timer);
    if (!Tooltip.isOver) {
        //alert(document.documentElement.scrollTop);
        var evt = event || window.event;
        var hoverDiv = document.getElementById(Tooltip.hoverId);
        hoverDiv.innerHTML = tag + ( (text != '') ? " - " + text : "");
        hoverDiv.style.left = (evt.clientX - 200 ) + "px";
        var top = (document.documentElement.scrollTop + evt.clientY - 8);
        if (up) {
            hoverDiv.style.padding = "2px";
            hoverDiv.style.margin = 0;
            top -= hoverDiv.offsetHeight;
        }

        hoverDiv.style.top = top + "px";
        hoverDiv.style.visibility = 'visible';
        Tooltip.isOver = false;
    }

}

Tooltip.hide = function() {
    Tooltip.timer = setTimeout(Tooltip.timeoutHide, Tooltip.delay);
}

Tooltip.timeoutHide = function() {
    var hoverDiv = document.getElementById(Tooltip.hoverId);
    hoverDiv.style.visibility = 'hidden';
    Tooltip.isOver = false;
};


document.write('<div id="' + Tooltip.hoverId + '">you need a style #id for ' + Tooltip.hoverId + ' </div>');