// Fonction de configuration pour les requetes AJAX
function getXhr(){
	var xhr = undefined; 
	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;
}


// Fonction appelé lorsque l on selectionne une region
// Elle initialise et affiche le 'select' departement
function onChangeSelectRegion(nodep, langue){
	
	var selectRegion = document.getElementById('selectRegion');
	noregion = selectRegion.options[selectRegion.selectedIndex].value;
	
	if (noregion == -1){
		document.getElementById('divDepartement').innerHTML = "";
		document.getElementById('divVille').innerHTML = "";
		document.getElementById('divKmAlentour').innerHTML = "";
	}else{
		var xhr = getXhr();
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4 && xhr.status == 200){
				selectDepartement = xhr.responseText;
				document.getElementById('divDepartement').innerHTML = selectDepartement;
				document.getElementById('divVille').innerHTML = '';
				document.getElementById('divKmAlentour').innerHTML = '';
			}
		}
		
		xhr.open("POST","../fonctions/selectDepartement.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("noregion="+noregion+"&nodep="+nodep+"&langue="+langue);
	}
}


function onChangeSelectDepartement(){
	var selectDepartement = document.getElementById('selectDepartement');
	nodepartement = selectDepartement.options[selectDepartement.selectedIndex].value;
	if(nodepartement == -1){
		document.getElementById('divVille').innerHTML = "";
		document.getElementById('divKmAlentour').innerHTML = "";
	}else{
		document.getElementById('divVille').innerHTML = "<input type='text' id='ville' value='Ville' onfocus='focusChampVille();' onblur='blurChampVille();' onkeypress='keypressChampVille();' />";
		document.getElementById('divKmAlentour').innerHTML = "";
	}
}

function keypressChampVille(){
	var ville = document.getElementById('ville').value;
	if(ville != "" && ville != "Ville" && ville.length >= 1){
		document.getElementById('divKmAlentour').innerHTML = "<input type='text' id='km' value='Distance (200km max)' onfocus='focusChampKm();' onblur='blurChampKm();' />";
	}
}

function focusChampVille(){
	var ville = document.getElementById('ville').value;
	if(ville == "Ville"){
		document.getElementById('ville').value = "";
	}
}

function blurChampVille(){
	var ville = document.getElementById('ville').value;
	if(ville == ""){
		document.getElementById('ville').value = "Ville";
		document.getElementById('divKmAlentour').innerHTML = "";
	}
	
	if(ville.length < 2){
		document.getElementById('divKmAlentour').innerHTML = "";
	}
}

function focusChampKm(){
	var km = document.getElementById('km').value;
	if(km == "Distance (200km max)"){
		document.getElementById('km').value = "";
	}
}

function blurChampKm(){
	var km = document.getElementById('km').value;
	if(km == ""){
		document.getElementById('km').value = "Distance (200km max)";
	}
}