// JavaScript Document

function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight=window.innerHeight;
	} else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		} else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}

function getOffsetY(tab) {
	var hDiv = document.getElementById(tab).offsetHeight;
	var hDoc = getWindowHeight();
	var offsetY = 0;
	if (navigator.appName=="Microsoft Internet Explorer") {
		offsetY = document.documentElement.scrollTop + (hDoc - hDiv) / 2;
	} else {
		offsetY = window.pageYOffset + (hDoc - hDiv) / 2;
	}
	return offsetY;
}

function displayLayer(tab) {
	var h_global = document.getElementById('global').offsetHeight;
	var h_document = getWindowHeight();
	document.getElementById(tab).style.top = getOffsetY(tab) + "px";
	document.getElementById(tab).style.visibility = 'visible';
	document.getElementById('masque').style.height = Math.max(h_global, h_document) + "px";
	document.getElementById('masque').style.visibility = 'visible';
}

function hideLayer(tab) {
	document.getElementById(tab).style.visibility = 'hidden';
	document.getElementById('masque').style.visibility = 'hidden';
}

function selectModele(marque) {
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			response = cleanXML(xhr.responseXML.documentElement);
			var items = response.getElementsByTagName("item");			
			sel_modele = document.getElementById('modele');
			for (i = sel_modele.length-1; i >= 0; i--) {
				sel_modele.options[i] = null;
			}
			sel_modele[sel_modele.length] = new Option(tradtout, '');
			for (i = 0; i < items.length; i++) {
				sel_modele[sel_modele.length] = new Option(items[i].getElementsByTagName("nom")[0].firstChild.nodeValue, items[i].getElementsByTagName("nom")[0].firstChild.nodeValue);
			}
		}
	}

	xhr.open("POST", "selection-modeles.php", true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("marque=" + marque);
}

function selectCarrosserie(volant) {
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			response = cleanXML(xhr.responseXML.documentElement);
			var items = response.getElementsByTagName("item");			
			sel_carrosserie = document.getElementById('carrosserie');
			for (i = sel_carrosserie.length-1; i >= 0; i--) {
				sel_carrosserie.options[i] = null;
			}
			sel_carrosserie[sel_carrosserie.length] = new Option(tradtout, '');
			for (i = 0; i < items.length; i++) {
				sel_carrosserie[sel_carrosserie.length] = new Option(items[i].getElementsByTagName("nom")[0].firstChild.nodeValue, items[i].getElementsByTagName("nom")[0].firstChild.nodeValue);
			}
		}
	}

	xhr.open("POST", "selection-carrosseries.php", true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("volant=" + volant);
}

function selectLocalisation(pays) {
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			response = cleanXML(xhr.responseXML.documentElement);
			var items = response.getElementsByTagName("item");			
			sel_localisation = document.getElementById('localisation');
			for (i = sel_localisation.length-1; i >= 0; i--) {
				sel_localisation.options[i] = null;
			}
			sel_localisation[sel_localisation.length] = new Option(tradtout, '');
			for (i = 0; i < items.length; i++) {
				sel_localisation[sel_localisation.length] = new Option(items[i].getElementsByTagName("nom")[0].firstChild.nodeValue, items[i].getElementsByTagName("nom")[0].firstChild.nodeValue);
			}
		}
	}

	xhr.open("POST", "selection-localisations.php", true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("pays=" + pays);
}

function connexion(form) {
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			selection = xhr.responseText;
			document.getElementById('identification').innerHTML = selection;
		}
	}

	xhr.open("POST", "connexion.php", true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("email=" + form.elements['email'].value + "&password=" + form.elements['password'].value);
}

function deconnexion() {
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			selection = xhr.responseText;
			document.getElementById('identification').innerHTML = selection;
		}
	}

	xhr.open("GET", "deconnexion.php", true);
	xhr.send(null);
}

function changeImage(parc, larg, haut, n) {
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			selection = xhr.responseText;
			document.getElementById('photo').innerHTML = selection;
		}
	}

	xhr.open("POST", "change-photo.php", true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("parc=" + parc + "&larg=" + larg + "&haut=" + haut + "&n=" + n);
}