/* Original Javascript by Alessandro Fulciniti http://pro.html.it - http://web-graphics.com */
var theTooltipWidthes=Array();
var theTooltipXOffset=Array();
var theTooltipYOffset=Array();
function enableTooltips(tooltipClass,tooltipWidth,xoffset,yoffset){

	theTooltipWidthes[tooltipClass] = (tooltipWidth+"px") || ("200px");
	theTooltipXOffset[tooltipClass] = xoffset;
	theTooltipYOffset[tooltipClass] = yoffset;

	var links,i,h;

	if(!document.getElementById || !document.getElementsByTagName) return;

	h = document.createElement("div");
	h.id = "btc";
	h.setAttribute("id","btc");
	h.style.position = "absolute";
	document.getElementsByTagName("body")[0].appendChild(h);

	links = document.getElementsByTagName("a");
	for(i=0; i<links.length; i++) {
		if(links[i].className == tooltipClass) {
                  Prepare(links[i],tooltipClass);
		}
	}

	spans = document.getElementsByTagName("span");
	for(j=0; j<spans.length; j++) {
		if(spans[j].className == tooltipClass) {
                  Prepare(spans[j],tooltipClass);
		}
	}

}

function Prepare(el,tooltipClass){

	var tooltip, tooltipTitle, tooltipLink, tooltipTop, tooltipTopLeft, tooltipTopRight, tooltipContent, tooltipBottom, tooltipBottomLeft, tooltipBottomRight;

/* Création de l'élément principal de l'infoBulle */
	tooltip = document.createElement("div");
	tooltip.className = "tooltip";
	tooltip.style.width = theTooltipWidthes[tooltipClass];


/* Partie supérieure */
	tooltipTop = document.createElement("div");
	tooltipTop.className = "tooltipTop";

		/* Arrondi supérieur à gauche */
		tooltipTopLeft = document.createElement("div");
		tooltipTopLeft.className = "tootltipTopLeft";
		tooltipTop.appendChild(tooltipTopLeft);

		/* Arrondi supérieur à droite */
		tooltipTopRight = document.createElement("div");
		tooltipTopRight.className = "tootltipTopRight";
		tooltipTop.appendChild(tooltipTopRight);

/* Contenu texte du Tooltip */
	tooltipContent = document.createElement("div");
	tooltipContent.className = "tooltipContent";

	if (el.nextSibling.className == "tooltipTextContent") {
		tooltipTextContent = el.nextSibling;
		tooltipTextContent.style.position = "static";
		tooltipContent.appendChild(tooltipTextContent);
	} else {
		tooltipTitle = el.getAttribute("title");
		if(tooltipTitle == null || tooltipTitle.length == 0) { return; } else { el.removeAttribute("title"); }
		tooltipContent.appendChild(document.createTextNode(tooltipTitle));
	}

/* Partie inférieure */
	tooltipBottom = document.createElement("div");
	tooltipBottom.className = "tooltipBottom";

	/* Arrondi inférieur à gauche */
	tooltipBottomLeft = document.createElement("div");
	tooltipBottomLeft.className = "tooltipBottomLeft";
	tooltipBottom.appendChild(tooltipBottomLeft);

	/* Arrondi inférieur à droite */
	tooltipBottomRight = document.createElement("div");
	tooltipBottomRight.className = "tooltipBottomRight";
	tooltipBottom.appendChild(tooltipBottomRight);


/* Construction du tooltip */
	tooltip.appendChild(tooltipTop);
	tooltip.appendChild(tooltipContent);
	tooltip.appendChild(tooltipBottom);
	/*setOpacity(tooltip);*/
	el.tooltip = tooltip;
        el.tooltipClass=tooltipClass;
	el.onmouseover = showTooltip;
	el.onmouseout = hideTooltip;
	el.onmousemove = Locate;
}

function showTooltip(e) {
        Elem=document.getElementById("btc");
        Elem.tooltipClass=this.tooltipClass;
	Elem.appendChild(this.tooltip);
	Locate(e);
}

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

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(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;
		}
	}
        Elem=document.getElementById("btc");
	Elem.style.top = (posy+10+theTooltipYOffset[Elem.tooltipClass]) + "px";
	Elem.style.left = (posx-20+theTooltipXOffset[Elem.tooltipClass]) + "px";
}