function OpenCenterPopUp(id){    
    var Left=(window.screen.width/2)-260;
    var Top=(window.screen.height/2)-350;
  //Videment faut modifier la config!!
   // var Configuration="'scrollbars=yes, resizeable, width=480, height=600, left=" + Left + ", top=" + Top + "'";
    window.open('pop_up.asp?id='+id,'description','scrollbars=1,resizable=1, width=520, height=700, left=' + Left + ', top=' + Top + '');
}
function afficher(id)
  {
    if (document.getElementById(id).style.display == 'none') 
    	current = 'block' 
    else 
    	current = 'none';
    document.getElementById(id).style.display = current;
  }

function montre_manif(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=31; i++) {
		if (document.getElementById('manif'+i)) {document.getElementById('manif'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
function montre_contact(id,nom,nbmax) {

var selectionee = document.getElementById('id_contact').options[document.getElementById('id_contact').selectedIndex].value;
var d = document.getElementById(id+selectionee);
	for (var i = 1; i<=nbmax; i++) {
		if (document.getElementById(nom+i)) {document.getElementById(nom+i).style.display='none';}
	}
	if (d) {d.style.display='block';}
}
function emoticon(code){
 //window.document.form1.message_livreor.value += ' ' + code + ' ';
	html = tinyMCE.getContent();
	tinyMCE.setContent(html+=' ' + code + ' ');
	
}
/********************** cryptage e-mail *********************/
function str2hex(s) {
   var a,b,d;
   var hexStr = '';
   for (var i=0; i < s.length; i++) {
      d = s.charCodeAt(i);
      a = d % 16;
      b = (d - a)/16;
      hexStr += '%' + "0123456789ABCDEF".charAt(b) + "0123456789ABCDEF".charAt(a);
   }
   return hexStr;
}
function encode(adresse,nom) {
   var s0 = adresse
   var encod;
   encod = str2hex(s0);
   s0 = s0.replace(/\@/,' at ');
   s0 = s0.replace(/\./g,' point ');
   document.write('<a href="mailto:' + encod + '" class="liens_caramel">'+ nom +'</a>');
}
/********************** Fin cryprage mail *********************/


/************** Ajax ***************************/ 
 var xhr = null; 

function getXhr(){
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
} 
/**
* Méthode qui sera appelée sur le click du bouton
*/
function identification_ajax(){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('msg_identification').innerHTML = leselect;
		}
		else
		{
			if (document.getElementById('loading_identification').style.display=='none'){document.getElementById('loading_identification').style.display='block';}
			if (document.getElementById('formulaire_identification').style.display=='block'){document.getElementById('formulaire_identification').style.display='none';}
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/identification.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('login_client');
	login_client = sel.value;
	sel = document.getElementById('mdp_client');
	mdp_client = sel.value;
	xhr.send("login_client="+login_client+"&mdp_client="+mdp_client);
}
function aj_commande(id_produit){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('id_panier').innerHTML = leselect;
		}
		else
		{
			if (document.getElementById('loading_panier').style.display=='none'){document.getElementById('loading_panier').style.display='block';}
			if (document.getElementById('article_panier').style.display=='block'){document.getElementById('article_panier').style.display='none';}
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/aj_commande.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	xhr.send("id_produit="+id_produit);
}
function modele(){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('id_modele_div').innerHTML = leselect;
		}
		else
		{
			if (document.getElementById('loading_modele').style.display=='none'){document.getElementById('loading_modele').style.display='block';}
			
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/modele.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('id_marque');
	id_marque = sel.options[sel.selectedIndex].value;
	xhr.send("id_marque="+id_marque);
}
function modele_filtre(){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('id_modele_div').innerHTML = leselect;
		}
		else
		{
			if (document.getElementById('loading_modele').style.display=='none'){document.getElementById('loading_modele').style.display='block';}
			
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/modele_filtre.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('id_marque');
	id_marque = sel.options[sel.selectedIndex].value;
	xhr.send("id_marque="+id_marque);
} 
function modele_config(){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('id_modele_div').innerHTML = leselect;
		}
		else
		{
			if (document.getElementById('loading_modele').style.display=='none'){document.getElementById('loading_modele').style.display='block';}
			if (document.getElementById('cache').style.display=='block'){document.getElementById('loading_modele').style.display='cache';}
			
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/modele_public.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('id_marque');
	id_marque = sel.options[sel.selectedIndex].value;
	xhr.send("id_marque="+id_marque);
} 

function grande_photo(id_photo){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('photo').innerHTML = leselect;
			Effect.Appear('img_gd');
		}
		else
		{
			
			if (document.getElementById('loading_image').style.display=='none'){document.getElementById('loading_image').style.display='block';}
			if (document.getElementById('cache_image').style.display=='block'){document.getElementById('cache_image').style.display='none';}
			
			
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","../include/agrandir_photo.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	Effect.Fade('img_gd');
	xhr.send("id_photo="+id_photo);
}


function actualiser_photo_voiture(id_voiture)
{
   getXhr();
   var pageUrl="../include/agrandir_photo.asp?id_voiture="+id_voiture+"";
	getXhr();
	xhr.onreadystatechange = function(){
		
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			document.getElementById('photo').innerHTML = leselect;
			Effect.Appear('img_gd');
		}
		else
		{
			
			

			if (document.getElementById('loading_image').style.display=='none'){document.getElementById('loading_image').style.display='block';}
			if (document.getElementById('cache_image').style.display=='block'){document.getElementById('cache_image').style.display='none';}
			
			
		}
	}

    xhr.open("GET", pageUrl, true);
	Effect.Fade('img_gd');
    xhr.send(null);
}

function modele_public(){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('id_modele_div').innerHTML = leselect;
			replaceSelects();
			
		}
		else
		{
			if (document.getElementById('loading_modele').style.display=='none'){document.getElementById('loading_modele').style.display='block';}
			if (document.getElementById('cache').style.display=='block'){document.getElementById('cache').style.display='none';}
			
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/modele_public.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('id_marque');
	id_marque = sel.options[sel.selectedIndex].value;
	
	xhr.send("id_marque="+id_marque);
}

function envoi_configurateur(nb_options){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('configurateur').innerHTML = leselect;
			if (document.getElementById('bouton').style.display=='block'){document.getElementById('bouton').style.display='none';}
			
		}
		else
		{
			if (document.getElementById('loading_envoi_conf').style.display=='none'){document.getElementById('loading_envoi_conf').style.display='block';}
			if (document.getElementById('cache_form').style.display=='block'){document.getElementById('cache_form').style.display='none';}
			
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/envoi_configuration.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('id_marque');
	id_marque = sel.options[sel.selectedIndex].value;
	
	sel = document.getElementById('id_modele');
	id_modele = sel.options[sel.selectedIndex].value;
	sel = document.getElementById('id_couleur');
	id_couleur = sel.options[sel.selectedIndex].value;
	sel = document.getElementById('id_energie');
	id_energie = sel.options[sel.selectedIndex].value;
	kms = escape(document.form2.elements["kms"].value);
	annee = escape(document.form2.elements["annee"].value);
	
	prix = escape(document.form2.elements["prix"].value);
	autres = escape(tinyMCE.getContent());
	chaine_envoi ="id_marque="+id_marque+"&id_modele="+id_modele+"&id_couleur="+id_couleur+"&id_energie="+id_energie+"&kms="+kms+"&prix="+prix+"&autres="+autres+"&annee="+annee ;
	
	for (i=1; i<=nb_options; i++){
	   id_option = 'option_'+i+'';
	   if (document.form2.elements[id_option].checked==true)
	   {
	   option = document.form2.elements[id_option].value;
		
	   chaine_envoi = chaine_envoi +"&"+id_option+"="+option;
	   }
   } 
	
	xhr.send(chaine_envoi);
}
 
function modele_index(){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('modele_ajax').innerHTML = leselect;
		}
		else
		{
			if (document.getElementById('loading_modele').style.display=='none'){document.getElementById('loading_modele').style.display='block';}
			if (document.getElementById('lst_cache').style.display=='block'){document.getElementById('lst_cache').style.display='cache';}
			
			
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../include/modele_index.asp",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('id_marque');
	id_marque = sel.options[sel.selectedIndex].value;
	xhr.send("id_marque="+id_marque);
} 
/********************* fin Ajax ************************/