/**
*
* Javascript Tooltip
*
* @author Rogerio Alencar Lino Filho
* @url http://rogeriolino.wordpress.com
*
*/
/* Configuração */
var id = "minhaTooltip";
var background = "#000000";
var border = "1px solid #999999";
var display = "none";
var font = "10px Verdana, Arial, Sans-serif";
var color = "#ffffff";
var marginX = 13; //distancia do mouse em x
var marginY = 5; //distancia do mouse em y
var opacity = 75; // 0 a 100
var padding = "2px 5px";
var position = "absolute";
var _x = -10;
var _y = -10;
//
function setPos(event) {
    if (document.all) {//IE
        _x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
        _y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
        _x += (window.event.clientX + marginX);
        _y += (window.event.clientY + marginY);
    } else {//Good Browsers
        _x = (event.pageX + marginX);
        _y = (event.pageY + marginY);
    }
}
//
function showTip(text) {
    var t = document.getElementById(id);
    t.style.display = "block";
    document.onmousemove = function (event) {
        setPos(event);
        t.innerHTML = text;
        t.style.left = _x + "px";
        t.style.top = _y + "px";
    }
}

//
function hideTip() {
    var t = document.getElementById(id).style;
    t.display = "none";
}
//
function createDiv() {
    var divTag = document.createElement("div");
    divTag.id = id;
    document.body.appendChild(divTag);
}
//
function tooltip() {
    createDiv();
    var t = document.getElementById(id).style;
    t.background = background;
    t.border = border;
    t.display = display;
    t.font = font;
    t.color = color;
    t.opacity = opacity / 100;
    t.filter = "alpha(opacity=" + opacity + ")";
    t.padding = padding;
    t.position = position;
    var links = document.getElementsByTagName("a");
    for (i = 0; i < links.length; i++) {
        var title = links[i].getAttribute("title");
        if (title) {
            links[i].setAttribute("tptitle", title);
            links[i].removeAttribute("title");
            links[i].onmouseover = function () { showTip(this.getAttribute("tptitle")); }
        } else {
            //links[i].onmouseover = function () { showTip(this.href); }
        }
        links[i].onmouseout = function () { hideTip(); }
    }
}
//
window.onload = function () {
    tooltip();
}