var sPop = null;
var pltsoffsetX = 10;
var pltsoffsetY = 15;

document.write('\
<style type="text/css"> \
#popLayer { \
position:absolute; \
Z-INDEX: 1000; \
text-align : left; \
font-family: Tahoma, Verdana; \
display: none; \
} \
.left {\
background: url(images/arrow_l.gif) no-repeat left 20%;\
}\
.right {\
background: url(images/arrow_r.gif) no-repeat right 20%;\
}\
.popupmenu_popup {\
background: #D94F55;\
border:1px solid #E2787D;\
margin: 0 4px;\
font-weight:bold;\
line-height:1.4em;\
max-width: 230px;\
color: #fff;\
overflow:hidden;\
padding:5px;\
text-align:left;\
}\
</style> \
<div id="popLayer"></div> \
');

function $(id){
    return document.getElementById(id);
}

var i=0;
function showPopupText(event) {
    try {
        o = event.srcElement || event.target;
        if(o.src!=null){
            o = o.parentElement||o.parentNode;
        }
        var tip = o.getAttribute("tip");
        //if (o.alt != null && o.alt != '') { o.pop = o.alt; o.alt = ''; }
        if (tip != null && tip != '') {o.pop = tip; tip = '';}
        if (o.pop != sPop) {
            sPop = o.pop;
            if (sPop == null || sPop == '' || typeof(sPop)=="undefined") {
                $('popLayer').style.display = 'none';
                $('popLayer').innerHTML = '';
            } else {
                $('popLayer').style.display = 'block';
                $('popLayer').innerHTML = '<div class="popupmenu_popup">' + sPop.replace(/<(.*)>/g, "&lt;$1&gt;").replace(/\n/g, '<br />') + '</div>';
                i++;
                moveToMouseLoc(event);
            }
        }
    } catch (e) {
        return true;
    }
}

function moveToMouseLoc(event){

    try {
        if ($('popLayer').innerHTML == '') return true;
        var MouseX = event.clientX;
        var MouseY = event.clientY;
        var popHeight = $('popLayer').offsetHeight;
        var popWidth = $('popLayer').offsetWidth;
        if (MouseY + pltsoffsetY + popHeight > document.documentElement.clientHeight - 10) {
            popTopAdjust =- popHeight - pltsoffsetY * 1.5;
        } else {
            popTopAdjust = 0;
        }
        if (MouseX + pltsoffsetX + popWidth > document.documentElement.clientWidth - 10) {
            popLeftAdjust =- popWidth - pltsoffsetX * 2;
            $('popLayer').className = 'right';
        } else {
            popLeftAdjust = 0;
            $('popLayer').className = 'left';
        }
        var pleft = MouseX + pltsoffsetX + document.documentElement.scrollLeft + popLeftAdjust;
        var ptop = MouseY + pltsoffsetY + document.documentElement.scrollTop + popTopAdjust;
        $('popLayer').style.left = (pleft > 5 ? pleft : 5) + 'px';
        $('popLayer').style.top = (ptop > 5 ? ptop : 5) + 'px';
        return true;
    } catch (e) {
        return true;
    }
}

if (!document.onmouseover) {
    document.onmouseover = function(e) {
        !e ? showPopupText(window.event) : showPopupText(e);
    };
}
if (!document.onmousemove) {
    document.onmousemove = function(e) {
        !e ? moveToMouseLoc(window.event) : moveToMouseLoc(e);
    };
}