function ouvreFenetre(page, largeur, hauteur) {
  window.open(page, "", "scrollbars=yes,menubar=no,toolbar=no,resizable=yes,width=" 
              + largeur + ",height=" + hauteur);
}

function initialiserCadreContactezNous()
{
	document.getElementById("nouscontactercadre").style.top="-103px";
}

function finaliserCadreContactezNous()
{

}

function ouvreCadreContactezNous()
{
	doMoveCadreContactezNous(0);
}

function doMoveCadreContactezNous(i)
{
	if (i >= 50) {
		i=50;
	}
	document.getElementById("nouscontactercadre").style.top=(-103+2*i)+"px";
	if (i >= 50) {
		finaliserCadreContactezNous();
	}
	if (i < 50) {
		i++;i++;i++;if (i < 30) {i++;i++;i++}if (i < 15) {i++;i++;i++;}
		setTimeout("doMoveCadreContactezNous("+i+")",50);
	}
}


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 cette fonctionnalité"); 
	   xhr = false; 
	} 
	return xhr;
}

function modPSUpdateField(){
	
	var xhr = getXhr();
	xhr.onreadystatechange = function(){		
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			document.getElementById('chModPSModele').innerHTML = leselect;
		}
	}

	xhr.open("POST","http://scooter.kidioui.fr/prix-scooter/mod-ps-recherche-modele.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	var selMarque = document.getElementById('mod_ps_marque');
	
	var marque = selMarque.options[selMarque.selectedIndex].value;
	
	xhr.send("marque="+marque);
}

function accLEncUpdateField(id){
	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(id).innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","http://scooter.kidioui.fr/rechercheModeleLight.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
	var selMarque = document.getElementById('acc_lenc_marque');
	var marque = selMarque.options[selMarque.selectedIndex].value;
	var modele = null;
	if (id == 'acc_lenc_chModele') {
		modele = 'Toutes';
		document.getElementById('acc_lenc_chCylindree').innerHTML = '<div id="acc_lenc_chCylindree"><select name="cylindree" id="acc_lenc_cylindree"><option value="Toutes" selected="selected">Cylindrée</option></select></div>';
	} else {
		var selModele = document.getElementById('acc_lenc_modele');
		modele = selModele.options[selModele.selectedIndex].value;
	}
	xhr.send("marque="+marque+"&modele="+modele);
}

function accLEncCheckSelection() {
	var selMarque = document.getElementById('acc_lenc_marque');
	if (selMarque.selectedIndex > 0) {
		updateField('acc_lenc_chModele');
	}
 }
 
 function selection_onglet_meilleur_rubrique_accueil(id) {
	document.getElementById('rubrique_dernieres_encheres').className="rubrique";
	document.getElementById('rubrique_meilleures_remises').className="rubrique";
	document.getElementById('rubrique_meilleures_ventes').className="rubrique";
	document.getElementById('rubrique_meilleures_notes').className="rubrique";
	
	document.getElementById('contenu_dernieres_encheres').style.display="none";
	document.getElementById('contenu_meilleures_remises').style.display="none";
	document.getElementById('contenu_meilleures_ventes').style.display="none";
	document.getElementById('contenu_meilleures_notes').style.display="none";
	
	if (id == 1) {
		document.getElementById('rubrique_dernieres_encheres').className="rubrique_selectionnee";
		document.getElementById('contenu_dernieres_encheres').style.display="block";
	} else if (id == 2) {
		document.getElementById('rubrique_meilleures_remises').className="rubrique_selectionnee";
		document.getElementById('contenu_meilleures_remises').style.display="block";
	} else if (id == 3) {
		document.getElementById('rubrique_meilleures_ventes').className="rubrique_selectionnee";
		document.getElementById('contenu_meilleures_ventes').style.display="block";
	} else if (id == 4) {
		document.getElementById('rubrique_meilleures_notes').className="rubrique_selectionnee";
		document.getElementById('contenu_meilleures_notes').style.display="block";
	}
 }


function updateRegion() {
	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('onglet_geographie').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","http://scooter.kidioui.fr/changer-onglet-geographie.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
	var selRegion = document.getElementById('select_region');
	var region = selRegion.options[selRegion.selectedIndex].value;
	if (region != "") {
		xhr.send("region="+region);
	}
 }
 
 
 function ongLencUpdateField(id){
	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(id).innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST", "http://scooter.kidioui.fr/rechercheModeleLight2.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
	var selMarque = document.getElementById('ong_lenc_marque');
	var marque = selMarque.options[selMarque.selectedIndex].value;
	var modele = null;
	if (id == 'ong_lenc_chModele') {
		modele = 'Toutes';
		document.getElementById('ong_lenc_chCylindree').innerHTML = '<div id="ong_lenc_chCylindree"><select name="cylindree" id="ong_lenc_cylindree" style=""><option value="Toutes" selected="selected">Cylindrée</option></select></div>';
	} else {
		var selModele = document.getElementById('ong_lenc_modele');
		modele = selModele.options[selModele.selectedIndex].value;
	}
	xhr.send("marque="+marque+"&modele="+modele);
}

function ongLencCheckSelection() {
	var selMarque = document.getElementById('ong_lenc_marque');
	if (selMarque.selectedIndex > 0) {
		updateField('ong_lenc_chModele');
	}
 }
 
 $(function() { // début du javascript jquery

	if ($('a#move').length) {
		$('a#move').click(function(){  // sur le clic sur le lien avec l'id "move"...
			next('0'); // execution du slide
			return false;  //pas de clic sur le lien
		});
		
		var next = function(before) { // before étant la marge pré éxistante du calque #explainimg
			$('a#move').fadeOut(500); // on fait disparaitre le bouton
			var prochainslide = parseInt(before) + parseInt('730'); // calcul de la position du slide
			if (prochainslide <= '2190') { // si la marge ne dépasse pas la totalité des cadres
				setTimeout(function() { $('#explainimg').animate({ marginLeft: '-'+prochainslide+'px' }, 1000 );  }, 500);
				setTimeout(function() { next(prochainslide); }, 3000); // execution du slide après 3 secondes   CHANGER ICI LA DUREE DU TIMMER (3000 = 3 secondes)
			} else { // sinon retour au début et apparition du bouton
				$('#explainimg').animate({ marginLeft: "0" }, 1000 ); // retour au début
				setTimeout(function() { $('a#move').fadeIn(500); }, 1200); // réapparition du bouton après le slide
			}
		}
	}

});