// IE以外でもwindow.eventを利用できるようにする
if(navigator.userAgent.indexOf("MSIE") == -1) { // IE以外のモダンなブラウザなら.
    (function(){
        for (var property in Event.prototype){
            if(property.match(/MOUSE|CLICK/)){
                window.addEventListener(property.toLowerCase(), function(e){
                    window.event = e;
                }, true);
            }
        }
    }());
};

(function(){toolTipInitilize()})();

function toolTipInitilize() {
    if (!document.getElementById || !document.getElementsByTagName) return;
    var span, css, tooltip, t, b;

    // CSS読み込み
    css = CreateEl("link");
    css.setAttribute("type", "text/css");
    css.setAttribute("rel", "stylesheet");
    css.setAttribute("href", "/css/tooltip.css");
    css.setAttribute("media", "screen");
    document.getElementsByTagName("head")[0].appendChild(css);

    // SPANタグ追加
    span = document.createElement("span");
    span.id = "balloon";
    span.setAttribute("id", "balloon");
    span.style.position = "absolute";
    span.style.display = "none";
    document.getElementsByTagName("body")[0].appendChild(span);

    tooltip = CreateEl("span", "tooltip");
    t = CreateEl("span", "top");
    tooltip.appendChild(t);
    b = CreateEl("span", "bottom");
    tooltip.appendChild(b);
/*
    透過処理
    tooltip.style.filter = "alpha(opacity:85)";
    tooltip.style.KHTMLOpacity = "0.85";
    tooltip.style.MozOpacity = "0.85";
    tooltip.style.opacity = "0.85";
*/
    document.getElementById("balloon").appendChild(tooltip);
}

function showTooltip(obj, text){
    if (text) {
        var doc = document;
        eval('var document = doc');

        document.getElementById("top").innerHTML = text;
        var bObj = document.getElementById("balloon");
        bObj.style.display = "block";
        if (!obj.onmousemove) {
            obj.onmouseout = hideTooltip;
            obj.onmousemove = Locate;
            Locate();
        }
    } else {
        if (!obj.onmouseout) {
            obj.onmouseout = hideTooltip;
        }
    }
    if (obj.className.indexOf('rollover') != -1) {
        if (obj.className.indexOf('r127') == -1) {
            obj.style.backgroundColor = '#FF6666';
            for (var i in obj.childNodes) {
                if (obj.childNodes[i].tagName == 'A') {
                    obj.childNodes[i].style.color = '#555555';
                    obj.childNodes[i].style.textDecoration = 'none';
                }
            }
        }
    }
}

function hideTooltip(){
    var doc = document;
    eval('var document = doc');

    document.getElementById("balloon").style.display = "none";

    this.style.backgroundColor = '';
}

function CreateEl(t, c) {
    var doc = document;
    eval('var document = doc');

    var x = document.createElement(t);
    x.className = c;
    x.id = c;
    x.style.display = "block";
    return(x);
}

function Locate() {
    var doc = document;
    eval('var document = doc');

    var posx = 0, posy = 0, cposx = 0, cposy = 0;
    var e = window.event;
    if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
        cposx = posx - document.documentElement.scrollLeft;
        cposy = posy - document.documentElement.scrollTop;
    } else if (e.clientX || e.clientY) {
        cposx = e.clientX;
        cposy = e.clientY;
        if (document.documentElement.scrollTop) {
            posx = e.clientX + document.documentElement.scrollLeft;
            posy = e.clientY + document.documentElement.scrollTop;
        } else{
            posx = e.clientX + document.body.scrollLeft;
            posy = e.clientY + document.body.scrollTop;
        }
    }
    var tooltip = document.getElementById("tooltip");
    var balloon = document.getElementById("balloon");
    if (document.documentElement.offsetWidth >= cposx - 30 + tooltip.clientWidth) {
        balloon.style.left = (posx - 30) + "px";
    } else {
        var pos = cposx - 30 + tooltip.clientWidth - document.documentElement.offsetWidth;
        balloon.style.left = (posx - 30 - pos) + "px";
    }
    if (document.documentElement.clientHeight >= cposy + 18 + tooltip.clientHeight) {
        balloon.style.top = (posy + 18) + "px";
    } else {
        balloon.style.top = (posy - 5 - tooltip.clientHeight) + "px";
    }
}