/* Original Javascript by Alessandro Fulciniti http://pro.html.it - http://web-graphics.com */
function enableTooltips(tooltipClass,tooltipWidth){

	theTooltipWidth = (tooltipWidth+"px") || ("200px");

	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]);
		}
	}

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

}

function Prepare(el){

	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 = theTooltipWidth;


/* 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)
	  {
	    //alert("PB");
	  }
	else
	  {
	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.onmouseover = showTooltip;
	el.onmouseout = hideTooltip;
	el.onmousemove = Locate;
}

function showTooltip(e) {
	document.getElementById("btc").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;
		}
	}
	document.getElementById("btc").style.top = (posy+10) + "px";
	document.getElementById("btc").style.left = (posx-20) + "px";
}