//Document avec lequel le framework travaille
var currdoc = document;

//	Cette fonction retourne l'élément ayant pour ID celui passé en paramètre
function elt_GetById(id){
	/*	Arguments	: id	-> ID de l'élément (propriété ID)
		Retour	: L'élément
	*/
	return currdoc.getElementById(id);
}


//	Cette fonction permet d'afficher une info bulle représentée par une balise DIV dans la page HTML.
function elt_ShowLine(div_id,dt,msg,evt,px,py,offset,color,courbe,debug){
	/*	Arguments	: string div_id	-> Id de la balise div représentant la bulle
				: string msg		-> Message à mettre dans la bulle
				: event		-> OBLIGATOIREMENT "event" (sans les guillemets)  à l'appel de la fonction
				: int hauteur	-> Facultatif. Il permet d'ajuster le decalage vertical afin de ne pas tronquer les bulles trop longues ouvertes vers le bas de l'ecran
				: int offset -> Décalage entre le pointeur de souris et la bulle
		Retour	: Aucun
	*/
	var reg		= new RegExp("\n", "g");
	var bulle	= null;
	var style	= null;
	var hauteur = 0;

	// Décalage de la bulle
	var mouseX,mouseY,bulleX,bulleY;
	//if(!offset) offset = 15;
	//Hauteur de la ligne

	//if(courbe==log) hauteur=260;
	if(courbe!="t-health") hauteur=283;
	else hauteur=295;
	if(dt!="") hauteur=hauteur-7;

	if(offset==0){
		if(debug=="1")
		{
			hauteur=210-(15+23+90); // +90
			px=px-(580+40+172);// +172
			py=py-(15+23+60); // +60
		}
		else
		{
			hauteur=210-(15+23);
			px=px-(580+40);
			py=py-(15+23);
		}
	}

	largeur=1; // largeur par defaut

	bulle = elt_GetById(div_id);

	if(bulle){
		style = bulle.style;
		bulle.innerHTML = msg.replace(reg,"<br/>");
		if(style){
			if(courbe=="t-health") style.fontsize="12px";
			style.left = (px+60-1)+'px';
			//else style.left = (px+28-1)+'px';
			if(dt!="") py=py-7;

			if(courbe=="t-analyzer" || courbe=="t-health") style.top  = (py-10)+'px';
			else style.top  = (py-30)+'px';

			style.visibility = "visible";
			style.width  = largeur;
			style.height = (hauteur-py)+"px";
			style.borderColor="#"+color;
		}
	}
	//alert("height="+style.height+" top="+style.top);
}

//	Cette fonction permet d'afficher une info bulle représentée par une balise DIV dans la page HTML.
function elt_ShowBubble(div_id,dt,msg,evt,px,py,offset,color,courbe,debug){
	/*	Arguments	: string div_id	-> Id de la balise div représentant la bulle
				: string msg		-> Message à mettre dans la bulle
				: event		-> OBLIGATOIREMENT "event" (sans les guillemets)  à l'appel de la fonction
				: int hauteur	-> Facultatif. Il permet d'ajuster le decalage vertical afin de ne pas tronquer les bulles trop longues ouvertes vers le bas de l'ecran
				: int offset -> Décalage entre le pointeur de souris et la bulle
		Retour	: Aucun
	*/
	var reg		= new RegExp("\n", "g");
	var bulle	= null;
	var style	= null;
	// Décalage de la bulle
	var mouseX,mouseY,bulleX,bulleY;

	bulle = elt_GetById(div_id);

	if(offset==0){
		if(debug=="1")
		{
			px=px-(580+40+172); // +172
			py=py-(15+23+55); // +55
		}
		else
		{
			px=px-(580+40);
			py=py-(15+23);
		}
	}

	if(bulle){
		style = bulle.style;
		if(offset==0) bulle.innerHTML = "<table width=100% border=0><tr height=2><td></td></tr><tr><td align=center>"+msg+"</td></tr></table>";
		else bulle.innerHTML = "<table width=100% border=0><tr><td align=center>"+msg+"</td></tr></table>";
		if(style){
			style.width="60px";
			if(color=="FF0000") 		style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib1.png)';
			else if (color=="0000FF")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib2.png)';
			else if (color=="00FF00")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib3.png)';
			else if (color=="000000")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib4.png)';
			else if (color=="6B9630")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib.png)';
			else if (color=="8DC73F")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib5.png)';
			else if (color=="D8C42B")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib6.png)';
			else if (color=="267F00")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib7.png)';
			else if (color=="F460FF")	style.backgroundImage='url(/pro/wp-content/themes/TFA/images/ib8.png)';

			style.backgroundRepeat="no-repeat" ;

			if(courbe=="t-health") {style.height = '20px'; style.verticalAlign='middle';}
			else style.height = '42px';

			if(courbe=="t-health") style.fontsize="13px";
			style.left = (px+30-1)+'px';
			if(dt!="") py=py-7;
			if(courbe=="t-analyzer") style.top  = (py-30)+'px';
			else if(courbe=="t-health") style.top  = (py-28)+'px';
			else style.top  = (py-45)+'px';
			style.visibility = "visible";

		}
	}
}

//	Cette fonction permet de masquer une info bulle représentée par une balise DIV dans la page HTML.
function elt_HideBubble(div_id){
	/*	Arguments	: string div_id	-> Id de la balise div représentant la bulle
		Retour	: Aucun
	*/
	var style = null;
	var bulle = elt_GetById(div_id);
	if(bulle) {
		style = bulle.style;
		if(style) style.visibility = "hidden";
	}
}

//	Cette fonction permet de définir la map à utiliser
function img_UseMap(s_img_id,s_map_name){
	/*	Arguments	: s_img_id		-> Id de l'image
				: s_map_name	-> Propriété Name de la map
		Retour	: Aucun
	*/
	elt_GetById(s_img_id).useMap = s_map_name;
}

//	Cette fonctionpermet de modifier le contenu HTML d'un élément
function elt_SetInnerHtml(s_elt_id, s_html){
	/*	Arguments	: s_elt_id	-> Attribut ID de l'élément
				: s_html	-> HTML
		Retour	: Contenu HTML
	*/
	return elt_GetById(s_elt_id).innerHTML = s_html;
}