var tipContainer;
var tipTimer;
var toX = 0;
var toY = 0;
var offX = 20;
var offY = -30;

function showTip(tip) {
    if(!tipContainer) initTip();
    tipContainer.innerHTML = tip;
    if(tip!='') tipContainer.style.display = 'block';
}
function updateMouse(e){
    if (document.layers) {
        toX = e.pageX;
        toY = e.pageY;
    } else if (document.all) {
        if (document.documentElement) {
            toX = event.clientX + document.documentElement.scrollLeft;
            toY = event.clientY + document.documentElement.scrollTop;
        } else {
            toX = event.clientX + document.body.scrollLeft;
            toY = event.clientY + document.body.scrollTop;
        }
    } else if (document.getElementById) {
        toX = e.pageX;
        toY = e.pageY;
    }
    tipContainer.style.left = (toX + offX) + "px";
    tipContainer.style.top = (toY + offY) + "px";
}

function hideTip(){
    tipContainer.style.display = 'none';
}

function initTip(){
    if (document.layers){
        window.onmousemove = updateMouse;
    } else if (document.all){
        document.onmousemove = updateMouse;
    } else if (document.getElementById) {
        window.onmousemove = updateMouse;
    }
    tipContainer = document.getElementById("tip");
}