/*Javascript for Bubble Tooltips by Alessandro Fulciniti
  http://pro.html.it - http://web-graphics.com */

function imageEnableTooltips(id){
    var tmplinks;
    var links = new Array();
    var i,h,j;
    //    window.alert("rr");
    if(!document.getElementById || !document.getElementsByTagName) return;
    //    imageAddCss();
    h=document.createElement("span");
    h.id="btcimage";
    h.setAttribute("id","btcimage");
    h.style.position="absolute";
    document.getElementsByTagName("body")[0].appendChild(h);
    if(id==null) tmplinks=document.getElementsByTagName("img");
    else tmplinks=document.getElementById(id).getElementsByTagName("img");
    links = new Array();
    for(i=0;i<tmplinks.length;i++){
	if (tmplinks[i].getAttribute("class") == "ttimage"){
	    links.push(tmplinks[i]); 
	}
    }
    for(i=0;i<links.length;i++){
	imagePrepare(links[i]);
    }
}


function imagePrepare(el){
    var tooltip,t,b,s,l,link;
    //    window.alert("rr");
    link = el.getAttribute("src");
    img = document.createElement("img");
    img.setAttribute("src",link);
    imageSetOpacity(img);
    el.tooltip=img;
    el.onmouseover=imageShowTooltip;
    el.onmouseout=imageHideTooltip;
    el.onmousemove=imageLocate;
}

function imageShowTooltip(e){
    document.getElementById("btcimage").appendChild(this.tooltip);
    imageLocate(e);
}


function imageHideTooltip(e){
    var d=document.getElementById("btcimage");
    if(d.childNodes.length>0) d.removeChild(d.firstChild);
}

function imageSetOpacity(el){
    el.style.filter="alpha(opacity:95)";
    el.style.KHTMLOpacity="0.95";
    el.style.MozOpacity="0.95";
    el.style.opacity="0.95";
}

function imageCreateEl(t,c){
    var x=document.createElement(t);
    x.className=c;
    x.style.display="block";
    return(x);
}


function imageLocate(e){
    var posx=0,posy=0,el,img;
    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 = document.getElementById("btcimage");
	img = el.getElementsByTagName("img")[0];
	el.style.top=(posy+10)+"px";
	el.style.left=(posx-img.width/2)+"px";
}