var imgBouton = new Image;
var imgBoutonSur = new Image;
imgBouton.src = "images/bouton.jpg";
imgBoutonSur.src = "images/boutonsur.jpg";

//ajout de la div Dialoguebox
InitDivDialogBox();

function centerPopup(element) {
	var height=document.getElementById(element).offsetHeight;//hauteur de l'élément à positionner
	var width=document.getElementById(element).offsetWidth;//largeur de l'élément à positionner
	myParent=document.getElementById(element).parentNode;
	var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
	var pWidth=myParent.offsetWidth;//Largeur de l'élément parent
	var eHeight = screen.height;//Largeur de l'écran
	var sTop=myParent.scrollTop;//Hauteur de défilement de l'élément parent
	var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
	var posY=(pHeight/2)-(height/2)+(sTop);//Calcul de la position en Y
	var posX=(pWidth/2)-(width/2)+(sLeft);//Calcul de la position en X
	
	sTop = document.documentElement.scrollTop;
	posY = sTop + ((eHeight - height)/2);
	
//	alert("eHeight: " + eHeight + "    -> pHeight: " + pHeight + " - height: " + height + " + sTop:" + sTop + " = " + posY);
	document.getElementById(element).style.top=posY+"px";
	document.getElementById(element).style.left=posX+"px";
}
function ClickDialogBox(valeur,fonction) {
	//on cache le div
	document.getElementById("dialogBox").style.visibility = "hidden";
	//on renvoi la fonction
	if (fonction.length == 0 ) {
		//aucune fonction définit
	}
	else {
		eval(fonction + "('" + valeur + "')");
	}
}
function ClickDialogBoxG(valeur,fonction) {
	//on cache le div
	document.getElementById("dialogBoxG").style.visibility = "hidden";
	//on renvoi la fonction
	if (fonction.length == 0 ) {
		//aucune fonction définit
	}
	else {
		eval(fonction + "('" + valeur + "')");
	}
}

function CacheDialogBox() {
	//on rend le div visible
	document.getElementById("dialogBox").style.visibility = "hidden";
}
function CacheDialogBoxG() {
	//on rend le div visible
	document.getElementById("dialogBoxG").style.visibility = "hidden";
}

function AfficheDialogBox(titre_fenetre, texte_fenetre, les_boutons, la_fonction_bouton) {
	//on ajoute les boutons
	document.getElementById("dialogBox_titre").innerHTML = titre_fenetre;
	document.getElementById("dialogBox_texte").innerHTML = texte_fenetre;
	var tabBouton = les_boutons.split(",");
	var div_contenu = "";
	for (var i=0;i<tabBouton.length;i+=2) {
		if (i>0) {
			div_contenu += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
		}
		div_contenu += "<input onclick=\"ClickDialogBox('" + tabBouton[i+1] + "','" + la_fonction_bouton + "')\" type=\"button\" value=\"" + tabBouton[i] + "\" style=\"width: 70px; font-family: Verdana; font-size: 8pt\">";
	}
	document.getElementById("dialogBox_boutons").innerHTML = div_contenu;
	//on centre le div
	centerPopup("dialogBox");
	//on rend le div visible
	document.getElementById("dialogBox").style.visibility = "visible";
}

function AfficheDialogBoxG(titre_fenetre, texte_fenetre, les_boutons, la_fonction_bouton) {
	//on ajoute les boutons
//	titre_fenetre = "<span style=\"font-family: Arial; font-size: 10pt\"><b>STUDIO-LOWCOST.COM</b></span>"
	document.getElementById("dialogBoxG_titre").innerHTML = titre_fenetre;
	document.getElementById("dialogBoxG_texte").innerHTML = texte_fenetre;
	var tabBouton = les_boutons.split(",");
	var div_contenu = "";
	for (var i=0;i<tabBouton.length;i+=2) {
		if (i>0) {
			div_contenu += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
		}
		div_contenu += "<input onclick=\"ClickDialogBoxG('" + tabBouton[i+1] + "','" + la_fonction_bouton + "')\" type=\"button\" value=\"" + tabBouton[i] + "\" style=\"width: 70px; font-family: Verdana; font-size: 8pt\">";
	}
	document.getElementById("dialogBoxG_boutons").innerHTML = div_contenu;
	//on centre le div
	centerPopup("dialogBoxG");
	//on rend le div visible
	document.getElementById("dialogBoxG").style.visibility = "visible";
}

function InitDivDialogBox() {
	var div_contenu = "<table border='0' width='100%' id='table1' cellpadding='0' style='border-collapse: collapse; font-family: Verdana; font-size: 8pt' height='127' background='images/fen_centre.jpg'>";
	div_contenu += "<tr><td rowspan='3' align='left' valign='top' background='images/fen_gauche.jpg' width='15'>&nbsp;</td>";
	div_contenu += "<td align='left' height='25'><b><span id=\"dialogBox_titre\"></span></b></td>";
	div_contenu += "<td rowspan='3' align='left' valign='top' background='images/fen_droite.jpg' width='15'>&nbsp;</td></tr><tr>";
	div_contenu += "<td align='left' valign='middle' style='padding: 10px'><span id=\"dialogBox_texte\"></span></td></tr><tr>";
	div_contenu += "<td align='center' height='30'><span id=\"dialogBox_boutons\"></span>";
	div_contenu += "</tr></table>"

	//v2
	var div_contenu1 = "<table border='0' width='100%' cellpadding='0' style='font-family: Verdana; font-size: 8pt; border-collapse: collapse' background='images/fcc.jpg'>";
	div_contenu1 += "<tr>";
	div_contenu1 += "<td width='15' height='25' align='left' valign='top'>";
	div_contenu1 += "<img border='0' src='images/fgh.jpg' width='15' height='25'></td>";
	div_contenu1 += "<td height='25' align='center' background='images/fch.jpg'><b><span id=\"dialogBox_titre\"></span></b></td>";
	div_contenu1 += "<td width='15' height='25' align='left' valign='top'>";
	div_contenu1 += "<img border='0' src='images/fdh.jpg' width='15' height='25'></td>";
	div_contenu1 += "</tr>";
	div_contenu1 += "<tr>";
	div_contenu1 += "<td width='15' align='left' valign='top' background='images/fgc.jpg'>";
	div_contenu1 += "<img border='0' src='images/fgch.jpg' width='15' height='94'></td>";
	div_contenu1 += "<td align='left' valign='top' style=\"padding: 10px; background-image: url('images/fcch.jpg'); background-repeat: repeat-x; background-position: left top\">";
	div_contenu1 += "<div id=\"dialogBox_texte\"></div>";
	div_contenu1 += "<br><br><br><div align='center' id=\"dialogBox_boutons\"></div>";
	div_contenu1 += "</td>";
	div_contenu1 += "<td width='15' align='left' valign='top' background='images/fdc.jpg'>";
	div_contenu1 += "<img border='0' src='images/fdch.jpg' width='15' height='94'></td>";
	div_contenu1 += "</tr>";
	div_contenu1 += "<tr>";
	div_contenu1 += "<td width='15' height='5' align='left' valign='top' style='font-size: 1pt'>";
	div_contenu1 += "<img border='0' src='images/fgb.jpg' width='15' height='5'></td>";
	div_contenu1 += "<td height='5' align='left' valign='top' style='background-repeat: repeat-x; background-position: left bottom; font-size:1pt' background='images/fcb.jpg'>&nbsp;</td>";
	div_contenu1 += "<td width='15' height='5' align='left' valign='top' style='font-size: 1pt'>";
	div_contenu1 += "<img border='0' src='images/fdb.jpg' width='15' height='5'></td>";
	div_contenu1 += "</tr>";
	div_contenu1 += "</table>";
	
	//v3
	var div_contenu2 = "<div class=\"coulMenuAct\">ATTENTION</div><div style=\"height: 10px\"></div>";
	div_contenu2 += "<div style=\"padding-left: 10px; width: 380px; height: 135px; overflow-y: auto\">";
	div_contenu2 += "<span id=\"dialogBox_titre\"></span>";
	div_contenu2 += "<div id=\"dialogBox_texte\"></div>";
	div_contenu2 += "<br>";
	div_contenu2 += "<div id=\"dialogBox_boutons\" align=\"center\"></div>";
	div_contenu2 += "</div>";
	//v4
	var div_contenu4 = "<table border=\"0\" class=\"coulMenu\" style=\"font-family: Verdana; font-size: 9pt; font-color: #000000\">";
	div_contenu4 += "<tr><td class=\"coulMenuAct\">ATTENTION</td><tr>";
	div_contenu4 += "<tr><td style=\"padding: 10px\">";
	div_contenu4 += "<span id=\"dialogBox_titre\"></span>";
	div_contenu4 += "<div id=\"dialogBox_texte\" align=\"left\"></div>";
	div_contenu4 += "</td></tr><tr><td style=\"font-size: 4pt\">&nbsp;</td></tr>";
	div_contenu4 += "<tr><td align=\"center\">";
	div_contenu4 += "<div id=\"dialogBox_boutons\"></div>";
	div_contenu4 += "</td></tr></table>";
	
	//Pour le grand modele
	var div_contenu3 = "<div style=\"height: 30px\"></div>";
	div_contenu3 = "<div class=\"coulMenuAct\">VOTRE ATTENTION EST DEMANDÉE...</div><div style=\"height: 10px\"></div>";
	div_contenu3 += "<span id=\"dialogBoxG_titre\" style=\"padding-left: 10px\"></span><br><br>";
	div_contenu3 += "<div id=\"dialogBoxG_texte\" align=\"left\" style=\"padding-left: 10px; width: 480px; height: 400px; overflow-y: auto\"></div>";
	div_contenu3 += "<br>";
	div_contenu3 += "<div id=\"dialogBoxG_boutons\" align=\"center\"></div>";

	//on affecte le contenu du div
	div_contenu = div_contenu4;
	
//	document.write("<div id=\"dialogBox\" style=\"z-index: 999; width: 400px; height: 127px; position: absolute; visibility: hidden\">" + div_contenu + "</div>");
//	document.write("<div id=\"dialogBox\" style=\"z-index: 999; width: 400px; position: absolute; visibility: hidden\">" + div_contenu + "</div>");
//	document.write("<div id=\"dialogBox\" class=\"coulMenu\" style=\"border-style: ridge; border-width: 1px; z-index: 999; width: 400px; height: 170px; position: absolute; visibility: hidden\">" + div_contenu + "</div>");
	document.write("<div id=\"dialogBox\" class=\"coulMenu\" style=\"border-style: ridge; border-width: 1px; z-index: 999; position: absolute; visibility: hidden\">" + div_contenu + "</div>");
	document.write("<div id=\"dialogBoxG\" class=\"coulMenu\" style=\"border-style: ridge; border-width: 1px; z-index: 999; width: 500px; height: 500px; position: absolute; visibility: hidden\">" + div_contenu3 + "</div>");
//	document.getElementById("dialogBox").innerHTML = div_contenu;
}