/* Texte des tooltips de l'étape 1 */
var tooltipEtape1Content = new Array();
tooltipEtape1Content["100"] = "* J'ai acheté des lunettes. Coût total verres + monture : 139€<br><br>La sécu me rembourse 6,61€, Naïs 1 me rembourse 100€. Il reste 32,39€ à ma charge<br><br>* J'ai consulté mon médecin traitant. Coût total : 23€<br><br>La sécu me rembourse 16,10€. Tout le reste est pris en charge par ma garantie Naïs 1.<br>";
tooltipEtape1Content["200"] = "* J'ai acheté des lunettes. Coût total verres + monture : 139€<br><br>La sécu me rembourse 6,61€, Naïs 2 me rembourse 125€. Il reste 7,39€ à ma charge<br><br>* J'ai consulté mon médecin traitant. Coût total : 23€<br><br>La sécu me rembourse 16,10€. Tout le reste est pris en charge par ma garantie Naïs 2.<br>";
tooltipEtape1Content["300"] = "* J'ai acheté des lunettes. Coût total verres + monture : 139€<br><br>La sécu me rembourse 6,61€, Naïs 3 me rembourse la différence. Tout est pris en charge.<br><br>* J'ai consulté mon médecin traitant. Coût total : 23€<br><br>La sécu me rembourse 16,10€, Tout le reste est pris en charge par ma garantie Naïs 3.<br>";
tooltipEtape1Content["400"] = "* Mon enfant va chez l'orthodontiste. Coût total des soins : 600€.<br><br>La sécu me rembourse 193,50€, Mélia 1 me rembourse 96,75€. Il me reste 309,75€ à ma charge.<br><br>* J'ai accompagné mon fils à l'hôpital pendant 5 jours. Coût des frais d'accompagnant : 155€<br><br>Mélia 1 prend en charge 100€, il me reste 55€.<br>";
tooltipEtape1Content["500"] = "* Mon enfant va chez l'orthodontiste. Coût total des soins : 600€.<br><br>La sécu me rembourse 193,50€, Mélia 2 me rembourse 290,25€.  Il me reste 116,25€ à charge.<br><br>* J'ai accompagné mon fils à l'hôpital pendant 5 jours. Coût des frais d'accompagnant : 155€<br><br>Tout est pris en charge par Mélia 2.<br>";
tooltipEtape1Content["600"] = "* Mon enfant va chez l'orthodontiste. Coût total des soins : 600€.<br><br>La sécu me rembourse 193,50€, Mélia 3 me rembourse 406,50€. Tout est pris en charge.<br><br>* J'ai accompagné mon fils à l'hôpital pendant 5 jours. Coût des frais d'accompagnant : 155€<br><br>Tout est pris en charge par Mélia 3.<br>";
tooltipEtape1Content["700"] = "* J'ai acheté des lunettes avec verres progressifs. Coût total verres + monture : 380€.<br><br>La sécu me rembourse 6,61€, Filaé 1 me rembourse 200,00€. Il me reste 173,39€ à charge.<br><br>* J'ai fait une cure thermale. Coût total : 500€. La sécu me rembourse 97,51€.<br><br>Filaé 1 prend en charge 200€, il me reste 202,49€.<br>";
tooltipEtape1Content["800"] = "* J'ai acheté des lunettes avec verres progressifs. Coût total verres + monture : 380€.<br><br>La sécu me rembourse 6,61€, Filaé 2 me rembourse 360,00€. Il me reste 13,39€ à charge.<br><br>* J'ai fait une cure thermale. Coût total : 500€. La sécu me rembourse 97,51€.<br><br>Filaé 2 prend en charge 250€, il me reste 152,49€.<br>";
tooltipEtape1Content["900"] = "* J'ai acheté des lunettes avec verres progressifs. Coût total verres + monture : 380€.<br><br>La sécu me rembourse 6,61€, Filaé 3 prend tout le reste en charge.<br><br>* J'ai fait une cure thermale. Coût total : 500€. La sécu me rembourse 97,51€.<br><br>Filaé 3 me rembourse 300€, il reste 102,49€ à ma charge.<br>";


/* Texte des tooltips de l'étape 2 */
var tooltipEtape2Content = new Array();
tooltipEtape2Content["DHH100"] = "DHH : Dépassements d'Honoraires en Hospitalisation.  100% de remboursement EN PLUS du remboursement de la sécu et de la garantie choisie.<br><br>* Je viens de me faire opérer. Honoraires du chirurgien : 600€ dont 400€ de dépassement d'honoraires.<br><br>La sécu me rembourse 200€. Le DHH 100 me rembourse 200€. Il me reste 200€ à ma charge.";
tooltipEtape2Content["DHH150"] = "DHH : Dépassements d'Honoraires en Hospitalisation.  150% de remboursement EN PLUS du remboursement de la sécu et de la garantie choisie.<br><br>* Je viens de me faire opérer. Honoraires du chirurgien : 600€ dont 400€ de dépassement d'honoraires.<br><br>La sécu me rembourse 200€. Le DHH 150 me rembourse 300€. Il me reste 100€ à ma charge.";
tooltipEtape2Content["DHH200"] = "DHH : Dépassements d'Honoraires en Hospitalisation.  200% de remboursement EN PLUS du remboursement de la sécu et de la garantie choisie.<br><br>* Je viens de me faire opérer. Honoraires du chirurgien : 600€ dont 400€ de dépassement d'honoraires.<br><br>La sécu me rembourse 200€. Le DHH 200 me rembourse 400€. Tout est pris en charge.";
tooltipEtape2Content["DSH30"] = "DSH : Dépassements Supplémentaires d'Honoraires privés. 30% de remboursement EN PLUS du remboursement de la sécu et de la garantie choisie.<br><br>* Je viens de consulter un spécialiste. Honoraires du médecin : 40€ dont 17€ de dépassement d'honoraires.<br><br>La sécu me rembourse 16,10€. Le DSH 30 me rembourse 6,90€ (en plus des 6,90€ remboursés par ma garantie choisie). Il me reste 10,10€.";
tooltipEtape2Content["DSH50"] = "DSH : Dépassements Supplémentaires d'Honoraires privés.  50% de remboursement EN PLUS du remboursement de la sécu et de la garantie choisie.<br><br>* Je viens de consulter un spécialiste. Honoraires du médecin : 40€ dont 17€ de dépassement d'honoraires.<br><br>La sécu me rembourse 16,10€. Le DSH 50 me rembourse 11,50€ (en plus des 6,90€ remboursés par ma garantie choisie). Il me reste 5,50€.";
tooltipEtape2Content["DSH70"] = "DSH : Dépassements Supplémentaires d'Honoraires privés.  70% de remboursement EN PLUS du remboursement de la sécu et de la garantie choisie.<br><br>* Je viens de consulter un spécialiste. Honoraires du médecin : 40€ dont 17€ de dépassement d'honoraires.<br><br>La sécu me rembourse 16,10€. Le DSH 70 me rembourse 16,10€ (en plus des 6,90€ de ma garantie choisie). Il me reste 0,90€.";
tooltipEtape2Content["MD"] = "L'option MD : Médecine Douce<br>* J'ai vu mon ostéopathe. Coût total : 60€.<br>La sécu ne prend pas en charge cette consultation.<br>L'option MD prend en charge 30€.";
tooltipEtape2Content["NAISSUP1"] = "SUP 1 : Supplément dentaire et optique.  Des forfaits de remboursement EN PLUS de la sécu et de la garantie choisie.<br><br>* Mon dentiste m'a posé une couronne sur une canine. Coût total : 500€.<br><br>La sécu me rembourse 75,25€. L'option SUP 1 me rembourse 140€ en plus de ma garantie choisie.";
tooltipEtape2Content["NAISSUP2"] = "SUP 2 : Supplément dentaire et optique.  Des forfaits de remboursement EN PLUS de la sécu et de la garantie choisie.<br><br>* Mon dentiste m'a posé une couronne sur une canine. Coût total : 500€.<br><br>La sécu me rembourse 75,25€. L'option SUP 2 me rembourse 175€ en plus de ma garantie choisie.";
tooltipEtape2Content["NAISSUP3"] = "SUP 3 : Supplément dentaire et optique.  Des forfaits de remboursement EN PLUS de la sécu et de la garantie choisie.<br><br>* Mon dentiste m'a posé une couronne sur une canine. Coût total : 500€.<br><br>La sécu me rembourse 75,25€.L'option SUP 3 me rembourse 215€ en plus de ma garantie choisie.";
tooltipEtape2Content["MELIASUP1"] = tooltipEtape2Content["FILAESUP1"] = tooltipEtape2Content["NAISSUP1"];
tooltipEtape2Content["MELIASUP2"] = tooltipEtape2Content["FILAESUP2"] = tooltipEtape2Content["NAISSUP2"];
tooltipEtape2Content["MELIASUP3"] = tooltipEtape2Content["FILAESUP3"] = tooltipEtape2Content["NAISSUP3"];

/* Texte des tooltips de l'étape 3 */
var tooltipEtape3Content = new Array();
tooltipEtape3Content["ald"] = "Le justificatif de votre Affection Longue Durée est fourni par le Médecin Conseil de votre Caisse d'Assurance Maladie";
tooltipEtape3Content["ald1"] = "Le justificatif de votre Affection Longue Durée est fourni par le Médecin Conseil de votre Caisse d'Assurance Maladie";

var asterisque = "<br><br><span style=\"font-size:9px\">Selon les nouvelles dispositions de la réforme de l'assurance maladie et dans le respect des garanties responsables, les franchises, les forfaits et Ticket Modérateur d'ordre public restent à la charge de l'assuré social (ex. 1€ par consultation)</span>";

Event.observe(window, "load", initTooltip);

function initTooltip() {

	/****************************************************************************************************
	* DEB ETAPE 2
	*/

	/* liste des boutons qui affichent un tooltip à l'étape 2 */
	var btnE2 = $$("img.etape2Tooltip");

	for(var i=0; i<btnE2.length; i++) {
		var tmpBtn = btnE2[i];
		tmpBtn.observe("mouseover", function() {
			var couleur = $w(this.className)[1];
			var content = tooltipEtape2Content[this.adjacent("label")[0].childElements()[0].value];

			var position = this.cumulativeOffset();
			var dimensions = this.getDimensions();
			var posX = position.left + dimensions.width;
			var posY = position.top - 40;

			var container = $$("div#tooltipEtape2 .texte div")[0];
			container.innerHTML = content + asterisque;

			$("tooltipEtape2").setStyle({display: "block", left: posX+"px", top: posY+"px"});
			$("tooltipEtape2").className = couleur;

		}.bind(tmpBtn));

		tmpBtn.observe("mouseout", function() {
			$("tooltipEtape2").setStyle({display: "none"});
		}.bind(tmpBtn));
	}
	/*
	* FIN ETAPE 2
	****************************************************************************************************/

	/****************************************************************************************************
	* DEB ETAPE 1
	*/

	/* liste des boutons qui affichent un tooltip à l'étape 1 */
	var btnE1 = $$("img.etape1Tooltip");

	for(var i=0; i<btnE1.length; i++) {
		var tmpBtn = btnE1[i];
		tmpBtn.observe("mouseover", function() {
			var type = $w(this.className)[1];
			var content = tooltipEtape1Content[this.adjacent("label")[0].childElements()[0].value];
			var texteContainer = $$("div#tooltipEtape1 .texte")[0];
			var position = $("choixGarantie").cumulativeOffset();
			texteContainer.setStyle({height: "auto"});
			var container = $$("div#tooltipEtape1 .texte div")[0];
			container.innerHTML = content + asterisque;
			var hauteurText = $("tooltipEtape1").getHeight() - 72;
			texteContainer.setStyle({height: (hauteurText - 50) + "px"});
			var posY = position.top - $("tooltipEtape1").getDimensions().height + 8;

			$("tooltipEtape1").setStyle({display: "block", left: position.left+"px", top: posY+"px"});
			$("tooltipEtape1").className = type;

		}.bind(tmpBtn));

		tmpBtn.observe("mouseout", function() {
			$("tooltipEtape1").setStyle({display: "none"});
		}.bind(tmpBtn));
	}
	/*
	* FIN ETAPE 1
	****************************************************************************************************/

	/****************************************************************************************************
	* DEB ETAPE 3
	*/

	/* liste des boutons qui affichent un tooltip à l'étape 3 */
	var btnE3 = $$("img.etape3Tooltip");

	for(var i=0; i<btnE3.length; i++) {
		var tmpBtn = btnE3[i];
		tmpBtn.observe("mouseover", function() {

//			var content = tooltipEtape3Content[this.up().up().select("input")[0].name];
			var content = '<img src="images/doc_ALD_ok.jpg" />'

			var positionDevis = $("devis").cumulativeOffset();
			var positionBouton = this.cumulativeOffset();
			var dimensionsDevis = $("devis").getDimensions();

			var container = $$("div#tooltipEtape3 div")[0];

//			var txtNode = document.createTextNode(content);
//			if(container.childNodes.length > 0) {
//				container.removeChild(container.childNodes[0]);
//			}
//			container.appendChild(txtNode);
			container.innerHTML=content;

			/* placement de la flèche */
			var flecheTop = $("tooltipEtape3").select("img.top")[0];
			var flecheBottom = $("tooltipEtape3").select("img.bottom")[0];

			var offset = 0;
			var milieuSpanParentBouton = this.up().cumulativeOffset().left + this.up().getDimensions().width / 2;
			var positionDansLeTooltip

			var posY = positionBouton.top - $("tooltipEtape3").getDimensions().height;
			var posX = positionDevis.left + dimensionsDevis.width -$("tooltipEtape3").getDimensions().width;

			/* placement de la flèche */
			var flecheTop = $("tooltipEtape3").select("img.top")[0];
			var flecheBottom = $("tooltipEtape3").select("img.bottom")[0];

			var offset = 55;
			var milieuSpanParentBouton = this.up().cumulativeOffset().left + this.up().getDimensions().width / 2;
			var positionDansLeTooltip = milieuSpanParentBouton - posX - offset;

			flecheTop.setStyle({left: positionDansLeTooltip+"px"});
			flecheBottom.setStyle({left: positionDansLeTooltip+"px"});

			$("tooltipEtape3").setStyle({display: "block", left: posX+"px", top: posY+"px"});

		}.bind(tmpBtn));

		tmpBtn.observe("mouseout", function() {
			$("tooltipEtape3").setStyle({display: "none"});
		}.bind(tmpBtn));
	}
	/*
	* FIN ETAPE 3
	****************************************************************************************************/

}