/*
****************************************
* Date de creation : 28/05/2006
* Date de modification : 23/06/2006
* Nom du fichier : fonction.js
****************************************
*/
// scroll du menu gauche vers le bas
var Timer;
var i=0;
function SDown(objet,a) {
	if (a==1) {
		SDown2();
		objet.src="/www/gamme-tee-shirts/images/triangle/triangleOver2.gif";//roll over
		}
	else {
		clearTimeout(Timer);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangle2.gif";
		}
	}
function SDown2() {
	//document.getElementById('scroll').scrollTop+=2;// scroll de 2 pixels
	Timer=setTimeout('SDown2()', 5);//relance le scroll toutes les 5 ms
	}
//scroll du menu gauche vers le haut
function SUp(objet,a) {
	if (a==1) {
		SUp2();
		objet.src="/www/gamme-tee-shirts/images/triangle/triangleOver1.gif";
		}
	else {
		clearTimeout(Timer);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangle1.gif";
		}
	}
function SUp2() {
	//document.getElementById('scroll').scrollTop-=2;
	Timer=setTimeout('SUp2()', 5);
	}
// scroll des vignettes vers la droite
function SRight(objet,a) {
	if (a==1) {
		SRight2();
		objet.src="/www/gamme-tee-shirts/images/triangle/triangleOver4.gif";
		}
	else {
		clearTimeout(Timer);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangle4.gif";
		}
	}
function SRight2() {
	document.getElementById('vignette_scroll').scrollLeft+=2;
	Timer=setTimeout('SRight2()', 5);
	}
// scroll des vignettes vers la gauche
function SLeft(objet,a) {
	if (a==1) {
		SLeft2();
		objet.src="/www/gamme-tee-shirts/images/triangle/triangleOver3.gif";
		}
	else {
		clearTimeout(Timer);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangle3.gif";
		}
	}
function SLeft2() {
	document.getElementById('vignette_scroll').scrollLeft-=2;
	Timer=setTimeout('SLeft2()', 5);
	}
// scroll des couleur vers la gauche
function couleurLeft(objet,nom_div,a) {
	if (a==1) {
		couleurLeft2(nom_div);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangleOver3.gif";
		}
	else {
		clearTimeout(Timer);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangle3.gif";
		}
	}
function couleurLeft2(nom_div) {
	document.getElementById(nom_div).scrollLeft-=2;
	Timer=setTimeout('couleurLeft2("'+nom_div+'")', 5);
	}
// scroll des couleur vers la droite
function couleurRight(objet,nom_div,a) {
	if (a==1) {
		couleurRight2(nom_div);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangleOver4.gif";
		}
	else {
		clearTimeout(Timer);
		objet.src="/www/gamme-tee-shirts/images/triangle/triangle4.gif";
		}
	}
function couleurRight2(nom_div) {
	document.getElementById(nom_div).scrollLeft+=2;
	Timer=setTimeout('couleurRight2("'+nom_div+'",1)', 5);
	}

var transparent=35;
function setopacite(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
// ie/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
	obj.style.KHTMLopacity = opacity/100;
// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
	}

function reverseOpacity(dos,val) {
	if(dos==1) {
		if(val!=2)
			setopacite(document.getElementById('posA4tierDos'), transparent);
		if(val!=3)
			setopacite(document.getElementById('posA4entierDos'), transparent);
		if(val!=4)
			setopacite(document.getElementById('posA3entierDos'), transparent);
	}
	else if(dos==2) {
		if(val!=5)
			setopacite(document.getElementById('posMancheG'), transparent);
		}
	else if(dos==3) {
		if(val!=5)
			setopacite(document.getElementById('posMancheD'), transparent);
		}
	else {
		if(val!=1)
			setopacite(document.getElementById('posCoeur'), transparent);
		if(val!=2)
			setopacite(document.getElementById('posA4tierAV'), transparent);
		if(val!=3)
			setopacite(document.getElementById('posA4entierAV'), transparent);
		if(val!=4)
			setopacite(document.getElementById('posA3entierAV'), transparent);
		}
	document.getElementById('nbFaces').innerHTML="";
	}
	
//fonction de selection de la surface d'impresion
function selectionner(obj,position,val) {
	marquage=document.formulaire.transfert_choisi.value;
	premier_charg=document.getElementById('premier_charg').value;
	if (marquage=="vierge" && premier_charg==1) {
		alert("Vous ne pouvez pas choisir de surface de marquage pour un article vierge");
		}
	else {
		if(position==1) {
			if(document.getElementById('dos').value==val) {
				document.getElementById('dos').value=0;
				setopacite(obj, transparent);
				}
			else {
				reverseOpacity(position,val);
				document.getElementById('dos').value=val;
				setopacite(obj, 100);
				}
			}
		else if(position==2) {
			if(document.getElementById('mancheG').value==val) {
				document.getElementById('mancheG').value=0;
				setopacite(obj, transparent);
				}
			else {
				reverseOpacity(position,val);
				document.getElementById('mancheG').value=val;
				setopacite(obj, 100);
				}
			}
		else if(position==3) {
			if(document.getElementById('mancheD').value==val) {
				document.getElementById('mancheD').value=0;
				setopacite(obj, transparent);
				}
			else {
				reverseOpacity(position,val);
				document.getElementById('mancheD').value=val;
				setopacite(obj, 100);
				}
			}
		else if(position==4) {
			if(document.getElementById('casquette').value==val) {
				document.getElementById('casquette').value=0;
				setopacite(obj, transparent);
				}
			else {
				reverseOpacity(position,val);
				document.getElementById('casquette').value=val;
				setopacite(obj, 100);
				}
			}
		else {
			if(document.getElementById('avant').value==val) {
				document.getElementById('avant').value=0;
				setopacite(obj, transparent);
				}
			else {
				reverseOpacity(position,val);
				document.getElementById('avant').value=val;
				setopacite(obj, 100);
				}
			}
			envoi();// mise à jour du prix dans l'image
		}
	}

//fabrication du message d'information sur les impressions souhaite	
function createMsgImpression() {
	msg ='';
	if((document.getElementById('avant').value!=0) || (document.getElementById('dos').value!=0) || (document.getElementById('mancheG').value!=0) || (document.getElementById('mancheD').value!=0)) {
		msg='Impression sur ';
		if(document.getElementById('avant').value!=0) {
			msg += 'l\'avant, ';
			}
		if(document.getElementById('dos').value!=0) {
			msg += 'le dos, ';
			}
		if(document.getElementById('mancheG').value!=0) {
			msg += 'la manche gauche, ';
			}
		if(document.getElementById('mancheD').value!=0) {
			msg += 'la manche droite, ';
			}
//pour que le message soit coherent on supprime la derniere virgule, puis on remplace l'avant derniere virgule par un 'et'
		msg = msg.slice(0,msg.length-2);
		msg = msg + '.';
		pos = msg.lastIndexOf(", ");
		if(pos != -1)
			msg = msg.slice(0,pos) + " et " + msg.slice(pos+2,msg.length);
			document.getElementById('nbFaces').innerHTML = msg;
		}
	else {
		if (document.getElementById('casquette').value==7) {
			document.getElementById('nbFaces').innerHTML="Impression sur casquette";
			}
		else {
			document.getElementById('nbFaces').innerHTML="Articles vierge";
			}
		}
	if (document.getElementById("transfert_choisi").value=="vierge") {
		document.getElementById('nbFaces').innerHTML="Articles vierge";
		}
	}
/*Choix de la surface d'impression sélectionnée lorsque de l'affichage de la page
position : emplacement de la 1ère surface d'impression utilisable, position par défaut au chargement de la page.
*/
function initialisation(position) {
//met à 0 les positions
	document.getElementById('avant').value=0;
	document.getElementById('dos').value=0;
	document.getElementById('mancheG').value=0;
	document.getElementById('mancheD').value=0;
	document.getElementById('casquette').value=0;
//met en non sélectionnées les images correspondantes
	setopacite(document.getElementById('posCoeur'), transparent);
	setopacite(document.getElementById('posA4tierAV'), transparent);
	setopacite(document.getElementById('posA4entierAV'), transparent);
	setopacite(document.getElementById('posA3entierAV'), transparent);
	setopacite(document.getElementById('posA4tierDos'), transparent);
	setopacite(document.getElementById('posA4entierDos'), transparent);
	setopacite(document.getElementById('posA3entierDos'), transparent);
	setopacite(document.getElementById('posMancheG'), transparent);
	setopacite(document.getElementById('posMancheD'), transparent);
	setopacite(document.getElementById('posCasquette'), transparent);
//sélectionne la position au chargement de la page
	if(position==0) {
		
	} else if (position==1) {
		obj=document.getElementById('avant');
		selectionner(obj,0,1);
		setopacite(document.getElementById('posCoeur'), 100);
		}
	else if (position==2) {
		obj=document.getElementById('avant');
		selectionner(obj,0,2);
		setopacite(document.getElementById('posA4tierAV'), 100);
		}
	else if (position==3) {
		obj=document.getElementById('avant');
		selectionner(obj,0,3);
		setopacite(document.getElementById('posA4entierAV'), 100);
		}
	else if (position==4) {
		obj=document.getElementById('avant');
		selectionner(obj,0,4);
		setopacite(document.getElementById('posA3entierAV'), 100);
		}
	else {
		document.getElementById('face_avant').className="face_cache";//cache la div correspondant aux positions avant
		if (position==5) {
			obj=document.getElementById('dos');
			selectionner(obj,1,2);
			setopacite(document.getElementById('posA4tierDos'), 100);
			}
		else if (position==6) {
			obj=document.getElementById('dos');
			selectionner(obj,1,3);
			setopacite(document.getElementById('posA4entierDos'), 100);
			}
		else if (position==7) {
			obj=document.getElementById('dos');
			selectionner(obj,1,4);
			setopacite(document.getElementById('posA3entierDos'), 100);
			}
		else {
			document.getElementById('face_dos').className="face_cache";//cache la div correspondant aux positions dos
			if (position==8) {
				obj=document.getElementById('mancheG');
				selectionner(obj,2,5);
				setopacite(document.getElementById('posMancheG'), 100);
				}
			else if (position==9) {
				obj=document.getElementById('mancheD');
				selectionner(obj,3,5);
				setopacite(document.getElementById('posMancheD'), 100);
				}
			else {
				document.getElementById('face_manche').className="face_cache";//cache la div correspondant aux positions manches
				if (position==10) {
					document.getElementById('casquette').value=7;
					}
				else {
					document.getElementById("ligne_position").style.display="none";//cache la div correspondant aux positions
					document.getElementById('nbFaces').style.display="none";//cache la div correspondant aux messages des positions sélectionnées
					document.getElementById("sans_marquage").style.display="block";// affiche la div pour les articles vendus sans moyen d'impression
					}
				}
			}
		}
		document.getElementById("premier_charg").value=1;
	}
function afficherPosition(position) {
	avant=document.getElementById('avant').value;
	dos=document.getElementById('dos').value;
	mancheG=document.getElementById('mancheG').value;
	mancheD=document.getElementById('mancheD').value;
	casquette=document.getElementById('casquette').value;
	marquage=document.getElementById('transfert_choisi').value;
//met en non sélectionnées les images correspondantes
	setopacite(document.getElementById('posCoeur'), transparent);
	setopacite(document.getElementById('posA4tierAV'), transparent);
	setopacite(document.getElementById('posA4entierAV'), transparent);
	setopacite(document.getElementById('posA3entierAV'), transparent);
	setopacite(document.getElementById('posA4tierDos'), transparent);
	setopacite(document.getElementById('posA4entierDos'), transparent);
	setopacite(document.getElementById('posA3entierDos'), transparent);
	setopacite(document.getElementById('posMancheG'), transparent);
	setopacite(document.getElementById('posMancheD'), transparent);
	setopacite(document.getElementById('posCasquette'), transparent);
//sélectionne la position au chargement de la page
	if (avant==1 && marquage!="vierge") {
		obj=document.getElementById('avant');
		setopacite(document.getElementById('posCoeur'), 100);
		}
	if (avant==2 && marquage!="vierge") {
		obj=document.getElementById('avant');
		setopacite(document.getElementById('posA4tierAV'), 100);
		}
	if (avant==3 && marquage!="vierge") {
		obj=document.getElementById('avant');
		setopacite(document.getElementById('posA4entierAV'), 100);
		}
	if (avant==4 && marquage!="vierge") {
		obj=document.getElementById('avant');
		setopacite(document.getElementById('posA3entierAV'), 100);
		}
	if (dos==2) {
		obj=document.getElementById('dos');
		setopacite(document.getElementById('posA4tierDos'), 100);
		}
	if (dos==3 && marquage!="vierge") {
		obj=document.getElementById('dos');
		setopacite(document.getElementById('posA4entierDos'), 100);
		}
	if (dos==4 && marquage!="vierge") {
		obj=document.getElementById('dos');
		setopacite(document.getElementById('posA3entierDos'), 100);
		}
	if (mancheG==5 && marquage!="vierge") {
		obj=document.getElementById('mancheG');
		setopacite(document.getElementById('posMancheG'), 100);
		}
	if (mancheD==5 && marquage!="vierge") {
		obj=document.getElementById('mancheD');
		setopacite(document.getElementById('posMancheD'), 100);
		}
	if (casquette==7 && marquage!="vierge") {
		document.getElementById('casquette').value=7;
		setopacite(document.getElementById('posCasquette'), 100);
		}
	document.formulaire.reset();
	}



function ajouterBordure(obj) {
	obj.style.borderColor='#000000';
	}	
function retirerBordure(obj) {
	obj.style.borderColor='#FFFFFF';
	}

/*
div_montrer : numéro de la div correspondant à la couleur sélectionnée.
nbre_div : nombre de couleurs total, les couleurs non utilisables par un type d'impression sont présentes sous forme  d'une div de classe "vide" et de display:none.
couleur : nom de la couleur sélectionnée.
marquage : nom du marquage sélectionné
code_couleur : code de la couleur dans la base de donnée, ce code sert pour repèrer les inputs des tailles asociées.
*/
function choix_couleur(div_montrer,nbre_div,couleur,marquage,code_couleur,marquageClair) {

	ancien_code_couleur=document.getElementById("code_couleur_choisi").value;//recuperation du code de la couleur précédente
	if (document.getElementById("NombreDeCouleur").value!=1) {
		document.getElementById("code_couleur_choisi").value=code_couleur;
		document.formulaire.couleur_choisi.value=couleur;// sauvegarde de la couleur choisi dans un input
	}//sauvegarde du code de la nouvelle couleur	
    reportQte(ancien_code_couleur,code_couleur);//report des quantités si il existe des tailles identiques entre les 2 couleurs
	compteur=document.formulaire.compteur.value;// position de la couleur précedente
	document.formulaire.compteur.value=div_montrer;// sauvegarde de la position de la couleur
	if (marquage=="serigraphie") {
		marquage="flex";
		}
	nom="nbre_"+marquage;
	if (document.getElementById(nom).value<=6) {
		document.getElementById("menu_article").className="menu_petit";
		//document.getElementById("scroll").className="scroll_petit";
		document.getElementById("presentation").className="presentation_petit";
		}
	else {
		document.getElementById("menu_article").className="menu_grand";
		//document.getElementById("scroll").className="scroll_grand";
		document.getElementById("presentation").className="presentation_grand";
		}
//On cache les tailles correspondant à la couleur précédente	
	var nom="code_couleur_"+compteur;
	if(document.getElementById(nom)) {
		document.getElementById(nom).style.display="none";
		}
// On passe en non sélectionnée la couleur précédente
	var nom="couleur_blanc_"+compteur;
	var nom_case="case_blanc_"+compteur;
	if (document.getElementById(nom)) {
		if (document.getElementById(nom).className!="vide") {
			document.getElementById(nom).className="tableau_couleur_inactif";
			document.getElementById(nom_case).className="case_couleur_inactif";
			}
		}
	var nom="couleur_flex_"+compteur;
	var nom_case="case_flex_"+compteur;
	if (document.getElementById(nom)) {
		if (document.getElementById(nom).className!="vide") {
			document.getElementById(nom).className="tableau_couleur_inactif";
			document.getElementById(nom_case).className="case_couleur_inactif";
			}
		}
	var nom="couleur_couleur_"+compteur;
	var nom_case="case_couleur_"+compteur;
	if (document.getElementById(nom)) {
		if (document.getElementById(nom).className!="vide") {
			document.getElementById(nom).className="tableau_couleur_inactif";
			document.getElementById(nom_case).className="case_couleur_inactif";
			}
		}
	var nom="couleur_vierge_"+compteur;
	var nom_case="case_vierge_"+compteur;
	if (document.getElementById(nom)) {
		if (document.getElementById(nom).className!="vide") {
			document.getElementById(nom).className="tableau_couleur_inactif";
			document.getElementById(nom_case).className="case_couleur_inactif";
			}
		}
	if (div_montrer=='') {div_montrer=1;}
	var nom="code_couleur_"+div_montrer; // création du nom de la div à afficher

	document.getElementById(nom).style.display="block";// on affiche les tailles correspondat à la nouvelle couleur
	var nom="couleur_"+marquage+"_"+div_montrer;// créaton du nom de la div représentant la couleur
	var nom_case="case_"+marquage+"_"+div_montrer;
	//document.getElementById(nom).className="tableau_couleur_actif";// on passe la couleur choisi en sélectionnée
	//document.getElementById(nom_case).className="case_couleur_actif";

	document.formulaire.compteur.value=div_montrer;// sauvegarde de la position de la couleur
	
	
	
	if (document.getElementById('taille_visible').value=='0') {
		document.getElementById('fond_texte_taille').style.visibility="visible";
		document.getElementById('fond_couleur_taille').style.visibility="visible";
		document.getElementById('taille_visible').value='1';
		}


	if (document.getElementById("MarquageClair").value=="1" || marquageClair ) {
	document.getElementById("impression_blanc").style.display="block";
	document.getElementById("impression_couleur").style.display="none"; } else {
	document.getElementById("impression_blanc").style.display="none";
	document.getElementById("impression_couleur").style.display="block"; }
envoi();
	}
/*
fonction affichant les couleurs utilisables par le mode d'impression choisi et 
sélectionnant une couleur par défaut si la couleur sélectionnées est indisponible dans le type d'imrpession choisi.
position_defaut : position de la couleur par défaut pour le type d'impression choisi.
nom_defaut_couleur : nom de la couleur par défaut.
code_couleur : code de la couleur par défaut.
*/
function cacherCouleur(position_defaut,nbre_couleur_totale,nom_defaut_couleur,marquage,code_couleur) {
	compteur=document.formulaire.compteur.value;// position de la couleur précedente
	nom_couleur=document.formulaire.couleur_choisi.value;// nom de la couleur précédente
	code=document.getElementById('code_couleur_choisi').value;// code de la couleur précédente
	nom="couleur_"+marquage+"_"+compteur;//nom de la div de la couleur précédente pour le type d'impression choisi
	ancien_marquage=document.formulaire.transfert_choisi.value;
	document.formulaire.transfert_choisi.value=marquage; //sauvegarde du type de marquage
// gestion de l'affichage selon le type d'impression choisi
	if (marquage=="serigraphie") {
		if(document.getElementById('casquette').value=='0') {
			document.getElementById('positionImpression').style.visibility='visible';
		}
		document.getElementById("recap_marquage").innerHTML="Sérigraphie";
		if (document.getElementById("click_couleur_flex")) {
			document.getElementById("click_couleur_flex").style.display="none";
			}
		if (document.getElementById("couleur_flex")) {
			document.getElementById("couleur_flex").style.display="none";
			}
		document.getElementById("impression_serigraphie").className="tableau_impression_actif";
		if (document.getElementById("impression_flex")) {
			document.getElementById("impression_flex").className="tableau_impression_inactif";
			}
		if (document.getElementById("impression_couleur")) {
			document.getElementById("impression_couleur").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		if (document.getElementById("impression_blanc")) {
			document.getElementById("impression_blanc").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		if (document.getElementById("impression_vierge")) {
			document.getElementById("impression_vierge").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		document.getElementById("div_choix_couleur").style.display="block";
		if (document.getElementById("scroll_choix_couleur")) {
			document.getElementById("scroll_choix_couleur").scrollLeft=0;
			}
		document.getElementById("image_marquage").src="/www/gamme-tee-shirts/images/marquage/flex.jpg";
		}
	if (marquage=="flex") {
		if(document.getElementById('casquette').value=='0') {
			document.getElementById('positionImpression').style.visibility='visible';
		}
		document.getElementById("recap_marquage").innerHTML="Flex";
		document.getElementById("couleur_flex").style.display="block";
		document.getElementById("click_couleur_flex").style.display="block";
		document.getElementById("impression_flex").className="tableau_impression_actif";
		if (document.getElementById("impression_couleur")) {
			document.getElementById("impression_couleur").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		if (document.getElementById("impression_blanc")) {
			document.getElementById("impression_blanc").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		if (document.getElementById("impression_vierge")) {
			document.getElementById("impression_vierge").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		if (document.getElementById("impression_serigraphie")) {
			document.getElementById("impression_serigraphie").className="tableau_impression_inactif";
			document.getElementById("div_choix_couleur").style.display="none";
			}
		document.getElementById("div_choix_couleur").style.display="block";
		if (document.getElementById("scroll_choix_couleur")) {
			document.getElementById("scroll_choix_couleur").scrollLeft=0;
			}
		document.getElementById("image_marquage").src="/www/gamme-tee-shirts/images/marquage/flex.jpg";
		}
	if (marquage=="blanc") {
		if(document.getElementById('casquette').value=='0') {
			document.getElementById('positionImpression').style.visibility='visible';
		}
		//document.getElementById("recap_marquage").innerHTML="Transfert Clair";
		document.getElementById("recap_marquage").innerHTML="Standard recommand&eacute;";
		if (document.getElementById("click_couleur_flex")) {
			document.getElementById("click_couleur_flex").style.display="none";
			}
		if (document.getElementById("couleur_flex")) {
			document.getElementById("couleur_flex").style.display="none";
			}
		document.getElementById("impression_blanc").className="tableau_impression_actif";
		if (document.getElementById("impression_couleur")) {
			document.getElementById("impression_couleur").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_couleur").style.display="none";
			}
		if (document.getElementById("impression_flex")) {
			document.getElementById("impression_flex").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_flex").style.display="none";
			}
		if (document.getElementById("impression_vierge")) {
			document.getElementById("impression_vierge").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_vierge").style.display="none";
			}
		if (document.getElementById("impression_serigraphie")) {
			document.getElementById("impression_serigraphie").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_flex").style.display="none";
			}
		document.getElementById("div_choix_couleur").style.display="block";
		if (document.getElementById("scroll_choix_couleur")) {
			document.getElementById("scroll_choix_couleur").scrollLeft=0;
			}
		document.getElementById("image_marquage").src="/www/gamme-tee-shirts/images/marquage/TextilesClair.jpg";
		}
	if (marquage=="couleur") {
		if(!document.getElementById('casquette').value=='0') {
			document.getElementById('positionImpression').style.visibility='visible';
		}
		document.getElementById("recap_marquage").innerHTML="Standard recommand&eacute;";
		//document.getElementById("recap_marquage").innerHTML="Transfert Foncé";
		if (document.getElementById("click_couleur_flex")) {
			document.getElementById("click_couleur_flex").style.display="none";
			}
		if (document.getElementById("couleur_flex")) {
			document.getElementById("couleur_flex").style.display="none";
			}
		document.getElementById("impression_couleur").className="tableau_impression_actif";
		if (document.getElementById("impression_blanc")) {
			document.getElementById("impression_blanc").className="tableau_impression_inactif";
			if (document.getElementById("choix_couleur_blanc")) {
				document.getElementById("choix_couleur_blanc").style.display="none";
			}
		}
		if (document.getElementById("impression_flex")) {
			document.getElementById("impression_flex").className="tableau_impression_inactif";
			if (document.getElementById("choix_couleur_flex")) {
				document.getElementById("choix_couleur_flex").style.display="none";
			}
		}
		if (document.getElementById("impression_vierge")) {
			document.getElementById("impression_vierge").className="tableau_impression_inactif";
			if (document.getElementById("choix_couleur_vierge")) {
				document.getElementById("choix_couleur_vierge").style.display="none";
			}
		}
		if (document.getElementById("impression_serigraphie")) {
			document.getElementById("impression_serigraphie").className="tableau_impression_inactif";
			if (document.getElementById("choix_couleur_flex")) {
				document.getElementById("choix_couleur_flex").style.display="none";
			}
		}
		if (document.getElementById("choix_couleur_couleur")) {
			document.getElementById("choix_couleur_couleur").style.display="block";
		}
		if (document.getElementById("scroll_choix_couleur")) {
			document.getElementById("scroll_choix_couleur").scrollLeft=0;
			}
		document.getElementById("image_marquage").src="/www/gamme-tee-shirts/images/marquage/TextilesFonces.jpg";
		}
	if (marquage=="vierge") {
		document.getElementById('positionImpression').style.visibility='hidden';	
		document.getElementById("recap_marquage").innerHTML="Sans Marquage";
		if(document.getElementById("click_couleur_flex")) {
			document.getElementById("click_couleur_flex").style.display="none";
			}
		if (document.getElementById("couleur_flex")) {
			document.getElementById("couleur_flex").style.display="none";
			}
		document.getElementById("impression_vierge").className="tableau_impression_actif";
		if (document.getElementById("impression_blanc")) {
			document.getElementById("impression_blanc").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_blanc").style.display="none";
			}
		if (document.getElementById("impression_flex")) {
			document.getElementById("impression_flex").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_flex").style.display="none";
			}
		if (document.getElementById("impression_serigraphie")) {
			document.getElementById("impression_serigraphie").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_flex").style.display="none";
			}
		if (document.getElementById("impression_couleur")) {
			document.getElementById("impression_couleur").className="tableau_impression_inactif";
			//document.getElementById("choix_couleur_couleur").style.display="none";
			}
		document.getElementById("div_choix_couleur").style.display="block";
		if (document.getElementById("scroll_choix_couleur")) {
			document.getElementById("scroll_choix_couleur").scrollLeft=0;
			}
		document.getElementById("image_marquage").src="/www/gamme-tee-shirts/images/marquage/SansMarquage.jpg";
		}
	avant=document.getElementById('avant').value;
	dos=document.getElementById('dos').value;
	mancheG=document.getElementById('mancheG').value;
	mancheD=document.getElementById('mancheD').value;
	casquette=document.getElementById('casquette').value;
	if (marquage=="vierge" && ancien_marquage!="vierge") {
		if (avant==1) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posCoeur'), 35);
			}
		if (avant==2) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posA4tierAV'), 35);
			}
		if (avant==3) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posA4entierAV'), 35);
			}
		if (avant==4) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posA3entierAV'), 35);
			}
		if (dos==2) {
			obj=document.getElementById('dos');
			setopacite(document.getElementById('posA4tierDos'), 35);
			}
		if (dos==3) {
			obj=document.getElementById('dos');
			setopacite(document.getElementById('posA4entierDos'), 35);
			}
		if (dos==4) {
			obj=document.getElementById('dos');
			setopacite(document.getElementById('posA3entierDos'), 35);
			}
		if (mancheG==5) {
			obj=document.getElementById('mancheG');
			setopacite(document.getElementById('posMancheG'), 35);
			}
		if (mancheD==5) {
			obj=document.getElementById('mancheD');
			setopacite(document.getElementById('posMancheD'), 35);
			}
		if (casquette==7) {
			document.getElementById('casquette').value=7;
			setopacite(document.getElementById('posCasquette'), 35);
			}
		}
	else {
		if (avant==1) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posCoeur'), 100);
			}
		if (avant==2) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posA4tierAV'), 100);
			}
		if (avant==3) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posA4entierAV'), 100);
			}
		if (avant==4) {
			obj=document.getElementById('avant');
			setopacite(document.getElementById('posA3entierAV'), 100);
			}
		if (dos==2) {
			obj=document.getElementById('dos');
			setopacite(document.getElementById('posA4tierDos'), 100);
			}
		if (dos==3) {
			obj=document.getElementById('dos');
			setopacite(document.getElementById('posA4entierDos'), 100);
			}
		if (dos==4) {
			obj=document.getElementById('dos');
			setopacite(document.getElementById('posA3entierDos'), 100);
			}
		if (mancheG==5) {
			obj=document.getElementById('mancheG');
			setopacite(document.getElementById('posMancheG'), 100);
			}
		if (mancheD==5) {
			obj=document.getElementById('mancheD');
			setopacite(document.getElementById('posMancheD'), 100);
			}
		if (casquette==7) {
			document.getElementById('casquette').value=7;
			setopacite(document.getElementById('posCasquette'), 100);
			}
		}
	a=1;

	if (document.getElementById('surface_visible').value=='0') {
		document.getElementById('surface_visible').value='1';
		} 
	if (document.getElementById('surface_visible').value=='2') {
		document.getElementById('surface_visible').value='0';
		}
	if (document.getElementById('retour').value=='1') {
		document.getElementById('fond_texte_impression').style.visibility='visible';
		document.getElementById('fond_couleur_impression').style.visibility='visible';
		}
	
			envoi();
	}


// vérifie que l'utilisateur ne sélectionne pas plus de 6 couleurs Flex
function test_nbre_couleur_flex(box) {
	if(box.checked==false) {
		document.getElementById('nbre_couleur_flex').value--;
		}
	else {
		if (document.getElementById('nbre_couleur_flex').value==6) {
			box.checked=false;// on ne coche pas la couleur
			alert("vous ne pouvez pas choisir plus de 6 couleurs");// on informe l'utilisateur que la limite est atteinte
			}
		else {
			document.getElementById('nbre_couleur_flex').value++;
			}
		}
	}
// Affiche les images correspondant aux couleurs flex sélectonnées
function valider_coulflex() {
	nbre_couleur=document.getElementById("nbre_couleur_flex").value;
	for (i=1; i<=23; i++) {
		var nom_div="affichage_flex_"+i;
		document.getElementById(nom_div).className="afficher_couleur_flex_cache";
		}
	var i=1;// variable permettant le parcours de tous les input
	var compteur=0;// nbre de couleurs sélectionnées
	while (compteur<=nbre_couleur && i<=23) {// parcours de tous les input sauf si on a atteint le nombre de couleurs flex choisies
		var nom_input="coulflex_"+i;
		if (document.getElementById(nom_input).checked==true) {
			compteur++;
			var nom_div="affichage_flex_"+i;
			document.getElementById(nom_div).className="afficher_couleur_flex_visible";
			}
			i++;
		}
	if (compteur==0	&& document.getElementById("transfert_choisi").value=="flex") {
		alert("Vous devez choisir au minimum une couleur");
		}
	else {

		document.getElementById('couleur_flex').style.display='none';
		envoi();//mise à jour de l'image
		}
	}
// reset les check box et cache les images des couleurs flex
function annuler_coulflex() {
	effacer_tout_coulflex()
	document.getElementById('couleur_flex').style.display='none';
	document.getElementById('nbre_couleur_flex').value=0;
	envoi();//mise à jour de l'image
	}
function effacer_tout_coulflex() {
	for (i=1; i<24; i++) {
		effacer_coulflex(i);
		}
	}
function effacer_coulflex(i) {
	var nom_input="coulflex_"+i;
	document.getElementById(nom_input).checked=false;
	var nom_div="affichage_flex_"+i;
	document.getElementById(nom_div).className="afficher_couleur_flex_cache";
	}

/*
vérifie le formulaire puis l'envoie.
*/
function soumettre() {
	if(document.formulaire.transfert_choisi.value=='' || document.formulaire.transfert_choisi.value=='null') {
		alert('Vous devez choisir un type de marquage.');
		return false;	
	}
	if((document.getElementById('transfert_choisi').value!='vierge')&&((document.getElementById('avant').value|document.getElementById('dos').value|document.getElementById('mancheG').value|document.getElementById('mancheD').value|document.getElementById('casquette').value)==0)){
		alert('Vous devez selectionner une surface d\'impression.');
	} else if ( (document.getElementById('transfert_choisi').value=='flex') && (document.getElementById('nbre_couleur_flex').value==0) ) {
		alert('Vous devez choisir au minimum une couleur flex');
		}
	else {
		if (!testQte()) {
			alert("Vous devez choisir une quantité");
			}
		else {
			document.formulaire.submit();
			}
		}
	}
/*
reporte les quantités dans les input taille de 2 couleurs si elles ont des tailles en commun.
*/
function reportQte(ancien_code_couleur,nouveau_code_couleur) {
	if(ancien_code_couleur!=nouveau_code_couleur) {
		for(i=0; i<30; i++) {
			ancien_nom="taille_"+ancien_code_couleur+"_"+i;
			if(document.getElementById(ancien_nom)) {
				nouveau_nom="taille_"+nouveau_code_couleur+"_"+i;
				if(document.getElementById(nouveau_nom)) {
					document.getElementById(nouveau_nom).value=document.getElementById(ancien_nom).value;
					}
				document.getElementById(ancien_nom).value=0;
				}
			}
		}
	}

function isNumber(inputStr) { 
	for (var i = 0; i < inputStr.length; i++) { 
		var oneChar = inputStr.substring(i, i + 1) 
		if (oneChar < "0" || oneChar > "9") { 
			return false 
		} 
	}
	return true 
}

function testInput(obj) {
	if (obj.value!='') {
		if (!isNumber(obj.value)) {
			alert("L'entrée doit être un nombre.");
			obj.value=0;
			envoi();
			}
		else {
			obj.value=obj.value*1;
			document.getElementById("fond_texte_impression").style.visibility="visible";
			document.getElementById("fond_couleur_impression").style.visibility="visible";
			envoi();
			}
		}
	}

function testQte() {
	for(i=0; i<60; i++) {
		nouveau_nom="taille_"+document.getElementById("code_couleur_choisi").value+"_"+i;
		if ( document.getElementById(nouveau_nom) && document.getElementById(nouveau_nom).value!=0) {
			return true;
			}
		}
	return false;
	}