function makeDevis(){
	var xhr = getXHR();
	if (xhr == null) {
		alert("Votre navigateur ne supporte pas AJAX :-(");
		return;	
	}
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200) {
			//alert(xhr.responseText);
			$('devis-container').innerHTML = xhr.responseText;
			makeOnglets();
			devisGoTo("1");
			resize();
		}
	}
	req = "extras/devis.php?etape=0";
	//alert(ajax);
	xhr.open("GET", req ,true);
	xhr.send(null);
}

var devisEtapeCurrent = 1;
function makeOnglets(){
	var ongletsHTM = "";
	var contenuDevisHTM = "";
	
	var divetap = $('devis-container').getElementsByClassName('etapes');
	var ongletsGoto = 1;
	for(i=0; i<divetap.length; i++){
		ongletsGoto = i+1;
		titre = divetap[i].getElementsByTagName('h2')[0].innerHTML;
		ongletsHTM += "<a href=\"#haut\" onclick=\"devisGoTo('"+ongletsGoto+"');\" ";
		ongletsHTM += (i==devisEtapeCurrent)?"class=\"current\" ":"";
		ongletsHTM += ">"+titre+"</a> | ";
		
		contenuDevisHTM += "<div id=\"devis_"+divetap[i].id+"\" >";
		contenuDevisHTM += "</div>";
	}
	$('onglets').innerHTML = ongletsHTM;
	$('contenuDevis').innerHTML = contenuDevisHTM;
}

function overLi(element){
	myLi = element;//getParent(element, 'li');
	$('explications').innerHTML = myLi.getElementsByClassName('explic')[0].innerHTML;
}
function outLi(event){
	$('explications').innerHTML = "";
}



function devisGoTo(etape){
	$('etape_'+devisEtapeCurrent).style.display = "none";
	$('etape_'+etape).style.display = "block";
	devisEtapeCurrent = etape;
	refreshOnglets();
}

function refreshOnglets(){
	onglet = $('onglets').getElementsByTagName('a');
	for(i=0; i<onglet.length; i++){
		if(onglet[i].className == "current")onglet[i].className = "";
		if(i+1 == devisEtapeCurrent)onglet[i].className = "current";
	}
}

function changeDevis(action){
	var total = 0;
	var plus = 0;
	var moins = 0;
	
	total = Math.floor($('total').value);
	if($(action.name+'_current')){
		moins = Math.floor($(action.name+'_current').value);
		total -= moins;
		$(action.name+'_current').value = action.value;
		
		// si po besoin de site supprime le prix des pages
		if(action.name == "cms" && action.value=="0"){
			moins = Math.floor($('nbpage_prev').value)*100;
			total -= moins;
			total += 100;
			$('nbpage').value = "1";
			$('nbpage_prev').value = "1";
		}
	}
	
	plus = Math.floor(action.value);
	switch(action.name){
		case "nbpage":
			//plus = plus<1?1:plus;
			//action.value = plus;
			//if($('cms_current').value!="0"){
				moins = Math.floor($('nbpage_prev').value)*100;
				total -= moins;
				$('nbpage_prev').value = plus;
				plus *=100; 
			/*
			}
			else {
				plus=0;
			}
			*/
		break;
		case "nbdom":
			plus = plus<0?0:plus;
			action.value = plus;
			moins = Math.floor($('nbdom_prev').value)*10;
			total -= moins;
			$('nbdom_prev').value = plus;
			plus *=10; 
		break;
		case "hebergement":
			if($('nbdom').value == "0"){
				$('nbdom').value = "1";
				$('nbdom_prev').value = "1";
				plus+=10;
			}
		break;
	
	}
	
	if(action.type=="checkbox"){
		if(!action.checked)plus = -plus;
	}
	
	total += plus;
	//alert(action.name);
	$('total').value = total;
	changeDevisFiche(action);
}

function changeDevisFiche(action){

	myDivEtap = getParent(action, 'div');
	myInputs = myDivEtap.getElementsByTagName('input');
	mySelects = myDivEtap.getElementsByTagName('select');
	myDivEtapFiche = $('devis_'+myDivEtap.id);
	
	startHTM = "<table>";
	myDivEtapFicheHTM = startHTM;
	
	//for(x in myInputs){
	for(x=0; x<myInputs.length; x++){
		switch(myInputs[x].type){
			case "text":
				switch(myInputs[x].name){
					case "nbpage":
						if(myDivEtapFicheHTM!=startHTM)
							myDivEtapFicheHTM += setDevis(myInputs[x]);
					break;
					default:
						myDivEtapFicheHTM += setDevis(myInputs[x]);
					break;
				}
			break;
			
			case "checkbox":
			case "radio":
				myLi = getParent(myInputs[x], 'li');
				myUls = myLi.getElementsByTagName('ul');
				
				if(myInputs[x].checked){
					myDivEtapFicheHTM += setDevis(myInputs[x]);
					if(myUls.length>=1){
						myUls[0].style.display ="block";
					}
					
				}
				else if(myUls.length>=1){
						myUls[0].style.display = "none";
				}
			break;
		}
	}
	
			//alert(myDivEtapFicheHTM);
	for(x in mySelects){
		switch(mySelects[x].name){
			case "nbpage":
				if(myDivEtapFicheHTM!=startHTM)
					myDivEtapFicheHTM += setDevis(mySelects[x]);
			break;
			default:
				myDivEtapFicheHTM += setDevis(mySelects[x]);
			break;
		}
	}
	
	myDivEtapFicheHTM += "</table>";
	myDivEtapFiche.innerHTML = myDivEtapFicheHTM;
	resize();
}

function setDevis(element){
	
	if(!element.value || element.value=="0")return "";
	myLi = getParent(element, 'li');
	mySpans = myLi.getElementsByTagName('span');
	str = "";
	
	switch(mySpans[0].innerHTML){
		default:
			libelle = mySpans[0].innerHTML;
			pu = mySpans[2].innerHTML;
			qt = 1;
			tot = mySpans[2].innerHTML;
			
		break;
		case "Nombre de page(s)":
			libelle = "Page (la 1<sup>ere</sup> est offerte)";
			pu = mySpans[2].innerHTML;
			qt = element.value;
			tot = (Math.floor(qt)*100)-100;
			tot +=" &euro;"
		break;
		case "Nombre de nom de domaine":
			libelle = "Nom de domaine  (valable 1 an)";
			pu = mySpans[2].innerHTML;
			qt = element.value;
			tot = (Math.floor(qt)*10);
			tot +=" &euro;"
		break;
	}
	str += "<tr>";
	str += "<td class=\"libelle\">"+libelle+"</td>";
	str += "<td class=\"pu\">"+pu+"</td>";
	str += "<td class=\"qt\">"+qt+"</td>";
	str += "<td class=\"tot\">"+tot+"</td>";
	str +="</tr>";

	return str;
}