function defPosition(event) {
    var x = y = 0;
    if (document.attachEvent != null) {
        x = window.event.clientX + (document.documentElement.scrollLeft ?
        document.documentElement.scrollLeft : document.body.scrollLeft);
        y = window.event.clientY + (document.documentElement.scrollTop ?
        document.documentElement.scrollTop : document.body.scrollTop);
    } else if (!document.attachEvent && document.addEventListener) {
        x = event.clientX + window.scrollX;
        y = event.clientY + window.scrollY;
    }
    return {x:x, y:y};
}
document.onmousemove = function(event) {
    var event = event || window.event;
    document.getElementById('hint').style.left = defPosition(event).x + 10 + "px";
    document.getElementById('hint').style.top = defPosition(event).y - 10 + "px";
}

function helpBox_on(title, text) {
    document.getElementById('hint_title').innerHTML = title;
    document.getElementById('hint_text').innerHTML = text;
    document.getElementById('hint').style.width = "350px";
    document.getElementById('hint').style.border = "1px solid #DED7C4";
    document.getElementById('hint_title').style.padding = "5px";
    document.getElementById('hint_text').style.padding = "5px";
    document.getElementById('hint').style.display = "block";
}

function helpBox_off() {
    document.getElementById('hint_title').innerHTML = "";
    document.getElementById('hint_text').innerHTML = "";
    document.getElementById('hint').style.width = 0;
    document.getElementById('hint').style.border = 0;
    document.getElementById('hint_title').style.padding = 0;
    document.getElementById('hint_text').style.padding = 0;
}