function getXhr()
{
	var xhr = null; 
	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; 
	} 
	return xhr;
}
function zoom(src)
{
	var xhr = 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('charge').innerHTML = leselect;
			document.getElementById("charge").style.visibility = "visible";

		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","/AJAX.php",true);
//	ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//	ne pas oublier de poster les arguments

	xhr.send("action=zoom&image="+src);
}
///////////
function afficherPage(id){
	var xhr = getXhr();
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			// Action si réponse du serveur
			leselect = xhr.responseText;
			document.getElementById('charge').innerHTML = leselect;
			document.getElementById("charge").style.visibility = "visible";
		}	
	}
	// Requête
	xhr.open("POST","/AJAX.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("action=page&page="+id);
}
function fermer_pageAjax(){
	document.getElementById('charge').innerHTML = '';
	fermer('charge');
}
function validerCMD(){
	if ( document.getElementById('checkBoxCGV').checked == false){
		alert("Vous devez accepter \n les Conditions Générales de Vente");
		return false;
	}
	return true;
}

/////////////////
function scrollhp()
{
	if (document.all)
	{
		document.body.onscroll = function(){rouleRoule()};
	}
	else
	{
		window.onscroll = function(){rouleRoule()};
	}
}
function retour_hp()
{
	window.scrollTo(0,0);
	fermer('hautlien');
}
function rouleRoule()
{
	if(document.getElementById('hautlien'))
	{
	document.getElementById('hautlien').style.visibility = "visible";
	}
}
function condition()
{
	document.getElementById('condition').innerHTML = '<div class="image" onclick="fermer(\'condition\')"><div style="text-align:left;font-size:20px;font-weight:bold;text-decoration:underline;">Conditions :</div><div class="text"><br/>- Etre résident en France métropolitaine (hors DOM-TOM et Corse)<br/><br/>- Le poids de la commande totale doit étre inférieur à 20 Kg<br/><br/>- Hors Articles Spéciaux signalés par une <img style="vertical-align:middle" src=\'/images/Asterisque2.png\'/></div><br/><p onclick="fermer(\'condition\')">fermer</p></div>';
	document.getElementById("condition").style.visibility = "visible";
}
function affich_moteur(modele,numero)
{
	var xhr = 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('moteur_TD').innerHTML = leselect;
			document.getElementById("moteur_TD").style.visibility = "visible";

		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","/AJAX_TD.php",true);
//	ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//	ne pas oublier de poster les arguments

	xhr.send("action=moteurs&modele="+modele+"&numero="+numero);
}
function attente()
{
	document.getElementById("charge").style.visibility = "visible";
	document.getElementById("charge").style.background = "#FFFFFF";
	setAlpha("charge", 70);
}
function chargement(ev)
{
	var target = ev;
	alert(target);
}
function retour(choix)
{
	
	if(choix=='1')
	{
		window.location='/accueil.htm';
	}
	else
	{
		history.back();
	}
}
function fermer_zoom()
{
	// document.getElementById("charge").innerHTML='<div class="charge"><img src="/images/BigLoading.gif" /></div>';
	document.getElementById("charge").style.visibility = "hidden";
}
function fermer_veh()
{
	// document.getElementById("charge").innerHTML='<div class="charge"><img src="/images/BigLoading.gif" /></div>';
	document.getElementById("moteur_TD").style.visibility = "hidden";
}
function fermer(id)
{
	document.getElementById(id).style.visibility = "hidden";
}
function affiche_categorie(id)
{
	// attente();
	var xhr = 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 outerHTML pour rajouter les options a la liste

			document.getElementById(id).innerHTML = leselect;

			document.getElementById("charge").style.visibility = "hidden";

		}
		if(xhr.readyState == 4 && xhr.status == 503){
			leselect = xhr.responseText;
//			On se sert de outerHTML pour rajouter les options a la liste
			document.getElementById(id).innerHTML = leselect;
			document.getElementById("charge").style.visibility = "hidden";

		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","/AJAX_TD.php",true);
//	ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//	ne pas oublier de poster les arguments	
	xhr.send("cat="+id+"&action=categorie");	
}
function affiche_categorie2(id,ev)
{
	// attente();
	var xhr = 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 outerHTML pour rajouter les options a la liste

			document.getElementById('liste_cat_td').innerHTML = leselect;
			
			for(z=0;z<document.getElementById('nbcat').value;z++)
			{
				//alert(z);
				document.getElementById('td'+z).className ="";
				document.getElementById('im'+z).className ="imgong";
			}
			document.getElementById('td'+ev).className ="sel";
			document.getElementById('im'+ev).className ="imgongsel";
			document.getElementById("charge").style.visibility = "hidden";

		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","/AJAX_TD.php",true);
//	ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//	ne pas oublier de poster les arguments	
	xhr.send("cat="+id+"&action=categorie2");	
}
function somme(s1,s2,id)
{
	var somme = parseFloat(s1)+parseFloat(s2)
	document.getElementById(id).innerHTML=Math.round(somme*100)/100+' €';
	}
function liste(id,action,autre){



	switch (action) 
	{
	case 'ville':

		cp = document.getElementById('cp').value;

		if(cp.length > 1)
		{

			document.getElementById("charge").style.visibility = "visible";
			document.getElementById("charge").style.background = "#FFFFFF";
			setAlpha("charge", 70)
			var xhr = 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 outerHTML pour rajouter les options a la liste

					document.getElementById(id).innerHTML = leselect;

					document.getElementById("charge").style.visibility = "hidden";
				}
			}

			// Ici on va voir comment faire du post
			xhr.open("POST","/AJAX.php",true);
//			ne pas oublier ça pour le post
			xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//			ne pas oublier de poster les arguments	


			pays = document.getElementById('pays').value;
			zone = document.getElementById('zone').value;
			xhr.send("zone="+zone+"&cp="+cp+"&pays="+pays+"&action="+action);
		}
		else
		{
			document.getElementById("charge").style.visibility = "hidden";
			document.getElementById(id).innerHTML ='<input type="hidden" name="ville" id="ville" value="" />';	
		}
		break;
	case 'pays':

		zone = document.getElementById('zone').value;

		document.getElementById("charge").style.visibility = "visible";
		document.getElementById("charge").style.background = "#FFFFFF";
		setAlpha("charge", 70)
		var xhr = 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 outerHTML pour rajouter les options a la liste

				document.getElementById(id).innerHTML = leselect;

				document.getElementById("charge").style.visibility = "hidden";
				liste('liste_ville','ville');
			}
		}

		// Ici on va voir comment faire du post
		xhr.open("POST","/AJAX.php",true);
//		ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//		ne pas oublier de poster les arguments	


		xhr.send("zone="+zone+"&action="+action);

		break;
	case 'region':
		region = autre;

		var xhr = 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 outerHTML pour rajouter les options a la liste
				window.opener.document.getElementById('photo_region').innerHTML ='<img alt="" src="/image-65/images/plaques/'+region+'.jpg"/>';
				window.opener.document.getElementById(id).innerHTML = leselect;
				window.opener.document.getElementById('num_dept').innerHTML = '';
				window.opener.document.getElementById('valide').disabled='disabled';
				close();

			}
		}

		// Ici on va voir comment faire du post
		xhr.open("POST","/AJAX.php",true);
//		ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//		ne pas oublier de poster les arguments	


		xhr.send("region="+region+"&action="+action);

		break;
	case 'modele':
		document.getElementById("valider").disabled = true;
		cons = document.getElementById('constructeur').value;

		// attente();
		var xhr = 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 outerHTML pour rajouter les options a la liste

				document.getElementById(id).innerHTML = leselect;

				document.getElementById("charge").style.visibility = "hidden";
				liste('liste_moteur','moteur');
				
			}
		}

		// Ici on va voir comment faire du post
		xhr.open("POST","/AJAX.php",true);
//		ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//		ne pas oublier de poster les arguments	


		xhr.send("construct="+cons+"&action="+action);

		break;
	case 'moteur':

		cons = document.getElementById('constructeur').value;
		modele = document.getElementById('modele').value;
		// attente();
		var xhr = 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 outerHTML pour rajouter les options a la liste

				document.getElementById(id).innerHTML = leselect;

				document.getElementById("charge").style.visibility = "hidden";
				active_VTD();

			}
		}

		// Ici on va voir comment faire du post
		xhr.open("POST","/AJAX.php",true);
//		ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//		ne pas oublier de poster les arguments	


		xhr.send("construct="+cons+"&action="+action+"&modele="+modele);

		break;
	case 'recherche_type_mine':

		rech = document.getElementById('type_mine').value;
		// attente();
		var xhr = 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 outerHTML pour rajouter les options a la liste

				document.getElementById(id).innerHTML = leselect;
				document.getElementById("vehicule_rech_TD").style.visibility = "visible";
				document.getElementById("charge").style.visibility = "hidden";
				
			}
		}

		// Ici on va voir comment faire du post
		xhr.open("POST","/AJAX.php",true);
//		ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//		ne pas oublier de poster les arguments	


		xhr.send("recherche="+rech+"&action="+action);

		break;
	case 'type_mine':

		rech = document.getElementById('type_mine').value;
		// attente();
		var xhr = 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 outerHTML pour rajouter les options a la liste

				document.getElementById(id).innerHTML = leselect;

				document.getElementById("charge").style.visibility = "hidden";

			}
		}

		// Ici on va voir comment faire du post
		xhr.open("POST","/AJAX.php",true);
//		ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//		ne pas oublier de poster les arguments	


		xhr.send("recherche="+rech+"&action="+action);

		break;
	default: 
		document.getElementById(id).innerHTML ='';
	break;
	}


}
function setAlpha(elementId,alpha)
{
	document.getElementById(elementId).style.opacity = alpha / 100;
	/** Test pour notre cher IE */
	if (document.body.filters != undefined)
	{
		document.getElementById(elementId).style.filter = 'alpha(opacity:' + alpha + ')';
	}
}
function nouvelle_ville()
{

	if(document.getElementById('ville').value=='-1')
	{
		document.getElementById('liste_ville').innerHTML='Saisir nom de la ville<input type="hidden" name="ville" value="-1" /><input type="text" name="ville_nom" id="ville_nom"/>';
	}
}


function page()
{
	document.getElementById('chargement').innerHTML ='<img src="../Documents/images/BigLoading.gif" alt="chargement!"/>';
}
function checkall()
{
	var i = 0;
	while (i<document.getElementsByName("choix[]").length)
	{
		document.getElementsByName("choix[]")[i].checked = true;
		i=i+1;
	}

}
function decheckall()
{
	var i = 0;
	while (i<document.getElementsByName("choix[]").length)
	{
		document.getElementsByName("choix[]")[i].checked = false;
		i=i+1;
	}

}
function OuvrirPopup(page,nom,option) 
{
	window.open(page,nom,option);
}

function golisteville(){


	var xhr = 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('listeville').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","/application/fonctions/AJAX.php",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('cp').value;
	pays=document.getElementById('pays').value;
	xhr.send("CP="+sel+"&pays="+pays);
}
function recup_vehicules(numero){


	var xhr = 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('vehi_TD').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","/AJAX_TD.php",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("action=vehicules&numero="+numero);
}
function couleur(id)
{

	if(document.getElementById(id).style.backgroundColor != "")
	{
		document.getElementById(id).style.backgroundColor = "";

	}else
	{
		document.getElementById(id).style.backgroundColor = "#DDDDDD";	
	}
}






function GetId(id)
{
	return document.getElementById(id);
}
var ci=false; // La variable i nous dit si la bulle est visible ou non

function move(e) {
	if(ci) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
			GetId("curseur").style.left=e.pageX + 5+"px";
		GetId("curseur").style.top=e.pageY + 10+"px";
		}
		else { // Modif proposé par TeDeum, merci à  lui
			if(document.documentElement.clientWidth>0) {
				GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
				GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
			} else {
				GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
				GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
			}
		}
	}
}
function montree(text)
{
	GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
	GetId("curseur").innerHTML = text; 
}
function montre(text) {
	if(ci==false) {
		GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
		GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
		ci=true;
	}
}
function affiche(tab) {


	for(var i=0;i<tab.length;i++)
	{


		document.getElementById(tab[i]).className = 'visible';

	}
}
function cachee() {
	if(ci==true) {
	GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
	ci=false;
	}
	}
function cache(tab) {


	for(var i=0;i<tab.length;i++)
	{


		document.getElementById(tab[i]).className = 'invisible';

	}
}
function active(tab) {


	for(var i=0;i<tab.length;i++)
	{


		document.getElementById(tab[i]).disabled = false;

	}
}
function active_VTD()
{
	if(document.getElementById("moteur").value!='-1')
	{
		document.getElementById("valider").disabled = false;
	}
	else
	{
		document.getElementById("valider").disabled = true;
	}
	if(document.getElementById("modele").value=='-1')
	{
		document.getElementById("valider").disabled = true;
	}
}
function load()
{
	remise();
	scrollhp();
	if(document.getElementById("constructeur"))
	{

		for(y=0; y<document.getElementById("constructeur").length; y++)
		{ if(document.getElementById("constructeur").options[y].defaultSelected == true)
		{document.getElementById("constructeur").options[y].selected=true;}
		}
	}
	if(document.getElementById("plaque_siv"))
	{
		document.getElementById("lettre").focus();
		valide_plaque();
	}
	if(document.getElementById("vehi_TD"))
	{

		recup_vehicules(document.getElementById("num_TD").value);
	}

}
function remise()
{
	var string='';
	if(document.getElementById("remise"))
	{
		string="if(document.getElementById('remise').style.color==\"dodgerblue\"){document.getElementById('remise').style.color=\"black\";}else{document.getElementById('remise').style.color=\"dodgerblue\";}";
	}
	else if(document.getElementById("nb_remise"))
	{
		string="nb = "+document.getElementById('nb_remise').value+";for(var i=0; i<nb;i++){if(document.getElementById('remise'+i).style.color==\"dodgerblue\"){document.getElementById('remise'+i).style.color=\"black\";}else{document.getElementById('remise'+i).style.color=\"dodgerblue\";}}";	
	}
	setInterval(string,1000);

}
function plaque_dept()
{

	dept=document.getElementById("numero").value;

	dept=dept.substr(5,3);
	if(dept.charAt(0)=='0')
	{
		dept=dept.substr(1,2);
		document.getElementById("num_dept").style.fontSize='50px';
	}
	else
	{
		document.getElementById("num_dept").style.fontSize='35px';
	}
	document.getElementById("num_dept").innerHTML = dept.toUpperCase();
	valide_plaque();
}
function controle_plaque(id)
{
	if(id=='nombre')
	{
		Expression = new RegExp("^[0123456789]+$","");
	}
	else
	{
		document.getElementById(id).value=document.getElementById(id).value.toUpperCase();
		Expression = new RegExp("^[ABCDEFGHJKLMNPQRSTVWXYZ]+$","");
	}
	if(Expression.test(document.getElementById(id).value))
	{

	}
	else
	{
		if(document.getElementById(id).value.length==1)
		{
			document.getElementById(id).value="";
		}
		else
		{
			document.getElementById(id).value=document.getElementById(id).value.substr(0,document.getElementById(id).value.length-1)
		}
	}
	valide_plaque();

}
function valide_voiture()
{

}
function valide_plaque()
{
	desc=document.getElementById('lettre').value+'-'+document.getElementById('nombre').value+'-'+document.getElementById('lettre2').value;
	if(desc.length=='9'&&document.getElementById('numero').value!='')
	{
		document.getElementById('desc').value=desc;
		document.getElementById('valide').disabled='';
	}
	else
	{
		document.getElementById('valide').disabled='disabled';
	}
}
function select_img() {

	select = document.getElementById("plaque");
	select.style.background = select.options[select.selectedIndex].style.background;
}

//document.onclick=chargement;
document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.