
function ShowTP(divID, imgEl)
{
    var tpToDisplay = document.getElementById(divID);
    setOpacity(tpToDisplay);
    Locate(tpToDisplay, imgEl);
    tpToDisplay.style.display="block";
}

function HideTP(divID)
{
    document.getElementById(divID).style.display="none";
}

function MoveTP(divID, imgEl)
{
    var tpToDisplay = document.getElementById(divID);
    setOpacity(tpToDisplay);
    Locate(tpToDisplay, imgEl);
}

function setOpacity(el)
{
    el.style.filter="alpha(opacity:95)";
    el.style.KHTMLOpacity="0.95";
    el.style.MozOpacity="0.95";
    el.style.opacity="0.95";
}

function Locate(el, imgEl)
{
    var posx=0,posy=0;
    
    posx = Sys.UI.DomElement.getLocation(imgEl).x;
posy = Sys.UI.DomElement.getLocation(imgEl).y;
    
//     var targ
//            if(!el) el = window.event
//            if(el.target) targ = el.target
//            else if (el.srcElement) targ = el.srcElement        
//    alert(targ);
//    var e;
//    if(e==null) e=window.event;
//    if(e.pageX || e.pageY){
//        posx=e.pageX; posy=e.pageY;
//        }
//    else if(e.clientX || 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;
//            }
//        }   

    el.style.top=(posy+10)+"px";
    el.style.left=(posx-30)+"px";
}

