// JavaScript Document

function cocher(form){
	var taille = document.forms[form].elements.length; 
    var element = null; 
		for(i=0; i < taille; i++){ 
		  element = document.forms[form].elements[i]; 
		  if(element.type == "checkbox"){
			element.checked = true; 
			}
		} 
}

function decocher(form){
	var taille = document.forms[form].elements.length; 
    var element = null; 
		for(i=0; i < taille; i++){ 
		  element = document.forms[form].elements[i]; 
		  if(element.type == "checkbox"){
			element.checked = false; 
			}
		} 
}

function cocherEdition(edition){
	var taille = document.forms['liste_series'].elements.length; 
    var element = null; 
	var check = document.getElementById('check_' + edition).checked;
		for(i=0; i < taille; i++){ 
		  element = document.forms['liste_series'].elements[i]; 
		  if(element.type == "checkbox" && element.id==edition){
			element.checked = check; 
			}
		} 
}


function choixVolume(){
	document.forms['liste_series'].action='';
	document.forms['liste_series'].submit();
	document.getElementById('a').innerHTML='';
}

function afficheChampPersonne(){
	
	document.getElementById('choix').innerHTML='à <input name="personne_prete" type="text" id="id_personne_pret" value="[NOM DE LA PERSONNE]" size="22" onclick="document.getElementById(\'id_personne_pret\').value=\'\';">';
}

function afficheChampPrix(){
	document.getElementById('choix').innerHTML='<input name="prix_vente" type="text" id="id_prix_vente" value="[PRIX UNITAIRE EN €]" onclick="document.getElementById(\'id_prix_vente\').value=\'\';"> €';
}

function masqueChamp(){
	document.getElementById('choix').innerHTML='';
}

function modifAffichageChamps(){
	switch(document.getElementById('id_action').value){
	case 'SUPPR' : 
	masqueChamp();
	break;
	case 'PRET' : 
	afficheChampPersonne();
	break;
	case 'RENDU' : 
	masqueChamp();
	break;
	case 'VENDRE' : 
	afficheChampPrix();
	break;
	case 'PAS_VENDRE' : 
	masqueChamp();
	break;
	}
}

function afficherFormulaireNote(id_serie,user_id){
div_note=document.createElement("div");
div_note.id="note_change_" + id_serie;
div_note.style.position="absolute";
div_note.style.backgroundColor="#FFFFFF";
div_note.style.borderWidth="1px";
div_note.style.borderColor="#000000";
div_note.style.borderStyle="dashed ";

var notes='';
	for(i=0;i<=10;i++){
	notes= notes + "<img src=\"/design/img/"+ i + ".gif\" onclick=\"validerNote('" + i + "','" + id_serie + "','" + user_id +"');\" class=\"image_note\"><br>";
	}

div_note.innerHTML=notes + "<img src=\"/design/img/pas_note.gif\" onclick=\"validerNote('NONE','" + id_serie + "','" + user_id + "');\" class=\"image_note\"><br>";
div_note.innerHTML=div_note.innerHTML + "<span style=\"cursor:pointer;\" onclick=\"document.getElementById('note_" + id_serie + "').removeChild(document.getElementById('note_change_" + id_serie + "'));\">Annuler</span>";

if(document.getElementById("note_change_" + id_serie)){
document.getElementById('note_' + id_serie).removeChild(div_note);
}
else{
document.getElementById("note_" + id_serie).appendChild(div_note);
}
//fermerDivNote(id_serie);		
//document.getElementById('note_change_' + id_serie).style.visibility='visible';
}

function afficherFormulaireNoteGros(id_serie,user_id){
div_note=document.createElement("div");
div_note.id="note_change_" + id_serie;
div_note.style.position="absolute";
div_note.style.backgroundColor="#FFFFFF";
div_note.style.borderWidth="1px";
div_note.style.borderColor="#000000";
div_note.style.borderStyle="dashed ";

var notes='';
	for(i=0;i<=10;i++){
	notes= notes + "<img src=\"/design/img/"+ i + ".png\" onclick=\"validerNoteGros('" + i + "','" + id_serie + "','" + user_id +"');\" class=\"image_note\"><br>";
	}

div_note.innerHTML=notes + "<img src=\"/design/img/none.png\" onclick=\"validerNoteGros('NONE','" + id_serie + "','" + user_id + "');\" class=\"image_note\"><br>";
div_note.innerHTML=div_note.innerHTML + "<span style=\"cursor:pointer;\" onclick=\"document.getElementById('note_" + id_serie + "').removeChild(div_note);\">Annuler</span>";

document.getElementById("note_" + id_serie).appendChild(div_note);
//fermerDivNote(id_serie);		
//document.getElementById('note_change_' + id_serie).style.visibility='visible';
}

function validerNoteGros(note,id_serie,id_user){
document.getElementById('note_change_' + id_serie).style.visibility='hidden';

var xhr = createXHR();
var url = '/collection/include/valider_note_gros.php';
document.getElementById('note_' + id_serie).innerHTML = 'Notation en cours...';
    xhr.open("POST", url, true);
    xhr.onreadystatechange = function handleHttpResponse() {
	  if (xhr.readyState == 4 && xhr.status == 200) {
	  results = xhr.responseText;
	  document.getElementById('note_' + id_serie).innerHTML = results;
	  }
	  else{
	  document.getElementById('note_' + id_serie).innerHTML = "Veuillez patienter";
	  }
	};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send("id_serie=" + id_serie + "&note=" + note + "&id_user=" + id_user);
}

function validerNote(note,id_serie,id_user){
document.getElementById('note_change_' + id_serie).style.visibility='hidden';

var xhr = createXHR();
var url = '/collection/include/valider_note.php';
document.getElementById('note_' + id_serie).innerHTML = 'Notation en cours...';
    xhr.open("POST", url, true);
    xhr.onreadystatechange = function handleHttpResponse() {
	  if (xhr.readyState == 4 && xhr.status == 200) {
	  results = xhr.responseText;
	  document.getElementById('note_' + id_serie).innerHTML = results;
	  }
	  else{
	  document.getElementById('note_' + id_serie).innerHTML = "Veuillez patienter";
	  }
	};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send("id_serie=" + id_serie + "&note=" + note + "&id_user=" + id_user);
}

/* Fontion d'initialisation de l'objet XHR*/
function createXHR() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (err3) {
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			// XMLHttpRequest non supporte par le navigateur 
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
			request = false;
		}
            }
        }
	
    return request;
}

function fermerDivNote(id_serie){
div=document.getElementsByTagName('*');
var taille = div.length; 
var element = null; 
	for(i=0; i < taille; i++){ 
		if(div[i].id!='note_change_' + id_serie && div[i].id.substr(0,12)=='note_change_'){
		div[i].style.visibility='hidden';	
		}
	} 
}

function changerEtatSerie(id_edition,action,id_user){
var xhr = createXHR();
var url = '/collection/include/changer_etat_serie.php';
    xhr.open("POST", url, true);
    xhr.onreadystatechange = function handleHttpResponse() {
	  if (xhr.readyState == 4 && xhr.status == 200) {
	  results = xhr.responseText;
	  document.getElementById('drapeau_' + id_edition).innerHTML = results;
	  }
	  else{
	  document.getElementById('drapeau_' + id_edition).innerHTML = "Veuillez patienter";
	  }
	};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send("id_edition=" + id_edition + "&action=" + action + "&id_user=" + id_user);
}

function recupSeries(){
var xhr = createXHR();
var url = '/include/recherche_series_ajax.php';
var chaine = document.getElementById('recherche').value;

	if(chaine!=""){
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('suggestions').style.visibility='visible';
			document.getElementById('suggestions').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("chaine=" + chaine);
	}
	else{
	document.getElementById('suggestions').style.innerHTML='';
	document.getElementById('suggestions').style.visibility='hidden';
	}
}

function recupSeriesCollection(id_user,section){
var xhr = createXHR();
var url = '/collection/include/recherche_series_collection_ajax.php';
var chaine = document.getElementById('recherche').value;

	if(chaine!=""){
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('suggestions').style.visibility='visible';
			document.getElementById('suggestions').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("chaine=" + chaine + "&id_user=" + id_user + "&section=" + section);
	}
	else{
	document.getElementById('suggestions').style.innerHTML='';
	document.getElementById('suggestions').style.visibility='hidden';
	}
}

function recupBoutiques(type){

var xhr = createXHR();
var url = '/collection/include/recherche_boutiques_ajax.php';
var chaine = document.getElementById('recherche_boutique').value;
var params="chaine=" + chaine;

	if(type){
	params+="&type=" + type;
	}

	if(chaine!=""){
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
  			if(chaine.length>2){
  			document.getElementById('suggestions_boutiques').style.visibility='visible';
  			}
			document.getElementById('suggestions_boutiques').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send(params);
	}
	else{
	document.getElementById('suggestions_boutiques').style.innerHTML='';
	document.getElementById('suggestions_boutiques').style.visibility='hidden';
	}
}

function afficherListeVolumes(id_serie,id_user,section){
var xhr = createXHR();
var url = '/collection/include/affichage_volumes_ajax.php';
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('liste_volumes').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("id_serie=" + id_serie + "&id_user=" + id_user + "&section=" + section);
}

function insererAvis(id_user,avis,id_serie){
var xhr = createXHR();
var url = '/collection/include/inserer_avis_user_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('encart_avis').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("id_serie=" + id_serie + "&id_user=" + id_user + "&avis=" + avis);
}

function afficherFormulaireAvis(){
	if(document.getElementById('form_avis').style.visibility=='hidden' | document.getElementById('form_avis').style.visibility==''){
	document.getElementById('form_avis').style.visibility='visible';
	}
	else{
	document.getElementById('form_avis').style.visibility='hidden';	
	}
}

function recupSeriesVente(id_user){
	var xhr = createXHR();
var url = '/collection/include/recherche_series_vente_ajax.php';
var chaine = document.getElementById('recherche').value;

	if(chaine!=""){
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('suggestions').style.visibility='visible';
			document.getElementById('suggestions').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("chaine=" + chaine + "&id_user=" + id_user);
	}
	else{
	document.getElementById('suggestions').style.innerHTML='';
	document.getElementById('suggestions').style.visibility='hidden';
	}
}

function afficherListeVolumesVente(id_serie,id_user){
var xhr = createXHR();
var url = '/collection/include/affichage_volumes_vente_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('liste_volumes').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("id_serie=" + id_serie + "&id_user=" + id_user);
}

function supprimerPhotoCollection(id_photo,id_user){
var xhr = createXHR();
var url = '/collection/include/suppression_photos_collection_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('liste_photos').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("id_photo=" + id_photo + "&id_user=" + id_user);
}

function recupererVolumesAction(form,action,id_user,id_edition,table){

var taille = document.forms[form].elements.length; 
var element = null; 
var volumes='';
var chaine_post="action=" + action + "&id_user=" + id_user + "&id_edition=" + id_edition + "&table=" + table;

	for(i=0; i < taille; i++){ 
	 element = document.forms[form].elements[i]; 
	  	if(element.type == "checkbox" && element.checked == true){
		volumes=volumes + ' ' + element.value;
		}
	} 
	
	chaine_post+="&volumes=" + volumes;
	
  if(action==2){
  chaine_post+="&prix_vente=" + document.getElementById('prix_vente').value;
  }
  else if(action==4){
  chaine_post+="&nom_personne=" + document.getElementById('nom_personne').value;
  }
  else if(action==6){
  chaine_post+="&j_achat=" + document.getElementById('j_achat').value + "&m_achat=" + document.getElementById('m_achat').value + "&a_achat=" + document.getElementById('a_achat').value;
  }
  else if(action==7){
  chaine_post+="&id_boutique=" + document.getElementById('id_boutique').value;
  }
  else if(action==8){
  chaine_post+="&prix_vente=" + document.getElementById('prix_vente').value + "&id_user=" + document.getElementById('id_ami').value + "&date_j=" + document.getElementById('date_j').value + "&date_m=" + document.getElementById('date_m').value + "&date_a=" + document.getElementById('date_a').value;
  }
  else if(action==9){
  chaine_post+="&prix_vente=" + document.getElementById('prix_vente').value;
  }
  else if(action==10){
  chaine_post+="&prix_achat=" + document.getElementById('prix_achat').value;
  }
	
	//alert(document.getElementById('prix_vente').value);
	
	var xhr = createXHR();
	var url = '/collection/include/action_volumes_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('liste_volumes_collection').innerHTML = results;
			fermerPopup();
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send(chaine_post);
}

function testerRadio(radio) {
	for (var i=0; i<radio.length;i++) {
		if (radio[i].checked) {
		return radio[i].value;
		}
     }
}

function afficherSousMenus(page,id_user){
var sous_menu;
document.getElementById('liste').className='menu_collection_non_selectionne';
document.getElementById('ajout').className='menu_collection_non_selectionne';
document.getElementById('planning').className='menu_collection_non_selectionne';
document.getElementById('vente').className='menu_collection_non_selectionne';
document.getElementById('shopping_list').className='menu_collection_non_selectionne';
document.getElementById('prets').className='menu_collection_non_selectionne';
document.getElementById(page).className='menu_collection_selectionne';
	if(page=='liste'){
	sous_menu="<ul><li><a href=\"collection.php?id=" + id_user + "&page=liste\">Ma collection</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=liste&filtre_support=livres\">Mes livres</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=liste&filtre_support=dvd\">Mes DVD</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=liste&type_liste=1\">S&eacute;ries lues/vues</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=liste&type_liste=2\">En double</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=liste_manquants\">Volumes manquants</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=liste_photos\">Mes photos</a></li></ul>";
	}
	
	if(page=='ajout'){
	sous_menu="<ul><li><a href=\"collection.php?id=" + id_user + "&page=ajout\">Ajout &agrave; ma collection</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=ajout&section=lu\">Ajout &agrave; ma liste de s&eacute;ries lues/vues</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=ajout&section=shopping_list\">Ajout &agrave; ma shopping list</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=ajout&section=double\">Ajout &agrave; mes volumes en double</a></li></ul>";
	}
	
	if(page=='vente'){
	sous_menu="<ul><li><a href=\"collection.php?id=" + id_user + "&page=vente\">Mes volumes en vente</a></li>";
	sous_menu +="<li><a href=\"collection.php?id=" + id_user + "&page=vente_ms\">Les volumes en vente sur MS</a></li>";
	}
document.getElementById('sous_menu_collection').innerHTML=sous_menu;
}

function trierShoppingList(champ,id_user){
var xhr = createXHR();
var url = '/collection/include/tri_shopping_list_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('div_shopping_list').innerHTML = results;
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("champ=" + champ + "&id_user=" + id_user);
}

function miseAJourProfil(id_user){
var xhr = createXHR();
var url = '/collection/include/maj_profil_ajax.php';
var jour=document.getElementById('jour').value;
var mois=document.getElementById('mois').value;
var an=document.getElementById('an').value;
var sexe=document.getElementById('sexe').value;
var dep=document.getElementById('dep').value;
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('alerte').style.marginLeft = '150px';
			document.getElementById('alerte').innerHTML = results;
			}
			else{
			document.getElementById('alerte').innerHTML = "Mise à jour en cours";
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("id_user=" + id_user + "&jour=" + jour + "&mois=" + mois + "&an=" + an + "&sexe=" + sexe + "&dep=" + dep);
}

function modifierDateAchat(id_planning){
var xhr = createXHR();
var url = '/collection/include/modifier_date_achat_ajax.php';
var j=document.getElementById('j_achat_' + id_planning).value;
var m=document.getElementById('m_achat_' + id_planning).value;
var a=document.getElementById('a_achat_' + id_planning).value;
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('date_achat_' + id_planning).innerHTML = results;
			document.getElementById('date_achat_modif_' + id_planning).innerHTML = "";
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("j=" + j + "&m=" + m + "&a=" + a + "&id_planning=" + id_planning);
}

function modifierBoutiqueAchat(id_planning){
var xhr = createXHR();
var url = '/collection/include/modifier_lieu_achat_ajax.php';
var id_boutique=document.getElementById('id_boutique_' + id_planning).value;
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('lieu_achat_' + id_planning).innerHTML = results;
			document.getElementById('lieu_achat_modif_' + id_planning).innerHTML = "";
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("id_boutique=" + id_boutique + "&id_planning=" + id_planning);
}

function afficherPopup(action,type,largeur_popup,hauteur_popup,id_element){
var xhr = createXHR();
var chaine_post="action=" + action;
switch(type){
case "action_volumes" : 
var url = '/collection/include/popup_action_volumes.php';
break;
case "ajout_boutique" : 
var url = '/collection/include/popup_ajout_boutique.php';
break;
case "envoi_collection" : 
var url = '/collection/include/popup_envoi_collection.php';
break;
case "detail_transaction" : 
var url = '/collection/include/popup_detail_transaction.php';
break;
case "transaction" : 
var url = '/collection/include/popup_confirmation_transaction.php';
break;
case "dedicace" : 
var url = '/collection/include/popup_ajout_dedicace.php';
break;
case "liste_series_stats" : 
var url = '/collection/include/popup_liste_series_stats.php';
break;
case "shopping_libraire" : 
var url = '/collection/include/popup_shopping_libraire.php';
break;
}

var div_trans=document.createElement("div");
var popup=document.createElement("div");
var offset_barres=100;
var offset_scroll=document.documentElement.scrollTop;
var hauteur_page=screen.height;
var marge_top=((hauteur_page - hauteur_popup)/2);
var offset_total_hauteur= offset_scroll + marge_top - offset_barres;

var largeur_page=screen.width;
var marge_left=((largeur_page - largeur_popup)/2);
var offset_total_largeur= marge_left;

	if (id_element){
	chaine_post+="&id_element=" + id_element;
	}

//alert('Taille scroll : ' + offset_scroll + ' - Marge top : ' + marge_top + ' - Hauteur du document : ' + hauteur_page + ' - Total : ' + offset_total_hauteur);

    xhr.open("POST", url, true);
    xhr.onreadystatechange = function handleHttpResponse() {
	  if (xhr.readyState == 4 && xhr.status == 200) {
	  results = xhr.responseText;
	  
	  
	  /* Attribution des propriétés du DIV qui rendra inactif l'arrière-plan */
	  div_trans.id = 'div_trans';
	  div_trans.style.backgroundImage = 'url(/design/img/fond_trans.png)';
	  //div_trans.style.backgroundColor='#000000;';
	  div_trans.style.width = '100%';
	  //div_trans.style.height = document.getElementById('contenu').offsetHeight + 'px';
	  div_trans.style.height = '20000px';
	  //div_trans.style.width = '500px';
	  div_trans.style.top = '0';
	  div_trans.style.zIndex = '100000';
	  div_trans.style.position = 'absolute';
	  //div_trans.style.top = '0';
	  
	  /* Attribution des propriétés du DIV popup qui devra apparaître devant le div_trans précédemment créé */
	  popup.id = 'popup';
	  popup.style.backgroundColor = '#FFFFFF';
	  popup.style.zIndex = '100001';
	  
	  //alert(document.body.scrollHeight);
	  //popup.style.top = (document.body.clientHeight - document.body.scrollHeight) + 'px';
	  popup.style.top = offset_total_hauteur + 'px';
	  popup.style.left = offset_total_largeur + 'px';
	  popup.style.width = largeur_popup + 'px';
	  popup.style.height = hauteur_popup + 'px';
	  popup.style.border = '1px solid #000000';
	  popup.style.position = 'absolute';
	  popup.style.overflow = 'hidden';
	  popup.style.fontSize = '12px';
	  popup.style.paddingLeft = '5px';
	  document.body.style.overflow='auto';
	  
		  /* Création du div transparent et du popup qui va être rempli par le retour du script PHP */
		  if(document.getElementById('popup')){
			  //alert ("ca passe dans popup2");
		  popup.id = 'popup2';
		  div_trans.id= 'div_trans2';
		  div_trans.style.zIndex = '100002';
		  popup.style.zIndex = '100003';
		  
		  document.body.appendChild(popup);
		  document.body.appendChild(div_trans);
		  
		  document.getElementById('div_trans2').style.visibility='visible';
		  document.getElementById('popup2').innerHTML = results;
		  document.getElementById('popup2').style.visibility='visible';
		  }
		  else{
		  document.body.appendChild(popup);
		  document.body.appendChild(div_trans);
		  
		  //alert (document.getElementById('div_trans').style.zIndex);
		  
		  document.getElementById('div_trans').style.visibility='visible';
		  //document.getElementById('div_trans').style.border='1px solid #000000;';
		  document.getElementById('popup').innerHTML = results;
		  document.getElementById('popup').style.visibility='visible';  
		  }
	  }
	  else{
	  //alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
	  }
	};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send(chaine_post);
}

function fermerPopup(){
var nom_popup="popup";
var nom_trans="div_trans";

if(document.getElementById('popup2')){
nom_popup+='2';
nom_trans+='2';
}
if(document.getElementById('popup3')){
nom_popup+='3';
nom_trans+='3';
}
document.body.removeChild(document.getElementById(nom_popup));
document.body.removeChild(document.getElementById(nom_trans));
document.body.style.overflow='visible';
}

function ajouterBoutique(action){
var xhr = createXHR();
var url = '/collection/include/ajouter_boutique_ajax.php';

var nom=document.getElementById('nom_boutique').value;
var dep=document.getElementById('dep').value;
var adresse=document.getElementById('adr_boutique').value;
var cp=document.getElementById('cp').value;
var ville=document.getElementById('ville').value;
var pays=document.getElementById('pays').value;
var site=document.getElementById('site').value;
var type=document.getElementById('type').value;
var tel=document.getElementById('tel').value;
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			 if(action=="1"){
       document.getElementById('id_boutique').value = results;
			 document.getElementById('recherche_boutique').value = nom;
       }
       else if(action=="2"){
       document.getElementById('liste_boutiques').innerHTML = results;
       }
			fermerPopup();
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("action=" + action + "&nom=" + nom + "&dep=" + dep + "&adresse=" + adresse + "&cp=" + cp + "&ville=" + ville + "&pays=" + pays + "&site=" + site + "&type=" + type + "&tel=" + tel);
}

function envoyerMailCollection(mail,message){
var xhr = createXHR();
var url = '/collection/include/envoi_mail_collection_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			fermerPopup();
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("mail=" + mail + "&message=" + message);
}

function actionTransaction(action,id_transaction,id_probleme){
var xhr = createXHR();
var url = '/collection/include/transaction_ajax.php';
	
	xhr.open("POST", url, true);
		xhr.onreadystatechange = function handleHttpResponse() {
			if (xhr.readyState == 4 && xhr.status == 200) {
				
			results = xhr.responseText;
			document.getElementById('liste_confirmations_transactions').innerHTML=results;
			fermerPopup();
			}
			else{
			//alert("C'est pas en ready state=4 c'est en readystate=" + xhr.readyState);
			}
		};
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("action=" + action + "&id_probleme=" + id_probleme + "&id_transaction=" + id_transaction);
}