solution = "prix";
	idAvant = "";
		
	function ajoute(id,nom,prix,reduc,url){ // Ajoute un produit dans la commande ou augmente la qt du produit et (re)calcule le prix tot du produit
	
		// nom = nom.replace("/\\(\"|'|\\)/g", "$1"); // addslashes
		nom = nom.replace("/(\"|'|\\)/g", "\\$1"); // stripslashes
	
		if(commande=="1"){
	
			element = document.getElementById(id);
		
			if(element==null){
				myDiv = document.createElement("tr");
				myDiv.id = id;
				
				mySpanImgRef = document.createElement("td");
				mySpanImgRef.className = "imgRef";
				
				mySpanRef = document.createElement("td");
				mySpanRef.className = "ref";
				
				mySpanQt = document.createElement("td");
				mySpanQt.className = "qt";
				
				mySpanPrix = document.createElement("td");
				mySpanPrix.className = "prix";
				
				imgRef = document.createElement("img");
				imgRef.setAttribute("src",url);
				imgRef.setAttribute("width","25");
				imgRef.setAttribute("height","25");
				imgRef.setAttribute("alt",nom);
				
				qt = document.createElement("input");
				qt.setAttribute("type", "text");
				qt.setAttribute("name", id);
				qt.setAttribute("width", "2");
				qt.setAttribute("value", "1");
				qt.setAttribute("name", "produit_"+id);
				qt.id = "produit_"+id;
				qt.onchange = teste;
	
				hid = document.createElement("input");
				hid.setAttribute("type", "hidden");
				hid.setAttribute("name", "hid_"+id);
				hid.setAttribute("value", prix);
				hid.id = "hidden_"+id;
				
				red = document.createElement("input");
				red.setAttribute("type", "hidden");
				red.setAttribute("name", "red_"+id);
				red.setAttribute("value", reduc);
				red.id = "prixReduction_"+id;
					
				ref = document.createTextNode(nom);
				prix = document.createTextNode(prix);
				
				br = document.createElement("div");
				br.id = "btElement";
				
				plus = document.createElement("a");
				plus.setAttribute("href", "http://www.mooze.fr");
				plus.onclick=function(){ajoute(id,nom,prix,reduc,url);return false;};
				
				//btPlus = document.createTextNode("+");
				
				btPlus = document.createElement("img");
				btPlus.setAttribute("src","tpl/commande/img/plus.jpg");
				btPlus.setAttribute("width","12");
				btPlus.setAttribute("height","12");
				btPlus.setAttribute("alt","Ajouter");
				
				plus.appendChild(btPlus);
				
				moins = document.createElement("a");
				moins.setAttribute("href", "http://www.mooze.fr");
				moins.onclick=function(){supprime(id,prix);return false;};
				
				//btMoins = document.createTextNode("-");
				
				btMoins = document.createElement("img");
				btMoins.setAttribute("src","tpl/commande/img/moins.jpg");
				btMoins.setAttribute("width","12");
				btMoins.setAttribute("height","12");
				btMoins.setAttribute("alt","Enlever");
				
				moins.appendChild(btMoins);
				
				br.appendChild(plus);
				br.appendChild(moins);
				
				mySpanImgRef.appendChild(imgRef);
				mySpanRef.appendChild(ref);
				mySpanQt.appendChild(qt);
				mySpanQt.appendChild(br);
				mySpanQt.appendChild(hid);
				mySpanQt.appendChild(red);
				mySpanPrix.appendChild(prix);
				
				mySpanPrix.id = "prix_"+id;
				
				myDiv.appendChild(mySpanImgRef);
				myDiv.appendChild(mySpanRef);
				myDiv.appendChild(mySpanQt);
				myDiv.appendChild(mySpanPrix);
				
				table = document.getElementById("tablecadie");

				table.appendChild(myDiv);
				
			}else{
				element = document.getElementById("produit_"+id);
				nbr = element.value;
				element.value = Number(nbr)+1;
				
				qtProduit = document.getElementById("produit_"+id).value;
				sliceDeux = qtProduit.slice(0, 2);
				document.getElementById("produit_"+id).value = sliceDeux;
			}
			produitTot(solution);
			tot();
		}
	}
	
	function supprime(id,prix){ // Diminue de 1 la qt du produit ou supprime le produit
		if(commande=="1"){
			elementRacine = document.getElementById(id);	
			if(elementRacine!=null){
				element = document.getElementById("produit_"+id);
				nbr = element.value 
				
				if(nbr=="1"){
					div = document.getElementById("tablecadie");
					div.removeChild(elementRacine);
				}else{
					element.value = Number(nbr) - 1;
				}
				produitTot(solution);
				tot();
			}
		}
	}
	
	function modifCookie(qtProduit,id){ // Lorsque le champ qt est null, vide ou égal à 0 on le supprime et on recalcule le prix tot du produit
		nbr = qtProduit;
		if(nbr=="0" || nbr=="null" || nbr=="" || nbr.slice(0,1)=="0"){
			div = document.getElementById("tablecadie");
			elementRacine = document.getElementById(id);
			div.removeChild(elementRacine);
		}else{
			prix = document.getElementById("hidden_"+id).value;
			elementPrix = document.getElementById("prix_"+id).firstChild;
			prixTot = Math.round(((Number(nbr)*prix)*100))/100;
			elementPrix.nodeValue =prixTot.toFixed(2);
		}
		tot();
	}
	
	function modif(qtProduit){ // Lorsque le champ qt est null, vide ou égal à 0 on le supprime et on recalcule le prix tot du produit
		nbr = qtProduit;
		if(nbr=="0" || nbr=="null" || nbr=="" || nbr.slice(0,1)=="0"){
			div = document.getElementById("tablecadie");
			elementRacine = document.getElementById(id);
			div.removeChild(elementRacine);
		}else{
			prix = document.getElementById("hidden_"+id).value;
			elementPrix = document.getElementById("prix_"+id).firstChild;
			prixTot = Math.round(((Number(nbr)*prix)*100))/100;
			elementPrix.nodeValue =prixTot.toFixed(2);
		}
		tot();
	}
	
	function tot(){ // Calcule le prix total de la commande
		nbr = document.getElementById("nbr").value;
		var total = 0;
		var totalReduc = 0;
		for (i=1; i<=nbr; i++) {
			if(document.getElementById("produit_"+i)){
				qtProduit = document.getElementById("produit_"+i).value;
				
				prix = document.getElementById("hidden_"+i).value;
				total = Math.round(((total + Number(qtProduit*prix))*100))/100;
				
				prixReduc = document.getElementById("prixReduction_"+i).value;
				totalReduc = Math.round(((totalReduc + Number(qtProduit*prixReduc))*100))/100;
			}
		}
		document.getElementById("tot").firstChild.nodeValue = total.toFixed(2);
		document.getElementById("reduc").firstChild.nodeValue = totalReduc.toFixed(2);		
	}
	
	function testeCookie(id){ // Vérifie si le champ comporte 2 chiffres et supprime les lettres
		
		if(id==null){ id = this.parentNode.parentNode.id; }
		
		qtProduit = document.getElementById("produit_"+id).value;
		sliceDeux = qtProduit.slice(0, 2);
		document.getElementById("produit_"+id).value = sliceDeux;
		
		var model= new RegExp("[0-9]+", "i");
		
		val = document.getElementById("produit_"+id).value
		
		var resultat = model.exec(val);
		document.getElementById("produit_"+id).value = resultat;
		modifCookie(document.getElementById("produit_"+id).value,id);
	}
	
	function teste(){ // Vérifie si le champ comporte 2 chiffres et supprime les lettres
		
		id = this.parentNode.parentNode.id;
		qtProduit = document.getElementById("produit_"+id).value;
		sliceDeux = qtProduit.slice(0, 2);
		document.getElementById("produit_"+id).value = sliceDeux;
		
		var model= new RegExp("[0-9]+", "i");
		
		val = document.getElementById("produit_"+id).value
		
		var resultat = model.exec(val);
		document.getElementById("produit_"+id).value = resultat;
		modif(document.getElementById("produit_"+id).value);
	}
	
	function initial(){ // Initialise les block invisible et les couleurs
	
		solution = "prix";
		produitTot(solution);
		
		document.getElementById("champsOption").style.display="none";
		document.getElementById("reduction").style.display="none";
		document.getElementById("tot").style.textDecoration="none";
	
		em     = document.getElementById("idem");
		li     = document.getElementById("idli");
		reduct = document.getElementById("reduction");
		
		em.style.color = 'black';
		li.style.color = 'black';
		reduct.style.color = 'black';
	}
	
	function enValeurLi(){ // rend visible les champs supplémentaires de livraison et les met en valeur
	
		solution = "prix";
		produitTot(solution);
		
		document.getElementById("champsOption").style.display="block";
		document.getElementById("reduction").style.display="none";
		document.getElementById("tot").style.textDecoration="none";
		
		em     = document.getElementById("idem");
		li     = document.getElementById("idli");
		reduct = document.getElementById("reduction");
		
		couleur = '#9a6129';
		
		em.style.color = 'black';
		li.style.color = couleur;
		reduct.style.color = 'black';
	}
	
	function enValeurEm(){ // rend visible les champs supplémentaires d'emporté et les met en valeur
	
		solution = "reduction";
		produitTot(solution);
	
		document.getElementById("champsOption").style.display="block";
		document.getElementById("reduction").style.display="block";
		
		em     = document.getElementById("idem");
		li     = document.getElementById("idli");
		reduct = document.getElementById("reduction");
	
		couleur = '#445986';
	
		em.style.color = couleur;
		li.style.color = 'black';
		reduct.style.color = couleur;
	}
	
	function produitTot(etat){ // Calcul le prix tot en fonction de la qt
		nbr = document.getElementById("nbr").value;
		for (i=1; i<=nbr; i++) {
			if(document.getElementById("produit_"+i)){
				qtProduit = document.getElementById("produit_"+i).value;
				if(etat=="prix"){
					prix = document.getElementById("hidden_"+i).value;
					document.getElementById("prix_"+i).style.color='black';
				}else{
					prix = document.getElementById("prixReduction_"+i).value;
					prixSansRedu = document.getElementById("hidden_"+i).value;
					if(prixSansRedu!=prix){
						document.getElementById("prix_"+i).style.color='#445986';
					}
				}
				prixTot = Math.round(((Number(qtProduit)*prix)*100))/100;
				elementPrix = document.getElementById("prix_"+i).firstChild;
				elementPrix.nodeValue = prixTot.toFixed(2);
			}
		}
	}
	
	function changeOver(id){
		if(idAvant != id){
			if(idAvant != ""){
				element = document.getElementById(idAvant);
				element.style.border = "1px dotted transparent";
			}
			element = document.getElementById(id);
			element.style.border = "1px dotted #676767";
		}
		idAvant = id;
	}