﻿function $(id) {
    return document.getElementById(id);
}
document.write('<div id=\"pltsTipLayer\" style="display: none; width:200px;position: absolute; z-index:10001"></div>');
var pltsPop, toolTip, pltsPoptop, pltsPopbot, topLeft, botLeft, topRight, botRight;
var pltsoffsetX = 8; // 弹出窗口位于鼠标左侧或者右侧的距离；3-12 合适
var pltsoffsetY = 12; // 弹出窗口位于鼠标下方的距离；3-12 合适
var pltsTitle = "";
var pltsTipLayer = $("pltsTipLayer");
var tipTemp;

function PltsMouseOver(ev) {
    if (!pltsTipLayer) pltsTipLayer = $("pltsTipLayer");
    var Event = ev || window.event;
    var o = Event.srcElement || Event.target;
    if (o.alt != null && o.alt != "") { o.dypop = o.alt; tipTemp = o.alt; o.alt = ""; };
    if (o.title != null && o.title != "") { o.dypop = o.title; tipTemp = o.title; o.title = ""; };
    pltsPop = o.dypop;
    if (pltsPop != null && pltsPop != "" && typeof (pltsPop) != "undefined") {
        pltsTipLayer.style.left = -1000;
        pltsTipLayer.style.display = '';
        var Msg = pltsPop.replace(/\n/g, "<br/>");
        Msg = Msg.replace(/\0x13/g, "<br/>");
        var re = /\{(.[^\{]*)\}/ig;
        if (!re.test(Msg)) {
            pltsTitle = "<label style=\"color:#ffffff;font-size:12px;\">简介</label>";
        }
        else {
            re = /\{(.[^\{]*)\}(.*)/ig;
            pltsTitle = Msg.replace(re, "$1") + " ";
            re = /\{(.[^\{]*)\}/ig;
            Msg = Msg.replace(re, "");
        }
        var content = "<dl id=\"toolTip\" style=\"-moz-opacity:0.85;font-size:12px;opacity:0.85;FILTER:alpha(opacity=85);padding:1px;background:#fff;\"><dd id=\"pltsPoptop\" class=\"toolTipTitle\" ><p id=\"topLeft\" class=\"left\"><b><label style=\"color:#ffffff\">↖</label>" + pltsTitle + "</b></p><p id=\"topRight\" class=\"right\" style=\"display:none\"><b>" + pltsTitle + "<label style=\"color:#ffffff\">↗</label ></b></p></dd><dd class=\"toolTipMsg\">" + Msg + "</dd><dd id=\"pltsPopbot\" style=\"display:none\" class=\"toolTipTitle\"><p id=\"botLeft\" class=\"left\"><b><label style=\"color:#ffffff\">↙</label >" + pltsTitle + "</b></p><p id=\"botRight\" class=\"right\" style=\"display:none\"><b>" + pltsTitle + "<label style=\"color:#ffffff\">↘</label></b></p></dd></dl>";
        pltsTipLayer.innerHTML = content;
        toolTip = $("toolTip");
        pltsPoptop = $("pltsPoptop");
        pltsPopbot = $("pltsPopbot");
        topLeft = $("topLeft");
        botLeft = $("botLeft");
        topRight = $("topRight");
        botRight = $("botRight");
        toolTip.style.width = Math.min(pltsTipLayer.clientWidth, document.documentElement.clientWidth / 2.2) + "px";
    }
    else {
        pltsTipLayer.innerHTML = '';
        pltsTipLayer.style.display = 'none';
    }
}

function PltsMouseMove(ev) {
    if (!pltsTipLayer) pltsTipLayer = $("pltsTipLayer");
    if (pltsTipLayer.innerHTML == '') return true;
    var Event = ev || window.event;
    var MouseX = Event.clientX;
    var MouseY = Event.clientY;
    var popHeight = pltsTipLayer.clientHeight;
    var popWidth = pltsTipLayer.clientWidth;

   //显示在底部
    if (MouseY + pltsoffsetY + popHeight > document.documentElement.clientHeight) {
        popTopAdjust = -popHeight - pltsoffsetY * 1.5;
        pltsPoptop.style.display = "none";
        pltsPopbot.style.display = "";
    }
    //正面向上显示
    else {
        popTopAdjust = 0;
        pltsPoptop.style.display = "";
        pltsPopbot.style.display = "none";
    }
    //简介的字样显示在右侧
    if (MouseX + pltsoffsetX + popWidth > document.documentElement.clientWidth) {
        popLeftAdjust = -popWidth - pltsoffsetX * 2;
        topLeft.style.display = "none";
        botLeft.style.display = "none";
        topRight.style.display = "";
        botRight.style.display = "";
    }
    //简介的字样显示在左侧
    else {
        popLeftAdjust = 0;
        topLeft.style.display = "";
        botLeft.style.display = "";
        topRight.style.display = "none";
        botRight.style.display = "none";
    }
    //调整显示的位置
    pltsTipLayer.style.left = MouseX + pltsoffsetX + document.documentElement.scrollLeft + popLeftAdjust + "px";
    pltsTipLayer.style.top = MouseY + pltsoffsetY + document.documentElement.scrollTop + popTopAdjust + "px";
    return true;
}

function PltsMouseOut(ev) {
    if (!pltsTipLayer) pltsTipLayer = $("pltsTipLayer");
    var Event = ev || window.event;
    var o = Event.srcElement || Event.target;
    pltsPop = o.dypop;
    if (pltsPop != null && pltsPop != "" && typeof (pltsPop) != "undefined") {
        if (tipTemp != null && tipTemp != "") { o.title = tipTemp; };
    }
}

function PltsInit() {
    try {
        document.onmouseover = PltsMouseOver;
        document.onmousemove = PltsMouseMove;
        document.onmouseout = PltsMouseOut;
    }
    catch (e) { };
}

PltsInit();
