function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}


function calcularPrecioTotal()
{
	var prix_individuel = parseFloat( document.getElementById('prix_individuel').value );
	var quantite = parseInt( document.getElementById('quantite').value );
	document.getElementById('prix_total').value = (quantite * prix_individuel).toFixed(2).toString();
}

function getCheckedValue(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}

function calcularPrecio(){
	
	// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
	var devis = document.formDevis;
	var procesarDatos = nuevoAjax();
	var designation = devis.produit.value;
	var color = getCheckedValue( devis.elements['colori_'+designation] );
	var epaisseur = document.getElementById( 'epaisseur' ).value;
	var faconage = getCheckedValue( devis.faconage );
	var forme = getCheckedValue( devis.forme );
	var urlProcess = "/ajax/prix.php?designation=".concat( designation, "&couleur=", color, "&epaisseur=", epaisseur, "&faconage=", faconage, "&forme=", forme );
	//alert (urlProcess);
	procesarDatos.open("GET", urlProcess, true);
	procesarDatos.onreadystatechange=function() { 
	document.getElementById("msg_ajax").innerHTML="";
	
		if (procesarDatos.readyState==1){
			document.getElementById('ajoutPan_but').disabled = true;
			document.getElementById('ajoutPan_but').value = " Loading... ";
		}
			
		if (procesarDatos.readyState==4) {
			var precioPorSuperficie = procesarDatos.responseText;
			devis.longueur.value = (!devis.longueur.value) ? 0 : devis.longueur.value;
			devis.largeur.value = (!devis.largeur.value) ? 0 : devis.largeur.value;
			var surface = (devis.longueur.value*devis.largeur.value) / 10000;
			
			devis.prix_individuel.value = (surface * precioPorSuperficie).toFixed(2);
			var prix_individuel = parseFloat( devis.prix_individuel.value );
			var quantite = parseInt( devis.quantite.value );
			devis.prix_total.value = (quantite * prix_individuel).toFixed(2).toString();
			
			if (devis.prix_individuel.value != "0.00") {
				getEncochePrice( getCheckedValue( devis.encoche ));
			} else {
				document.getElementById("msg_ajax").innerHTML="Cette configuration n'est pas disponible!";
			
			}
			
		}
		
	}
	
	procesarDatos.send(null);
}

function getEncochePrice(idSeleccionada){
	
	var ajax_enc = nuevoAjax();
	ajax_enc.open("GET", "/ajax/encoche.php?encoche="+idSeleccionada, true);
	ajax_enc.onreadystatechange=function() { 

		if (ajax_enc.readyState == 4){
			
			var num = document.formDevis.prix_individuel.value * 1;
			var maj = ajax_enc.responseText * 1;
			var quantite = parseInt( document.formDevis.quantite.value );
			
			document.formDevis.prix_individuel.value = (num + maj).toFixed(2).toString();
			document.formDevis.prix_total.value = (quantite * (num + maj)).toFixed(2).toString();
			
			document.getElementById('ajoutPan_but').value = "Ajouter au Panier";
			document.getElementById('ajoutPan_but').disabled = false;
			
		} 
	}
	
	ajax_enc.send(null);
	
}

function mostrarEpaisseur(idSelectOrigen){
	
	// Obtengo el select que el usuario modifico
	var selectOrigen=document.getElementById(idSelectOrigen);
	// Obtengo la opcion que el usuario selecciono
	var opcionSeleccionada=selectOrigen.options[selectOrigen.selectedIndex].value;
	
	var idSelectDestino="epaisseur";
	var selectDestino=document.getElementById(idSelectDestino);
	// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
	var ajax=nuevoAjax();
	ajax.open("GET", "/ajax/epaisseur.php?designation="+opcionSeleccionada, true);
	ajax.onreadystatechange=function() {
		
		if (ajax.readyState==1){
			// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
			selectDestino.length=0;
			var nuevaOpcion=document.createElement("option"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="load";
			selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
		}
		
		if (ajax.readyState==4){
			selectDestino.parentNode.innerHTML=ajax.responseText;
		}
		
	}
	ajax.send(null);
	
	calcularPrecio();
}