// Fonction pour changer le visuel principal sur les pages produit
function showImg(id){
	var globalDiv = document.getElementById("gd_visuels").getElementsByTagName("DIV");
	var imgDiv = [];
	for (var i=0; i<globalDiv.length;i++){
		if(globalDiv[i].id.indexOf("gd_visuel_")>=0){
			imgDiv[imgDiv.length] = globalDiv[i];
			globalDiv[i].style.display = 'none';
		}
	}
	document.getElementById("gd_visuel_"+id).style.display = "block";
}


// Pop-up avec le player de la musique d'ambiance
function ouvrir_son() {
	window.open ('son.htm', 'Andrée Mace', config='height=100, width=200, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');
}


//Ajax
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 select_change(){
	var xhr = getXhr();
	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){
			response = xhr.responseText;
			//alert(response);
			var les_selects = response.split('|||');
			for (var i=0;i<les_selects.length;i++) {
				var le_select = les_selects[i].split('||');
				document.getElementById(le_select[0]).innerHTML = le_select[1];		
			}
		}
	}
	
	xhr.open("POST","ajax_cheminees.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	epoques = document.getElementById('epoques');
	idepoques = epoques.options[epoques.selectedIndex].value;
	materiaux = document.getElementById('materiaux');
	idmateriaux = materiaux.options[materiaux.selectedIndex].value;
	styles = document.getElementById('styles');
	idstyles = styles.options[styles.selectedIndex].value;
	largeurs = document.getElementById('largeur_tablette');
	largeur_tablette = largeurs.options[largeurs.selectedIndex].value;
	
	xhr.send("epoques="+idepoques+"&materiaux="+idmateriaux+"&styles="+idstyles+"&largeur_tablette="+largeur_tablette);
}