function initTooltip(pic_id,tooltip_id)
{   
  element = document.getElementById(pic_id);
  element.tooltip=document.getElementById(tooltip_id);
  setOpacity(element.tooltip);
  element.onmouseover=showTooltip;
  element.onmouseout=hideTooltip;
  element.onmousemove=reposition;  
}

function showTooltip(e)
{    
    this.tooltip.style.display="block";
    reposition(e);
}

function hideTooltip(e)
{
    this.tooltip.style.display="none";
}



function setOpacity(element)
{
    element.style.filter="alpha(opacity:90)";
    element.style.KHTMLOpacity="0.9";
    element.style.MozOpacity="0.9";
    element.style.opacity="0.9";
}


function reposition(e)
{
    var posx=0,posy=0;
    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;
            }
        }
       
    document.getElementById("tooltip_container").style.top=(posy+10)+"px";
    document.getElementById("tooltip_container").style.left=(posx+10)+"px";
}