// JavaScript Document

/*
La fonction qui fait les appels AJAX 
Elle est appelée par plusieurs fonctions ci-dessous	
*/
var xhr = null;
function ajaxCall(method,url,postData,async,handler) {
	if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); /* FIREFOX et les autres */
	else if(window.ActiveXObject){ /* Internet Explorer */
			xhr = new ActiveXObject("XMLHTTP");
	}
	else { /* XMLHttpRequest non supporté par le navigateur */
		alert("Votre navigateur ne supporte pas les objets XMLHttpRequest");
		xhr = false;
	}
	xhr.open(method,url,async);
	/*if(postData != null)*/
		xhr.setRequestHeader("Content-Type","x-www-form-urlencoded");
	if(async)
		xhr.onreadystatechange = handler;
	xhr.send(postData);
}




/* La fonction qui valide les formulaires suivants : Formulaire pour ajouter des représentants, Formulaire pour modifier les données des représentants, Formulaire pour modifier les données de KEMFIX
Elle verifie si n'y a pas des Code Postal, Téléphones et Courriels mal écrits. 
Si tout est correct, on verifie:
if(quelformulaire.value==""){ Si le formulaire ne passe pas un valeur dans ID=QuelForm
			ajouterRep(f);
			return true;
		}
		
		else if (quelformulaire.value=="bugtek") { Si le formulaire contient le valeur "bugtek" dans ID=QuelForm
			modifierBugtek(f);
			return true;
		}
		
		else { Si le formulaire contient un autre valeur qui "bugtek" ou "" dans ID=QuelForm
			modifierRep(f);
			return true;
		}
*/
function valider(f) {
	// A. Saisir l'entrée des données de l'utilisateur.
	var province_select = document.getElementById("aj_province");
	var codePostal = document.getElementById("aj_codepostal");
	var spanCodePostal = document.getElementById("span_aj_codepostal");
	
	var telpref = document.getElementById("aj_telpref");
	var spanTelpref = document.getElementById("span_aj_Telpref");
	var telsuf = document.getElementById("aj_telsuf");
	var spanTelsuf = document.getElementById("span_aj_Telsuf");
	
	var celpref = document.getElementById("aj_celpref");
	var spanCelpref = document.getElementById("span_aj_Celpref");
	var celsuf = document.getElementById("aj_celsuf");
	var spanCelsuf = document.getElementById("span_aj_Celsuf");
	
	var faxpref = document.getElementById("aj_faxpref");
	var spanFaxpref = document.getElementById("span_aj_Faxpref");
	var faxsuf = document.getElementById("aj_faxsuf");
	var spanFaxsuf = document.getElementById("span_aj_Faxsuf");
	
	var courriel = document.getElementById("aj_courriel");
	var spanCourriel = document.getElementById("span_aj_courriel");
	var courriel2 = document.getElementById("aj_2courriel"); 
	var spanCourriel2 = document.getElementById("span_aj_courriel2");
	
	var quelformulaire = document.getElementById("quelForm"); 
	
	
	// B. Vérifier les valeurs de chaque champ ("valider").
	/**/
	var formEstValide = true;
	
	
	// Valider la province.
	if(province_select.value=="") {
		formEstValide = false;
		province_select.className = "saisieInvalide";
	}
	else {
		province_select.className = "saisieValide";	
	}
	
	
	// Valider le code postal.
	if(estCodePostalCanadienValide(codePostal.value)==false) {
		formEstValide = false;
		codePostal.className = "saisieInvalide";
		spanCodePostal.innerHTML = "<b style='color:red'>Code postal incorrect. Veuillez le corriger.<b>";
	}
	else {
		codePostal.className = "saisieValide";
		spanCodePostal.innerHTML = " ex: H1H 1H1";
	}
	
	
	
	
	// Valider le Prefixe du téléphone
	if(estPreftelValide(telpref.value)==false) {
		formEstValide = false;
		telpref.className = "saisieInvalide";
		spanTelpref.innerHTML = "<b style='color:red'>Incorrect<b>";
	}
	else {
		telpref.className = "saisieValide";
		spanTelpref.innerHTML = "prefixe (ex: 514)";
	}
		
	// Valider le téléphone
	if(estTelValide(telsuf.value)==false) {
		formEstValide = false;
		telsuf.className = "saisieInvalide";
		spanTelsuf.innerHTML = "<b style='color:red'>Tél incorrect. Veuillez écrire seulement des chiffres.<b>";
	}
	else {
		telsuf.className = "saisieValide";
		spanTelsuf.innerHTML = "phone (ex: 111-1111)";
	}
		
		
		
		
		
		
	// Valider le Prefixe du cellulaire
	if(estPreftelValide(celpref.value)==false) {
		formEstValide = false;
		celpref.className = "saisieInvalide";
		spanCelpref.innerHTML = "<b style='color:red'>Préfix incorrect<b>";
	}
	else {
		celpref.className = "saisieValide";
		spanCelpref.innerHTML = "prefixe (ex: 514)";
	}
		
	// Valider le cellulaire
	if(estTelValide(celsuf.value)==false) {
		formEstValide = false;
		celsuf.className = "saisieInvalide";
		spanCelsuf.innerHTML = "<b style='color:red'>Tél incorrect. Veuillez écrire seulement des chiffres.<b>";
	}
	else {
		celsuf.className = "saisieValide";	
		spanCelsuf.innerHTML = "phone (ex: 111-1111)";
	}
		
		
	
	
	// Valider le Prefixe du FAX
	if(estPreftelValide(faxpref.value)==false) {
		formEstValide = false;
		faxpref.className = "saisieInvalide";
		spanFaxpref.innerHTML = "<b style='color:red'>Préfix incorrect<b>";
	}
	else {
		faxpref.className = "saisieValide";
		spanFaxpref.innerHTML = "prefixe (ex: 514)";
	}
		
	// Valider le FAX
	if(estTelValide(faxsuf.value)==false) {
		formEstValide = false;
		faxsuf.className = "saisieInvalide";
		spanFaxsuf.innerHTML = "<b style='color:red'>Tél incorrect. Veuillez écrire seulement des chiffres.<b>";
	}
	else {
		faxsuf.className = "saisieValide";	
		spanFaxsuf.innerHTML = "phone (ex: 111-1111)";
	}
		
		
	
	// Valider le 1er courriel
	if(estCourrielValide(courriel.value)==false) {
		formEstValide = false;
		courriel.className = "saisieInvalide";
		spanCourriel.innerHTML = "<b style='color:red'>Courriel incorrect. Veuillez le corriger.<b>";
	}
	else {
		courriel.className = "saisieValide";
		spanCourriel.innerHTML = "";
	}
		
		
	// Valider 2eme 1er courriel
	if(estCourrielValide(courriel2.value)==false) {
		formEstValide = false;
		courriel2.className = "saisieInvalide";
		spanCourriel2.innerHTML = "<b style='color:red'>Courriel incorrect. Veuillez le corriger.<b>";
	}
	else {
		courriel2.className = "saisieValide";
		spanCourriel2.innerHTML = "";
	}
	

	// C. Afficher les erreurs s'il y a lieu et retourner true ou false selon le cas.
	
	//return formEstValide;
	if(formEstValide==true) {
		if(quelformulaire.value==""){
			ajouterRep(f);
			return true;
		}
		
		else if (quelformulaire.value=="bugtek") {
			modifierBugtek(f);
			return true;
		}
		
		else {
			modifierRep(f);
			return true;
		}
		/*if(f="frmAjoute") 
		else modifierRep(frmModifier);*/
	}
	else { 
		return false;
	}
}



/*
	La fonction qui fait le reload de la page cms_reps.php
	Elle est appelée par quelques fonctions ci-dessous, surtout quand on clique le boutons "Retourner à la page précédante"
*/
function displayReps() {
	window.location.reload();
}

function displayCmsHome() {
	if (location.href.indexOf("cms/") != -1){
	window.location.href='cms_home.php';
	}
	else window.location.href='cms/cms_home.php';
}


/*
	La fonction qui crée la chaine de caractères contenant les valeurs de tous les inputs du formulaire choisi
	Elle est appelée par plusieurs fonction ci-dessous
*/
function produireFormGet(f) {
	var formElements = f.elements;
	var qs = "";
	for(var i=0; i<formElements.length; i++) {
		qs += formElements[i].name+"="+formElements[i].value;
		if(i<formElements.length-1) {
		qs+= "&";
		}
	}
	/*alert(qs);*/
	return qs;
}



/*
	La fonction qui crée et affiche le formulaire dans la div id=mf_form à la page cms_reps.php
	La fonction est appelé quand l'utilisateur clique sur le bouton "Ajouter un représentant"
*/
function displayAjouterRep () {
			
               frm_Markup ="<form id='frmAjouteValidate' name='frmAjoute' >";
			   frm_Markup +="<input id='quelForm' type='hidden' name='txtId_reps' value='' />";
                  frm_Markup +="<h1 class='border_bas'>Ajouter un représentant</h2><br />";
				  
                  frm_Markup +="<div class='mf_labels'><label>Province : *</label></div>";
                  frm_Markup +="<div class='mf_input'>";
				  	frm_Markup += "<select id='aj_province' name='radioProvince_reps'>";
						frm_Markup += "<option value=''>Sélectionnez une province</option>";
						frm_Markup += "<option value='1'>Ontario</option>";
						frm_Markup += "<option value='2'>Québec</option>";
					frm_Markup += "</select>";
                  frm_Markup +="</div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Nom de l'entreprise : </label></div><div class='mf_input'><input type='text' name='txtNomEmtreprise_reps' tabindex='4' value='' /></div>";
                  
				  frm_Markup +="<div class='clear_float mf_labels'><label>Nom du représentant : </label></div><div class='mf_input'><input type='text' name='txtNomRepresentant_reps' tabindex='5' value='' /></div>";
                  
				  frm_Markup +="<div class='clear_float mf_labels'><label>Adresse : </label></div><div class='mf_input'><input type='text' name='txtAdresse_reps' tabindex='6' value='' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Secteur ou Ville : </label></div><div class='mf_input'><input type='text' name='txtSecteurs_reps' tabindex='7' value='' /><span> ex: ''Drummondville - QC'' ou ''Est de Québec  - Maritime''</span></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Code postal : </label></div><div class='mf_input'><input id='aj_codepostal' type='text' name='txtCodePostal_reps' tabindex='8' maxlength='7' value='' /><span id='span_aj_codepostal'> ex: H1H 1H1</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Téléphone : </label></div><div class='mf_prefTel'><input type='text' id='aj_telpref' name='txtTelephone_reps1' tabindex='9' maxlength='4' value='' /><span id='span_aj_Telpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input type='text' id='aj_telsuf' name='txtTelephone_reps2' tabindex='10' value='' /><span id='span_aj_Telsuf'>phone (ex: 111-1111)</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Cellulaire : </label></div><div class='mf_prefTel'><input type='text' id='aj_celpref' name='txtCellulaire_reps1' tabindex='11' maxlength='4' value='' /><span id='span_aj_Celpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input type='text' id='aj_celsuf' name='txtCellulaire_reps2' tabindex='12' value='' /><span id='span_aj_Celsuf'>phone (ex: 111-1111)</span></div>";
				  
				  frm_Markup +="<div class='clear_float mf_labels'><label>Fax : </label></div><div class='mf_prefTel'><input type='text' id='aj_faxpref' name='txtFax_reps1' tabindex='13' maxlength='4' value='' /><span id='span_aj_Faxpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input type='text' id='aj_faxsuf' name='txtFax_reps2' tabindex='14' value='' /><span id='span_aj_Faxsuf'>phone (ex: 111-1111)</span></div>";
				 
                  frm_Markup +="<div class='clear_float mf_labels'><label>Courriel : </label></div><div class='mf_input'><input type='text' id='aj_courriel' name='txtCourriel' tabindex='15' value='' /><span id='span_aj_courriel'></span></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Deuxième Courriel (s'il y lieu) : </label></div><div class='mf_input'><input type='text' id='aj_2courriel' name='txtDeuxiemeCourriel' tabindex='16' value='' /><span id='span_aj_courriel2'></span></div>";
                                
                  frm_Markup +="<div class='clear_float mf_submit'><input type='button' name='btnSubmit' tabindex='17' value='Envoyer' onclick='valider(frmAjoute);' /></div>";
               frm_Markup +="</form>";
			   
			   document.getElementById("mf_contact").style.display = "none";
			   document.getElementById("mf_form").innerHTML = frm_Markup;
			   document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédante' onclick='displayReps();' />" 
			   
}


/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "ajout" et passe tous les inputs du formulaire pour ajouter un représentant comme un chaine de caractères
	Elle reçoit la reponse et appelle la fonction displayResultatAjouterRep
*/
function ajouterRep(frm) {
	ajaxCall("GET","../action/cms.do.php?action=ajout&"+produireFormGet(frm),null,true,displayResultatAjouterRep);
}



/*
	La fonction qui est appelé par la fonction ajouterRep ci-dessus 
	Elle contient la reponse du case "ajout" (les données de tous les représentants.
	Elle affiche tous les représentant dans la DIV ID=mf_form
*/
function displayResultatAjouterRep() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			/*alert(reponse);*/
			var reponseJson = JSON.parse(reponse);
			/*alert(reponseJson);*/
			var markup = "<h1 style='color:red;'>Le nouveau représentant a été ajouté à la base de données.</h1><h1 style='color:red;'>Maintenant, veuillez ajouter la photo correspondante au représentant (s'il y a lieu).</h1><br />";
        		markup += "<div id='jp_ontario'><h1 class='border_bas'>REPRÉSENTANTS DE L'ONTARIO</h1>";
		
			for (var i=0; i<reponseJson[0].length; i++) {
				markup +="<div class='jp_cuadrorep'><table>";
				if(reponseJson[0][i]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='../"+reponseJson[0][i]["reps_image"]+"' alt='' title='' /><br /><br /><img class='pointer' src='../images/boutton/camera_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayAjouterImage("+reponseJson[0][i]['reps_id']+")' /><p class='mf_descript'>Éditer l'image</p></td></tr>";
				markup +="<tr><td style='text-align:center'><img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierRep("+reponseJson[0][i]['reps_id']+")' /><p class='mf_descript'>Éditer les données</p></td><td style='text-align:center'><img class='pointer' src='../images/boutton/poubelle-icon.png' alt='Supprimer le représentant' title='Supprimer le représentant' width='30' height='30' onclick='displaySupprimerRep("+reponseJson[0][i]['reps_id']+")' /><p class='mf_descript'>Supprimer les données</p></td></tr>";
				
				if(reponseJson[0][i]["reps_entreprise"] != "") markup += "<tr><td>Nom de l'entreprise : </td><td>"+reponseJson[0][i]['reps_entreprise']+"</td></tr>";
				if(reponseJson[0][i]["reps_nom"] != "") markup += "<tr><td>Nom du représentant : </td><td>"+reponseJson[0][i]['reps_nom']+"</td></tr>";
				if(reponseJson[0][i]["reps_adresse"] != "") markup += "<tr><td>Adresse : </td><td>"+reponseJson[0][i]['reps_adresse']+"</td></tr>";
				if(reponseJson[0][i]["reps_secteur"] != "") markup += "<tr><td>Secteur : </td><td>"+reponseJson[0][i]['reps_secteur']+"</td></tr>";
				if(reponseJson[0][i]["reps_codepostal"] != "") markup += "<tr><td>Code Postal : </td><td>"+reponseJson[0][i]['reps_codepostal']+"</td></tr>";
				if(reponseJson[0][i]["reps_telephone"] != "") markup += "<tr><td>Téléphone : </td><td>"+reponseJson[0][i]['reps_telephone']+"</td></tr>";
				if(reponseJson[0][i]["reps_cellulaire"] != "") markup += "<tr><td>Cellulaire : </td><td>"+reponseJson[0][i]['reps_cellulaire']+"</td></tr>";
				if(reponseJson[0][i]["reps_fax"] != "") markup += "<tr><td>Fax : </td><td>"+reponseJson[0][i]['reps_fax']+"</td></tr>";
				if(reponseJson[0][i]["reps_courriel"] != "") markup += "<tr><td>Courriel : </td><td>"+reponseJson[0][i]['reps_courriel']+"</td></tr>";
				if(reponseJson[0][i]["reps_courriel2"] != "") markup += "<tr><td>2ème Courriel : </td><td>"+reponseJson[0][i]['reps_courriel2']+"</td></tr>";
				markup += "</table>";
				markup += "</div>";
			}
			markup += "</div>";
			
			
			
			markup += "<div id='jp_quebec'><h1 class='border_bas'>REPRÉSENTANTS DU QUÉBEC</h1>";
		
			for (var i=0; i<reponseJson[1].length; i++) {
				markup +="<div class='jp_cuadrorep'><table>";
				if(reponseJson[1][i]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='../"+reponseJson[1][i]["reps_image"]+"' alt='' title='' /><br /><br /><img class='pointer' src='../images/boutton/camera_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayAjouterImage("+reponseJson[1][i]['reps_id']+")' /><p class='mf_descript'>Éditer l'image</p></td></tr>";
				markup +="<tr><td style='text-align:center'><img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierRep("+reponseJson[1][i]['reps_id']+")' /><p class='mf_descript'>Éditer les données</p></td><td style='text-align:center'><img class='pointer' src='../images/boutton/poubelle-icon.png' alt='Supprimer le représentant' title='Supprimer le représentant' width='30' height='30' onclick='displaySupprimerRep("+reponseJson[1][i]['reps_id']+")' /><p class='mf_descript'>Supprimer les données</p></td></tr>";
				
				if(reponseJson[1][i]["reps_entreprise"] != "") markup += "<tr><td>Nom de l'entreprise : </td><td>"+reponseJson[1][i]['reps_entreprise']+"</td></tr>";
				if(reponseJson[1][i]["reps_nom"] != "") markup += "<tr><td>Nom du représentant : </td><td>"+reponseJson[1][i]['reps_nom']+"</td></tr>";
				if(reponseJson[1][i]["reps_adresse"] != "") markup += "<tr><td>Adresse : </td><td>"+reponseJson[1][i]['reps_adresse']+"</td></tr>";
				if(reponseJson[1][i]["reps_secteur"] != "") markup += "<tr><td>Secteur : </td><td>"+reponseJson[1][i]['reps_secteur']+"</td></tr>";
				if(reponseJson[1][i]["reps_codepostal"] != "") markup += "<tr><td>Code Postal : </td><td>"+reponseJson[1][i]['reps_codepostal']+"</td></tr>";
				if(reponseJson[1][i]["reps_telephone"] != "") markup += "<tr><td>Téléphone : </td><td>"+reponseJson[1][i]['reps_telephone']+"</td></tr>";
				if(reponseJson[1][i]["reps_cellulaire"] != "") markup += "<tr><td>Cellulaire : </td><td>"+reponseJson[1][i]['reps_cellulaire']+"</td></tr>";
				if(reponseJson[1][i]["reps_fax"] != "") markup += "<tr><td>Fax : </td><td>"+reponseJson[1][i]['reps_fax']+"</td></tr>";
				if(reponseJson[1][i]["reps_courriel"] != "") markup += "<tr><td>Courriel : </td><td>"+reponseJson[1][i]['reps_courriel']+"</td></tr>";
				if(reponseJson[1][i]["reps_courriel2"] != "") markup += "<tr><td>2ème Courriel : </td><td>"+reponseJson[1][i]['reps_courriel2']+"</td></tr>";
				markup += "</table>";
				markup += "</div>";
			}
			markup += "</div>";
			markup += "</div>";
			
			document.getElementById("mf_contact").style.display = "block";
			document.getElementById("mf_form").innerHTML = markup;
		}
	}
}
	




/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "display_modifier" et passe l'id du représentant qui l'utilisateur veut modifier 
	Elle reçoit la reponse et appelle la fonction genererDisplayModifierRep
*/	
function displayModifierRep(id) {
	ajaxCall("GET","../action/cms.do.php?action=display_modifier&repId="+id,null,true, genererDisplayModifierRep);
}



/*
	La fonction qui est appelé par la fonction displayModifierRep ci-dessus 
	Elle contient la reponse du case "display_modifier" (les données du représentant qui l'utilisateur veut modifier)
	Elle affiche le formulaire avec tous les données du REP dans la DIV ID=mf_form
	Le formulaire envoie la modification à la BD
*/
function genererDisplayModifierRep() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			var reponseJson = JSON.parse(reponse);
			
			
			var tel = reponseJson[0]['reps_telephone'].split(" ");
			if(reponseJson[0]['reps_telephone']!=="") {
				var pref = tel[0];
				var suf = tel[1];
			}
			else {
				var pref = "";
				var suf = "";
			}
			
			var cel = reponseJson[0]['reps_cellulaire'].split(" ");
			if(reponseJson[0]['reps_cellulaire']!=="") {
				var prefcel = cel[0];
				var sufcel = cel[1];
			}
			else {
				var prefcel = "";
				var sufcel = "";
			}
			
			
			var fax = reponseJson[0]['reps_fax'].split(" ");
			if(reponseJson[0]['reps_fax']!=="") {
				var preffax = fax[0];
				var suffax = fax[1];
			}
			else {
				var preffax = "";
				var suffax = "";
			}
			
			var frm_Markup ="<form name='frmModifier'>";
				frm_Markup +="<input id='quelForm' type='hidden' name='txtId_reps' value='"+reponseJson[0]['reps_id']+"' />";
                  frm_Markup +="<h1 class='border_bas'>Modifier un représentant</h2><br />";
                  frm_Markup +="<div class='mf_labels'><label>Province : *</label></div>";
                  frm_Markup +="<div class='mf_input'>";
				  	frm_Markup += "<select id='aj_province' name='radioProvince_reps'>";
						frm_Markup += "<option value=''>Sélectionnez une province</option>";
						frm_Markup += "<option value='1'>Ontario</option>";
						frm_Markup += "<option value='2'>Québec</option>";
					frm_Markup += "</select>";
					
                  frm_Markup +="</div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Nom de l'entreprise : </label></div><div class='mf_input'><input type='text' name='txtNomEmtreprise_reps' tabindex='3' value='"+reponseJson[0]['reps_entreprise']+"' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Nom du représentant : </label></div><div class='mf_input'><input type='text' name='txtNomRepresentant_reps' tabindex='4' value='"+reponseJson[0]['reps_nom']+"' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Adresse : </label></div><div class='mf_input'><input type='text' name='txtAdresse_reps' tabindex='5' value='"+reponseJson[0]['reps_adresse']+"' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Secteur ou Ville : </label></div><div class='mf_input'><input type='text' name='txtSecteurs_reps' tabindex='6' value='"+reponseJson[0]['reps_secteur']+"' /><span> ex: ''Drummondville - QC'' ou ''Est de Québec  - Maritime''</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Code postal : </label></div><div class='mf_input'><input id='aj_codepostal' type='text' name='txtCodePostal_reps' tabindex='7' maxlength='7' value='"+reponseJson[0]['reps_codepostal']+"' /><span id='span_aj_codepostal'> ex: H1H 1H1</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Téléphone : </label></div><div class='mf_prefTel'><input id='aj_telpref' type='text' name='txtTelephone_reps1' tabindex='8' maxlength='4' value='"+pref+"' /><span id='span_aj_Telpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_telsuf' type='text' name='txtTelephone_reps2' tabindex='9' value='"+suf+"' /><span id='span_aj_Telsuf'>phone (ex: 111-1111)</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Cellulaire : </label></div><div class='mf_prefTel'><input type='text' id='aj_celpref' name='txtCellulaire_reps1' tabindex='10' maxlength='4' value='"+prefcel+"' /><span id='span_aj_Celpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_celsuf' type='text' name='txtCellulaire_reps2' tabindex='11' value='"+sufcel+"' /><span id='span_aj_Celsuf'>phone (ex: 111-1111)</span></div>";
				  
				  frm_Markup +="<div class='clear_float mf_labels'><label>Fax : </label></div><div class='mf_prefTel'><input id='aj_faxpref' type='text' name='txtFax_reps1' tabindex='12' maxlength='4' value='"+preffax+"' /><span id='span_aj_Faxpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_faxsuf' type='text' name='txtFax_reps2' tabindex='13' value='"+suffax+"' /><span id='span_aj_Faxsuf'>phone (ex: 111-1111)</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Courriel : </label></div><div class='mf_input'><input id='aj_courriel' type='text' name='txtCourriel' tabindex='14' value='"+reponseJson[0]['reps_courriel']+"' /><span id='span_aj_courriel'></span></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Deuxième Courriel (s'il y lieu) : </label></div><div class='mf_input'><input id='aj_2courriel' type='text' name='txtDeuxiemeCourriel' tabindex='15' value='"+reponseJson[0]['reps_courriel2']+"' /><span id='span_aj_courriel2'></span></div>";
                                
                  frm_Markup +="<div class='clear_float mf_submit'><input type='button' name='btnSubmit' tabindex='16' value='Envoyer' onclick='valider(frmModifier)' /></div>";
               frm_Markup +="</form>";
			   
			   document.getElementById("mf_contact").style.display = "none";
			   document.getElementById("mf_form").innerHTML = frm_Markup;
			   setFocus(reponseJson[0]['reps_region_id_fk']);
			   document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédante' onclick='displayReps();' />" 
		}
	}
}


/*
	La fonction qui est appelée dans la fonction ci-dessus
	Elle prend la province du représentant et pré-selectionne le select du formulaire de modification
*/
function setFocus(valeur) {
/*	alert(valeur);*/
	if(valeur==1) {
		/*alert(document.frmModifier.radioProvince_reps.options[0].value);*/
		/*document.frmModifier.radioProvince_reps.options[1].selected = "selected";
		document.frmModifier.radioProvince_reps.options.value == 1;*/
		document.frmModifier.radioProvince_reps.options.selectedIndex = 1;
	}
	else
		/*alert(document.frmModifier.radioProvince_reps.options[1]);*/
		/*document.frmModifier.radioProvince_reps.options[2].selected = "selected";
		document.frmModifier.radioProvince_reps.options.selectedIndex == 2;*/
		document.frmModifier.radioProvince_reps.options.selectedIndex = 2;
}



/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "modifier" et passe tous les inputs du formulaire modification 
	Elle reçoit la reponse et appelle la fonction genererModifierRep
*/
function modifierRep(frm) {
	ajaxCall("GET","../action/cms.do.php?action=modifier&"+produireFormGet(frm),null,true, genererModifierRep);
}


/*
	La fonction qui est appelé par la fonction modifierRep ci-dessus 
	Elle contient la reponse du case "modifier" (les données de tous les représentants avec la bd déjà modifier)
	Elle affiche tous les données du REP dans la DIV ID=mf_form
*/
function genererModifierRep() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			/*alert(reponse);*/
			var reponseJson = JSON.parse(reponse);
			var markup = "<h1 style='color:red;'>Les données du représentant ont été modifiées à la base de données</h1><br />";
			
			markup += "<div id='jp_ontario'><h1 class='border_bas'>REPRÉSENTANTS DE L'ONTARIO</h1>";
		
			for (var i=0; i<reponseJson[0].length; i++) {
				markup +="<div class='jp_cuadrorep'><table>";
				
				if(reponseJson[0][i]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='../"+reponseJson[0][i]["reps_image"]+"' alt='' title='' /><br /><br /><img class='pointer' src='../images/boutton/camera_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayAjouterImage("+reponseJson[0][i]['reps_id']+")' /><p class='mf_descript'>Éditer l'image</p></td></tr>";
				markup +="<tr><td style='text-align:center'><img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierRep("+reponseJson[0][i]['reps_id']+")' /><p class='mf_descript'>Éditer les données</p></td><td style='text-align:center'><img class='pointer' src='../images/boutton/poubelle-icon.png' alt='Supprimer le représentant' title='Supprimer le représentant' width='30' height='30' onclick='displaySupprimerRep("+reponseJson[0][i]['reps_id']+")' /><p class='mf_descript'>Supprimer les données</p></td></tr>";
				
				/*markup +="<tr><td style='text-align:center'><img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierRep("+reponseJson[0][i]['reps_id']+")' /></td><td style='text-align:center'><img class='pointer' src='../images/boutton/poubelle-boutton.png' alt='Supprimer le représentant' title='Supprimer le représentant' width='30' height='30' onclick='displaySupprimerRep("+reponseJson[0][i]['reps_id']+")' /></td></tr>";*/
				/*if(reponseJson[0][i]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='"+reponseJson[0][i]["reps_image"]+"' alt='' title='' /></td></tr>";*/
				if(reponseJson[0][i]["reps_entreprise"] != "") markup += "<tr><td>Nom de l'entreprise : </td><td>"+reponseJson[0][i]['reps_entreprise']+"</td></tr>";
				if(reponseJson[0][i]["reps_nom"] != "") markup += "<tr><td>Nom du représentant : </td><td>"+reponseJson[0][i]['reps_nom']+"</td></tr>";
				if(reponseJson[0][i]["reps_adresse"] != "") markup += "<tr><td>Adresse : </td><td>"+reponseJson[0][i]['reps_adresse']+"</td></tr>";
				if(reponseJson[0][i]["reps_secteur"] != "") markup += "<tr><td>Secteur : </td><td>"+reponseJson[0][i]['reps_secteur']+"</td></tr>";
				if(reponseJson[0][i]["reps_codepostal"] != "") markup += "<tr><td>Code Postal : </td><td>"+reponseJson[0][i]['reps_codepostal']+"</td></tr>";
				if(reponseJson[0][i]["reps_telephone"] != "") markup += "<tr><td>Téléphone : </td><td>"+reponseJson[0][i]['reps_telephone']+"</td></tr>";
				if(reponseJson[0][i]["reps_cellulaire"] != "") markup += "<tr><td>Cellulaire : </td><td>"+reponseJson[0][i]['reps_cellulaire']+"</td></tr>";
				if(reponseJson[0][i]["reps_fax"] != "") markup += "<tr><td>Fax : </td><td>"+reponseJson[0][i]['reps_fax']+"</td></tr>";
				if(reponseJson[0][i]["reps_courriel"] != "") markup += "<tr><td>Courriel : </td><td>"+reponseJson[0][i]['reps_courriel']+"</td></tr>";
				if(reponseJson[0][i]["reps_courriel2"] != "") markup += "<tr><td>2ème Courriel : </td><td>"+reponseJson[0][i]['reps_courriel2']+"</td></tr>";
				markup += "</table>";
				markup += "</div>";
			}
			/*markup += "</div>";*/
			markup += "</div>";
			
			
			
			/*markup += "<div class='row'>";*/
        		markup += "<div id='jp_quebec'><h1 class='border_bas'>REPRÉSENTANTS DU QUÉBEC</h1>";
		
			for (var i=0; i<reponseJson[1].length; i++) {
				markup +="<div class='jp_cuadrorep'><table>";
				
				if(reponseJson[1][i]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='../"+reponseJson[1][i]["reps_image"]+"' alt='' title='' /><br /><br /><img class='pointer' src='../images/boutton/camera_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayAjouterImage("+reponseJson[1][i]['reps_id']+")' /><p class='mf_descript'>Éditer l'image</p></td></tr>";
				markup +="<tr><td style='text-align:center'><img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierRep("+reponseJson[1][i]['reps_id']+")' /><p class='mf_descript'>Éditer les données</p></td><td style='text-align:center'><img class='pointer' src='../images/boutton/poubelle-icon.png' alt='Supprimer le représentant' title='Supprimer le représentant' width='30' height='30' onclick='displaySupprimerRep("+reponseJson[1][i]['reps_id']+")' /><p class='mf_descript'>Supprimer les données</p></td></tr>";
				
				/*markup +="<tr><td style='text-align:center'><img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierRep("+reponseJson[1][i]['reps_id']+")' /></td><td style='text-align:center'><img class='pointer' src='../images/boutton/poubelle-boutton.png' alt='Supprimer le représentant' title='Supprimer le représentant' width='30' height='30' onclick='displaySupprimerRep("+reponseJson[1][i]['reps_id']+")' /></td></tr>";
				if(reponseJson[1][i]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='"+reponseJson[1][i]["reps_image"]+"' alt='' title='' /></td></tr>";*/
				if(reponseJson[1][i]["reps_entreprise"] != "") markup += "<tr><td>Nom de l'entreprise : </td><td>"+reponseJson[1][i]['reps_entreprise']+"</td></tr>";
				if(reponseJson[1][i]["reps_nom"] != "") markup += "<tr><td>Nom du représentant : </td><td>"+reponseJson[1][i]['reps_nom']+"</td></tr>";
				if(reponseJson[1][i]["reps_adresse"] != "") markup += "<tr><td>Adresse : </td><td>"+reponseJson[1][i]['reps_adresse']+"</td></tr>";
				if(reponseJson[1][i]["reps_secteur"] != "") markup += "<tr><td>Secteur : </td><td>"+reponseJson[1][i]['reps_secteur']+"</td></tr>";
				if(reponseJson[1][i]["reps_codepostal"] != "") markup += "<tr><td>Code Postal : </td><td>"+reponseJson[1][i]['reps_codepostal']+"</td></tr>";
				if(reponseJson[1][i]["reps_telephone"] != "") markup += "<tr><td>Téléphone : </td><td>"+reponseJson[1][i]['reps_telephone']+"</td></tr>";
				if(reponseJson[1][i]["reps_cellulaire"] != "") markup += "<tr><td>Cellulaire : </td><td>"+reponseJson[1][i]['reps_cellulaire']+"</td></tr>";
				if(reponseJson[1][i]["reps_fax"] != "") markup += "<tr><td>Fax : </td><td>"+reponseJson[1][i]['reps_fax']+"</td></tr>";
				if(reponseJson[1][i]["reps_courriel"] != "") markup += "<tr><td>Courriel : </td><td>"+reponseJson[1][i]['reps_courriel']+"</td></tr>";
				if(reponseJson[1][i]["reps_courriel2"] != "") markup += "<tr><td>2ème Courriel : </td><td>"+reponseJson[1][i]['reps_courriel2']+"</td></tr>";
				markup += "</table>";
				markup += "</div>";
			}
			markup += "</div>";
			markup += "</div>";
			
			document.getElementById("mf_contact").style.display = "block";
			document.getElementById("mf_form").innerHTML = markup;
			document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_reps_ajouter' value='Ajouter un représentant' onclick='displayAjouterRep();' />"
		}
	}
}




/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "display_modifier_bugtek" et passe l'id de KEMFIX dans la BD bug_contact
	Elle reçoit la reponse et appelle la fonction genererDisplayModifierBugtek
*/
function displayModifierBugtek(id) {
	ajaxCall("GET","../action/cms.do.php?action=display_modifier_bugtek&bugId="+id,null,true, genererDisplayModifierBugtek);
}



/*
	La fonction qui est appelé par la fonction displayModifierBugtek ci-dessus 
	Elle contient la reponse du case "display_modifier_bugtek" (les données de KEMFIX qui l'utilisateur veut modifier)
	Elle affiche le formulaire avec tous les données de KEMFIX dans la DIV ID=mf_form
	Le formulaire envoie la modification à la BD bug_contact
*/
function genererDisplayModifierBugtek() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			/*alert(reponse);*/
			var reponseJson = JSON.parse(reponse);
			/*alert(reponseJson);*/
			
			var tel = reponseJson[0]['bug_telephone_fr'].split(" ");
			if(reponseJson[0]['bug_telephone_fr']!=="") {
				var pref = tel[0];
				var suf = tel[1];
			}
			else {
				var pref = "";
				var suf = "";
			}
			
			var tel = reponseJson[0]['bug_telephone_en'].split(" ");
			if(reponseJson[0]['bug_telephone_en']!=="") {
				var prefEn = tel[0];
				var sufEn = tel[1];
			}
			else {
				var prefEn = "";
				var sufEn = "";
			}
			
			var cel = reponseJson[0]['bug_cellulaire'].split(" ");
			if(reponseJson[0]['bug_cellulaire']!=="") {
				var prefcel = cel[0];
				var sufcel = cel[1];
			}
			else {
				var prefcel = "";
				var sufcel = "";
			}
			
			
			var fax = reponseJson[0]['bug_fax'].split(" ");
			if(reponseJson[0]['bug_fax']!=="") {
				var preffax = fax[0];
				var suffax = fax[1];
			}
			else {
				var preffax = "";
				var suffax = "";
			}
			
			var frm_Markup ="<form name='frmModifierBugtek'>";
				frm_Markup +="<input id='quelForm' type='hidden' name='txtId_bug' value='bugtek' />";
                  frm_Markup +="<h1 class='border_bas'>Modifier les données de Kemfix</h2><br />";
                  /*frm_Markup +="<div class='mf_labels'><label>Province : *</label></div>";
                  frm_Markup +="<div class='mf_input'>";*/
				  frm_Markup +="<input id='aj_province' type='hidden' name='txtId_bug' value='bugtek' />";
				  	/*frm_Markup += "<select id='aj_province' name='radioProvince_reps'>";
						frm_Markup += "<option value=''>Sélectionnez une province</option>";
						frm_Markup += "<option value='1'>Ontario</option>";
						frm_Markup += "<option value='2'>Québec</option>";
					frm_Markup += "</select>";
					
                  frm_Markup +="</div>";*/
                  frm_Markup +="<div class='clear_float mf_labels'><label>Nom de l'entreprise : </label></div><div class='mf_input'><input type='text' name='txtNomEmtreprise_bug' tabindex='1' value='"+reponseJson[0]['bug_entreprise']+"' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Nom de la personne : </label></div><div class='mf_input'><input type='text' name='txtNom_bug' tabindex='2' value='"+reponseJson[0]['bug_nom']+"' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Adresse : </label></div><div class='mf_input'><input type='text' name='txtAdresse_bug' tabindex='3' value='"+reponseJson[0]['bug_adresse']+"' /></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Secteur ou Ville : </label></div><div class='mf_input'><input type='text' name='txtSecteurs_bug' tabindex='4' value='"+reponseJson[0]['bug_secteur']+"' /><span> ex: ''Drummondville - QC'' ou ''Est de Québec  - Maritime''</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Code postal : </label></div><div class='mf_input'><input id='aj_codepostal' type='text' name='txtCodePostal_bug' tabindex='5' maxlength='7' value='"+reponseJson[0]['bug_codepostal']+"' /><span id='span_aj_codepostal'> ex: H1H 1H1</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Téléphone FR : </label></div><div class='mf_prefTel'><input id='aj_telpref' type='text' name='txtTelephoneFr_bug1' tabindex='6' maxlength='4' value='"+pref+"' /><span id='span_aj_Telpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_telsuf' type='text' name='txtTelephoneFr_bug2' tabindex='7' value='"+suf+"' /><span id='span_aj_Telsuf'>phone (ex: 111-1111)</span></div>";
				  
				  frm_Markup +="<div class='clear_float mf_labels'><label>Téléphone EN : </label></div><div class='mf_prefTel'><input id='aj_telpref' type='text' name='txtTelephoneEn_bug1' tabindex='8' maxlength='4' value='"+prefEn+"' /><span id='span_aj_Telpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_telsuf' type='text' name='txtTelephoneEn_bug2' tabindex='9' value='"+sufEn+"' /><span id='span_aj_Telsuf'>phone (ex: 111-1111)</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Cellulaire : </label></div><div class='mf_prefTel'><input type='text' id='aj_celpref' name='txtCellulaire_bug1' tabindex='10' maxlength='4' value='"+prefcel+"' /><span id='span_aj_Celpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_celsuf' type='text' name='txtCellulaire_bug2' tabindex='11' value='"+sufcel+"' /><span id='span_aj_Celsuf'>phone (ex: 111-1111)</span></div>";
				  
				  frm_Markup +="<div class='clear_float mf_labels'><label>Fax : </label></div><div class='mf_prefTel'><input id='aj_faxpref' type='text' name='txtFax_bug1' tabindex='12' maxlength='4' value='"+preffax+"' /><span id='span_aj_Faxpref'>prefixe (ex: 514)</span></div><div class='mf_Tel'><input id='aj_faxsuf' type='text' name='txtFax_bug2' tabindex='13' value='"+suffax+"' /><span id='span_aj_Faxsuf'>phone (ex: 111-1111)</span></div>";
				  
                  frm_Markup +="<div class='clear_float mf_labels'><label>Courriel : </label></div><div class='mf_input'><input id='aj_courriel' type='text' name='txtCourriel_bug' tabindex='14' value='"+reponseJson[0]['bug_courriel']+"' /><span id='span_aj_courriel'></span></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Deuxième Courriel (s'il y lieu) : </label></div><div class='mf_input'><input id='aj_2courriel' type='text' name='txtDeuxiemeCourriel_bug' tabindex='15' value='"+reponseJson[0]['bug_courriel2']+"' /><span id='span_aj_courriel2'></span></div>";
                                
                  frm_Markup +="<div class='clear_float mf_submit'><input type='button' name='btnSubmit' tabindex='16' value='Envoyer' onclick='valider(frmModifierBugtek)' /></div>";
               frm_Markup +="</form>";
			   
			   document.getElementById("mf_contact").style.display = "none";
			   document.getElementById("mf_form").innerHTML = frm_Markup;
			   document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédante' onclick='displayReps();' />" 
		}
	}
}





/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "modifierBugtek" et passe les valeurs de tous les input du formulaire de KEMFIX
	Elle reçoit la reponse et appelle la fonction genererModifierBugtek
*/
function modifierBugtek(frm) {
	ajaxCall("GET","../action/cms.do.php?action=modifierBugtek&"+produireFormGet(frm),null,true, genererModifierBugtek);
}


/*
	La fonction qui est appelé par la fonction modifierBugtek ci-dessus 
	Elle contient la reponse du case "modifierBugtek" (les données de KEMFIX qui l'utilisateur a déjà modifié)
	Elle affiche tous les données de KEMFIX dans la DIV ID=mf_contact
*/
function genererModifierBugtek() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			/*alert(reponse);*/
			var reponseJson = JSON.parse(reponse);
			var markup = "";
			
			for (var i=0; i<reponseJson[0].length; i++) {
				if(reponseJson[0][i]["bug_entreprise"] != "") markup += "<h1>"+reponseJson[0][i]['bug_entreprise']+"</h1>";
				markup += "<div class='mf_left'><img src='../"+reponseJson[0][i]['bug_image']+"' alt='' title='' width='87' height='87' /><br /><img class='pointer' src='../images/boutton/camera_icon.png' alt='Modifier la photo' title='Modifier la photo' width='30' alt='30' onclick='displayAjouterImageBugtek("+reponseJson[0][i]["bug_id"]+")' /><p class='mf_descript'>Éditer l'image</p></div>";
				markup += "<div class='mf_right'>";
					if(reponseJson[0][i]["bug_nom"] != "") markup += "<h2>"+reponseJson[0][i]['bug_nom']+"</h2>";
					if(reponseJson[0][i]["bug_adresse"] != "") markup += "<p>"+reponseJson[0][i]['bug_adresse']+"</p>";
					if(reponseJson[0][i]["bug_secteur"] != "") markup += "<p>"+reponseJson[0][i]['bug_secteur']+"</p>";
					if(reponseJson[0][i]["bug_codepostal"] != "") markup += "<p>"+reponseJson[0][i]['bug_codepostal']+"</p>";				
					if(reponseJson[0][i]["bug_telephone_fr"] != "") markup += "<p>Téléphone : "+reponseJson[0][i]['bug_telephone_fr']+"</p>";
					if(reponseJson[0][i]["bug_telephone_en"] != "") markup += "<p>Anglais (Toll Free) : "+reponseJson[0][i]['bug_telephone_en']+"</p>";
					if(reponseJson[0][i]["bug_cellulaire"] != "") markup += "<p>Cellulaire : "+reponseJson[0][i]['bug_cellulaire']+"</p>";
					if(reponseJson[0][i]["bug_fax"] != "") markup += "<p>Fax : "+reponseJson[0][i]['bug_fax']+"</p>";				
					if(reponseJson[0][i]["bug_courriel"] != "") markup += "<p>Courriel : <a href='mailto:"+reponseJson[0][i]['bug_courriel']+"'>"+reponseJson[0][i]['bug_courriel']+"</a></p>";
					if(reponseJson[0][i]["bug_courriel2"] != "") markup += "<p>Deuxième Courriel : <a href='mailto:"+reponseJson[0][i]['bug_courriel2']+"'>"+reponseJson[0][i]['bug_courriel2']+"</a></p>";
				markup += "<img class='pointer' src='../images/boutton/edit_icon.png' alt='Modifier les données du représentant' title='Modifier les données du représentant' width='30' alt='30' onclick='displayModifierBugtek("+reponseJson[0][i]["bug_id"]+")' /><p class='mf_descript'>Éditer les données</p>";
			markup += "</div>";
			}
			
			/*displayReps();*/
			document.getElementById("mf_contact").style.display = "block";
			document.getElementById("mf_contact").innerHTML = markup;
			document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédente' onclick='displayReps();' />" 
			document.getElementById("mf_form").innerHTML = "";
		}
	}
}





/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "displaySupprimer" et passe l'id du représentant qui l'utilisateur veut supprimer de la BD
	Elle reçoit la reponse et appelle la fonction genererDisplaySupprimerRep
*/
function displaySupprimerRep(idRep) {
	/*alert(idRep);*/
	ajaxCall("GET","../action/cms.do.php?action=displaySupprimer&idRepres="+idRep,null,true, genererDisplaySupprimerRep);
}


/*
	La fonction qui est appelé par la fonction displaySupprimerRep ci-dessus 
	Elle contient la reponse du case "displaySupprimer" (les données du représentant qui l'utilisateur veut supprimer)
	Elle affiche un tableau avec tous les données du représentant dans la DIV ID=mf_form
	S'il clique le bouton OUI, on supprime le REP de la BD bug_reps
*/
function genererDisplaySupprimerRep() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			/*alert(reponse);*/
			var reponseJson = JSON.parse(reponse);
			/*alert(reponse);*/
			var markup = "<h1 style='color:red;'>Vous êtes sur le point de supprimer le représentant ci-dessous<br />Voulez-vous vraiment confirmer l'opération?</h1>";
			markup += "<div class='textcenter'><form>";
				markup += "<input  type='button' name='supprimerOui' value='OUI' onclick='supprimerRep("+reponseJson[0]["reps_id"]+");' />";
				markup += "<input type='button' name='supprimerNon' value='NON' onclick='displayReps();' />";
			markup += "</form></div><br />";
			
			markup +="<div id='suprCenter' class='column'><table>";
				if(reponseJson[0]["reps_image"] != "") markup += "<tr><td colspan='2' style='text-align:center'><img src='../"+reponseJson[0]["reps_image"]+"' alt='' title='' /></td></tr>";
				if(reponseJson[0]["reps_entreprise"] != "") markup += "<tr><td>Nom de l'entreprise : </td><td>"+reponseJson[0]['reps_entreprise']+"</td></tr>";
				if(reponseJson[0]["reps_nom"] != "") markup += "<tr><td>Nom du représentant : </td><td>"+reponseJson[0]['reps_nom']+"</td></tr>";
				if(reponseJson[0]["reps_adresse"] != "") markup += "<tr><td>Adresse : </td><td>"+reponseJson[0]['reps_adresse']+"</td></tr>";
				if(reponseJson[0]["reps_secteur"] != "") markup += "<tr><td>Secteur : </td><td>"+reponseJson[0]['reps_secteur']+"</td></tr>";
				if(reponseJson[0]["reps_codepostal"] != "") markup += "<tr><td>Code Postal : </td><td>"+reponseJson[0]['reps_codepostal']+"</td></tr>";
				if(reponseJson[0]["reps_telephone"] != "") markup += "<tr><td>Téléphone : </td><td>"+reponseJson[0]['reps_telephone']+"</td></tr>";
				if(reponseJson[0]["reps_cellulaire"] != "") markup += "<tr><td>Cellulaire : </td><td>"+reponseJson[0]['reps_cellulaire']+"</td></tr>";
				if(reponseJson[0]["reps_fax"] != "") markup += "<tr><td>Fax : </td><td>"+reponseJson[0]['reps_fax']+"</td></tr>";
				if(reponseJson[0]["reps_courriel"] != "") markup += "<tr><td>Courriel : </td><td>"+reponseJson[0]['reps_courriel']+"</td></tr>";
				if(reponseJson[0]["reps_courriel2"] != "") markup += "<tr><td>2ème Courriel : </td><td>"+reponseJson[0]['reps_courriel2']+"</td></tr>";
				markup += "</table>";
				markup += "</div>";
			
			document.getElementById("mf_contact").style.display = "none";
			document.getElementById("mf_form").innerHTML = markup;
			document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédente' onclick='displayReps();' />" 
		}
	}
}


/*
	La fonction qui appelle par AJAX le fichier cms.do.php
	Elle cherche le case "supprimer" et passe l'id du représentant qui l'utilisateur veut supprimer de la BD
	Elle reçoit la reponse et appelle la fonction genererModifierRep, qui est supposé a afficher tous les représentant qui sont à la BD après que l'action supprimer est fait
*/
function supprimerRep(idRep) {
	ajaxCall("GET","../action/cms.do.php?action=supprimer&idRepres="+idRep,null,true, genererModifierRep);
}

/*function genererSupprimerRep() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
		
		}
	}
}*/



/*
	La fonction qui affiche le formulaire avec un input type=file
	L'utilisateur peut uploader une nouvelle photo d'un représentant en cliquant sur le bouton envoyer.
	Le action='cms_reps.php' recharge la page cms_reps.php qui continet des paramètres pour checker s'il faut faire l'upload d'une photo
*/
function displayAjouterImage(idRep) {
	var frm_Markup ="<form name='frmAjouteImg' enctype='multipart/form-data' method='post' action='cms_reps.php'>";
		frm_Markup +="<input type='hidden' name='txtId_reps' value='"+idRep+"' />";
		frm_Markup +="<h1 class='border_bas'>Ajouter une photo au représentant</h2>";
       		frm_Markup +="<div class='clear_float mf_labels'><label>Photo : </label></div><div class='mf_input'><input type='file' name='fileUpload_reps' tabindex='1' value='' /><span> Ajoutez une image de 87 x 87 px </span></div>";
        frm_Markup +="<div class='clear_float mf_submit'><input type='submit' name='btnSubmitPhoto' tabindex='2' value='Envoyer' /></div>";
        frm_Markup +="</form>";
			   
		document.getElementById("mf_contact").style.display = "none";
		document.getElementById("mf_form").innerHTML = frm_Markup;
		document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédente' onclick='displayReps();' />" 
}



/*
	La fonction qui affiche le formulaire avec un input type=file
	L'utilisateur peut uploader une nouvelle photo à KEMFIX en cliquant sur le bouton envoyer.
	Le action='cms_reps.php' recharge la page cms_reps.php qui continet des paramètres pour checker s'il faut faire l'upload de cette photo
*/
function displayAjouterImageBugtek(idRep) {
	var frm_Markup ="<form name='frmAjouteImgBugtek' enctype='multipart/form-data' method='post' action='cms_reps.php'>";
		frm_Markup +="<input type='hidden' name='txtId_bugtek' value='"+idRep+"' />";
		frm_Markup +="<h1 class='border_bas'>Ajouter une photo</h2>";
       		frm_Markup +="<div class='clear_float mf_labels'><label>Photo : </label></div><div class='mf_input'><input type='file' name='fileUpload_bugtek' tabindex='1' value='' /><span> Ajoutez une image de 87 x 87 px </span></div>";
        frm_Markup +="<div class='clear_float mf_submit'><input type='submit' name='btnSubmitPhotoBugtek' tabindex='2' value='Envoyer' /></div>";
        frm_Markup +="</form>";
			   
		document.getElementById("mf_form").innerHTML = frm_Markup;
		document.getElementById("frm_buttons_backajouter").innerHTML = "<input type='button' name='cms_back' value='<< Retourner à la page précédente' onclick='displayReps();' />" 
}



/*function afficherMsgAjouterRep(r) {
	var paragraphe,text;
	var divAffiche = document.getElementById("message");
		paragraphe = document.createElement("p");
		text = document.createTextNode(r);
		paragraphe.appendChild(text);
		divAffiche.appendChild(paragraphe);
	
}*/