//Copyright Abiotik 2006

//**********************************************************************************************
// MODULE D'ECRITURE DE DECLINAISONS PRODUIT DE BASE SUR POWER BOUTIQUE + OPTIONS AFFICHAGE
//**********************************************************************************************
// ADAPTATION : Site SISTERSHOPPING	
// Copyright Abiotik 2005 - Tous droits réservés
//**********************************************************************************************
// ce code est la propriété de la société Abiotik.
// Pour toutes informations contacter-nous au 04 67 57 03 72
//**********************************************************************************************
	
	//Declaration variables globales
	var longTabCoul;
		
	var choixCoul="0", 
	choixTaille="0", 
	inserVignette="0", 
	inserZoom="0", 
	nbZoom = "0",
	inserMarque="0",
	inserPictos = "0",
	inserAssoc="0",
	nbAssoc="4"
	affichNewPage="0";
	
	var pictoLivraisonC="0";
	var pictoLivraisonG="0";
	var pictoBaguier="0";
	
	var tab=new Array();
	var tabCoul=new Array();
	
	var mefTitre;
	var infoMarque='';

// fonctions diverses montage produit
//*******************************************************************************************
// fonction espaceur
	function espaceProd(largeur,hauteur){
		document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>'
			+'<td><img src="../site/graphCommun/produit/images/espaceur.gif" width="'+largeur+'" height="'+hauteur+'"></td>'
			+'</tr></table>');
	}


	function ligneDeco(largeur){
		document.write('<table width="'+largeur+'" border="0" cellspacing="0" cellpadding="0" align="center"><tr>'
			+'<td background="../site/graphCommun/produit/images/ligneProduit.gif">'
			+'<img src="../site/graphCommun/produit/images/espaceur.gif" width="1" height="3"></td>'
			+'</tr></table>');		
	}



//*******************************************************************************************
// FONCTIONS D'ECRITURES HAUTES : TITRE / PICTOS / DESCRIPTION
//*******************************************************************************************

// ECRITURE GRAPHISME HAUT / TITRE
function dbtTabHaut(){

	// tableau d'ouverture 

		document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">'
              +'<tr><td width="100%" height="200"  valign="top">'); 	

	// début tableau 1 supérieur
		document.write('<table width="100%" border="0" cellspacing="6" cellpadding="5" background="../site/graphCommun/produit/images/carreProd.gif">'
              +'<tr><td bgcolor="#ff44ad" height="15" class="Bc12"><b>'); 
		// texte titre
}

// ECRITURE GRAPHISME FIN TITRE / REF. PRODUIT / PICTOS / dbt DESCRIPTION

function milieuTabHaut(){
		
		// fin titre
		document.write('</b></td></tr></table>');
		
		espaceProd(6,1);
		

	// FONCTION PICTOS MARQUES 
		
		if (inserMarque==1 || pictoBaguier==1){
			document.write('<table width="100%" border="0" cellspacing="3" cellpadding="0"><tr>');
			
			var a=0;
			
			while (tabMarque[a] != "fin"){
				document.write('<td width="100%"><img src="../site/pictos/'+tabMarque[a]+'.gif" border="0"></td>');
				a++;
			}
			
			
			// inser picto Baguier
			document.write('<td align="right">');
			
			/*if (designRub == 18){
				document.write('<a href="../site/pdf/baguier.pdf" target="_blank">'
					+'<img src="../site/graphCommun/produit/images/baguier.gif" border="0" alt="cliquez pour ouvrir notre baguier"></a>');			
			}
			else{
				document.write('&nbsp;');			
			}*/
			
			if ( pictoBaguier == 1){
				document.write('<a href="../site/pdf/baguier.pdf" target="_blank">'
					+'<img src="../site/graphCommun/produit/images/baguier.gif" border="0" alt="cliquez pour ouvrir notre baguier"></a>');			
			}
			else{
				document.write('&nbsp;');			
			}			
			
			
		
		document.write('</td></tr></table>');			
			
		}  

		
		
		//texte description		
		document.write('<table width="100%" border="0" cellspacing="0" cellpadding="6"><tr><td class="Bl11" valign="top">');
}

	//-----------------------------------------------------------
	//fin tab haut
	//-----------------------------------------------------------	
	
function finTabHaut(){

		//traitement du titre produit PwB >> suppression ' pour zoomSimple & zoom vignette
			var extract = document.formulaire.titre.value;
			if (extract.indexOf("'")>= 0)
				mefTitre = document.formulaire.titre.value.replace(/'/g,"ABK_apos");
			else
				mefTitre = document.formulaire.titre.value;
			

	
	// fin tab description 
		document.write('</td></tr></table>');
		
	//1euro		
		espaceProd(6,1);			
		tabSimple('','<div  align="center"><a href="#" onClick="window.open(\'https://www.1euro.com/1euro/calculetteTEG.do?idPartenaire=2503542\',\'1euroDem\', \'width=600,height=500\',\'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, dependent=yes\');"><img src="../site/unEuro/jecalcule180_30.gif" border="0"></a></div>');
		espaceProd(6,1);
		

	// séparation ligne description / ligne basse
		document.write('</td></tr><tr><td>');
	

	// FONCTION PICTOS DIVERS + Pictos dédiées + ZOOM PRODUIT
		
		
		if (inserPictos==1 || inserZoomSimple==1){
			document.write('<table width="100%" border="0" cellspacing="3" cellpadding="0"><tr>');

		// inser zoom produit
			if (inserZoomSimple == 1){

			document.write('<td width="100">');				
				if (nbZoomSimple < 2)	
					document.write('<a href=\'javascript:var win=window.open("../site/vignettes/'+refProduit+'_zoom.jpg","zoom","width=620,height=600","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no");\'>');
				else
					document.write('<a href=\'javascript:var win=window.open("../site/popUpZoom/zoom.htm?nbImages='+nbZoomSimple+'&refImage='+refProduit+'&libelle='+mefTitre+'","zoom","width=620,height=600,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes");\'>');
		
				document.write('<img src="../site/graphCommun/produit/images/pictoPhotos.jpg" border="0" alt="cliquez pour visionner plus de photos"></a></td>');						
			}			
			
			
		// inser pictos
			// picto livraison gratuite
			if(pictoLivraisonC==1){
				document.write('<td width="100"><img src="../site/pictos/livraisonC.gif" border="0"></td>');
			}
			// picto livraison coursier
			if(pictoLivraisonG==1){
				document.write('<td width="100"><img src="../site/pictos/livraisonG.gif" border="0"></td>');
			}
			
			// pictos divers
			if(inserPictos==1){
				var a=0;
				while (tabPictos[a] != "fin"){
					document.write('<td width="100"><img src="../site/pictos/'+tabPictos[a]+'.gif" border="0"></td>');
					a++;
				}
			}
		document.write('<td>&nbsp;</td></tr></table>');			
		}  

	
	// ligne envoi + retour 
		document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#B699C7"><tr>'
				+'<td width="6"><img src="../site/graphCommun/produit/images/espaceur.gif" width="6"></td>'
				+'<td width="15"><img src="../site/graphCommun/produit/images/flecheProduit.gif" width="11" height="21"></td>'
				+'<td class="Bc11"><a href="mailto:?subject=SisterShopping&BODY=Cliquez sur le lien suivant : http://www.sistershopping.com/boutique/fiche_produit.cfm?ref='+refProduit+'%26code_lg=lg_fr">'
				+'Envoyer à un(e) ami(e)</a></td>');
		
		if(infoMarque != ''){	
			document.write('<td width="15">'
				+'<img src="../site/graphCommun/produit/images/flecheProduit.gif" width="11" height="21"></td>'
				
				+'<td class="Bc11">'
				+'<a href=\'javascript:var win=window.open("../site/popUpInfoMarque/'+infoMarque+'.htm","InfoMaque","width=620,height=600","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes");\'>Infos Marque</a></td>');
		}
		
		document.write('<td width="15"><img src="../site/graphCommun/produit/images/flecheProduit2.gif" width="11" height="21"></td>'
				+'<td class="Bc11" width="40"><a href="javascript:history.back()">Retour</a></td>'
				+'</tr></table>');


	// fin tab ouverture
		document.write('</td></tr></table>');	

	
	//fin balises mise en page PwB)
		document.write('</font></div></td></tr></table>');


}







//**********************************************************************************************
// 			FONCTION D'ECRITURE BASSE : DECLINAISONS/QTE/CDER/ASSOC
//**********************************************************************************************
function affichDeclinaison(){

// ECRITURE GRAPHISME DESCRIPTION / DECLINAISONS + CDE + ASSOCIES
// tableau 2 de gestion taille / couleur / commander / assoc
		// Appel gestion des déclinaisons
		
		
		gestionDeclinaisons();
				

		//fin tab déclinaisons
		

// ecriture de quantite + commander
//*********************************************************************************		
			
		espaceProd(1,6);
					
	document.write('<table width="95%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ff44ad" align="center"><tr>'
	//Qte
		+'<td class="Bc11" align="center" width="80" class="Bl11"><b>Quantité</b></td>'
		+'<td><input type="text" class="Bl11" name="qteABK" size="2" value="1">'
	// blocage touche entrer sur "qte"		
		+'<div id="blocageEnter" style="display: none"><input type="text" name="qte" value="1"><input type="hidden" name="option1"><div></td>'
	// Commander                  
		+'<td align="right"><a href="javascript:commander();"><img src="../site/graphCommun/produit/images/boutCDE.gif" border="0"></a></td>'
		+'<td width="50"><img src="../site/graphCommun/produit/images/espaceur.gif" width="50" height="1"></td>'
		+'</tr></table>');

	// infos livraisons
	
	document.write('<table width="95%" border="0" cellspacing="0" cellpadding="3"><tr>'	
		+'<td class="r10" align="right">'
		+'<a href="javascript:var win=window.open(\'../site/popUpDivers/livraison.htm\',\'livraison\', \'width=500,height=450\',\'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, dependent=yes\');">'
		+'&gt;&gt; Informations livraisons / Article sur commande </a></td>'
		+'<td width="50"><img src="../site/graphCommun/produit/images/espaceur.gif" width="50" height="1"></td>'
		+'</tr></table>');

	


// ecriture de produits Associes
//*********************************************************************************				  
		if (inserAssoc != 1){
		ligneDeco("95%");
		}
		else{
		produitAssoc();
		}


//*********************************************************************************
// adaptation recup mise en page PB
	document.write('<table width="95%" border="0" cellpadding="0" cellspacing="4" align="center">'
			+'<tr><td align="right"><div style="display: none"><font>');
}		
		














//*******************************************************************************************
//                        	FONCTIONS D'ECRITURES SECONDAIRES
//*******************************************************************************************

// FONCTION DEBUT DE TABLEAU DES DECLINAISONS
function DbtTabDeclinaisons(texteChoix){
	
	// texte choix		
		document.write('<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center"><tr>'
			+'<td class="Bl10" width="100%"><b>'+texteChoix+'</b></td>'
			+'</tr></table>');		
		
	// ligne 1			
		ligneDeco("95%");
				
		//début montage des déclinaisons

}



//**********************************************************************************************
// FONCTION ECRITURE VIGNETTE
function vignette(imageVignette){	

	document.write('<img src="../site/vignettes/'+imageVignette+'.gif">');

}

//**********************************************************************************************
// FONCTION ECRITURE COULEUR
function affichCoul(valeurCoul, designCoul){

		if(longTabCoul == 1)
			document.write('<td width="20" align="right"><input type="radio" name="couleur" value="' +valeurCoul+ '" checked></td>');
		else
			document.write('<td width="20" align="right"><input type="radio" name="couleur" value="' +valeurCoul+ '"></td>');
	
	document.write('<td class="Bl11" width="100" align="left"><span class="fond_barre"><b>'+designCoul+'</b></span></td>');

}
//**********************************************************************************************
// FONCTION ECRITURE TAILLE (directement sur la fonction de gestion)


//**********************************************************************************************
// FONCTION ECRITURE ZOOM
function zoom(designZoom){

	//if (inserVignette == 1){

			if (nbZoom < 2)
				document.write('<a href=\'javascript:var win=window.open("../site/vignettes/'+designZoom+'_zoom.jpg","zoom","width=620,height=600","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no");\'>');
			else
				document.write('<a href=\'javascript:var win=window.open("../site/popUpZoom/zoom.htm?nbImages='+nbZoom+'&refImage='+designZoom+'&libelle='+mefTitre+'","zoom","width=620,height=600,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes");\'>');
		
		document.write('<img src="../site/graphCommun/produit/images/pictoLoupe.gif" border="0" alt="cliquez pour zoomer sur la couleur correspondante"></a>');
	//}
	
	/*else{
		if (nbZoom < 2)
			document.write('<br><a href=\'javascript:var win=window.open("../site/vignettes/'+designZoom+'_zoom.jpg","zoom","width=620,height=600","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no");\'>');
		else
			document.write('<br><a href=\'javascript:var win=window.open("../site/popUpZoom/zoom.htm?nbImages='+nbZoom+'&refImage='+designZoom+'&libelle='+document.formulaire.titre.value+'","zoom","width=620,height=600,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes");\'>');
		
		document.write('<img src="../site/graphCommun/produit/images/pictoLoupe.gif" border="0" alt="cliquez pour zoomer sur le produit"></a>');
	}	*/
}





//**********************************************************************************************
// FONCTION ECRITURE PRODUITS ASSOCIES
function produitAssoc(){
		//table produit associées
		
	// titre		
		document.write('<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center"><tr>'
			+'<td class="Bl10" width="100%"><b>Produits associés</b></td>'
			+'</tr></table>');		
	// ligne 1			
		ligneDeco("95%");
		
		
		// gestion ouverture de page		
			/*if (affichNewPage == "0")
				var ouvPage = ' target="_blank"';
			else*/
				var ouvPage = '';
						
		//début montage des déclinaisons			
		document.write('<table width="95%" border="0" cellspacing="5" cellpadding="0" align="center"><tr>');
			
			for (i=1; i<=nbAssoc;i++){
				 
				if (eval("produitAssoc"+i+".refActive") != ""){
					
					if(i>1)
					document.write('<td width="1" bgcolor="#704688"><img src="../site/graphCommun/produit/images/espaceur.gif" width="1" height="1"></td>');
					
					document.write('<td width="120" align="center"><table width="100%" cellspacing="2" cellpadding="0" border="0">'
					+'<tr><td align="center" class="Bl11"><a href="fiche_produit.cfm?ref='+ eval("produitAssoc"+i+".refActive")+'"'+ouvPage+'>'
					+'<img src="images_produits/v'+ eval("produitAssoc"+i+".refActive")+'.gif" border="0" alt="cliquez pour accèder\nau produit"></a></td></tr>'
					+'<tr><td align="center" class="Bl11">'+eval("produitAssoc"+i+".titre")+'<br>'
					//+ '<span class="prix">'+eval("produitAssoc"+i+".prix")+' € TTC</span>'
					+'</td></tr></table></td>');
				}
			
			}			
			
		// fin tableau support des produits associes
		document.write('<td>&nbsp;</td></tr></table>');
			
		ligneDeco("95%");			
			
			

}









//*******************************************************************************************
// 								FONCTION OUV/FERME DECOUPAGE - 10 produits
//*******************************************************************************************

var decoupage=1, actifDecoupage = 1;

	function actionOuverture(actif){

		if (actif == "plus" && actifDecoupage < decoupage){
			document.getElementById('liste'+ actifDecoupage).style.display = 'none';
			document.getElementById('cell'+ actifDecoupage).style.background="#FFF";
			actifDecoupage++;
			document.getElementById('cell'+ actifDecoupage).style.background="#E3CBDB";
			document.getElementById('liste'+ actifDecoupage).style.display = 'block';	
		}
		else if (actif == "moins" && actifDecoupage > 1){
			document.getElementById('liste'+ actifDecoupage).style.display = 'none';
			document.getElementById('cell'+ actifDecoupage).style.background="#FFF";
			actifDecoupage--;
			document.getElementById('cell'+ actifDecoupage).style.background="#E3CBDB";
			document.getElementById('liste'+ actifDecoupage).style.display = 'block';
		}
		else if (actif != "moins" && actif != "plus"){
			document.getElementById('liste'+ actifDecoupage).style.display = 'none';
			document.getElementById('cell'+ actifDecoupage).style.background="#FFF";
			actifDecoupage = actif ;
			document.getElementById('cell'+ actifDecoupage).style.background="#E3CBDB";
			document.getElementById('liste'+ actifDecoupage).style.display = 'block';		
		}
	}



//*******************************************************************************************
// 								FONCTION DE GESTION DECLINAISONS 
//**********************************************************************************************
function gestionDeclinaisons(){
		
		//Ecriture de la chaine avec "#" en fin de ligne	
		var longEcriture = ecriture.length - 1;
		var tabEcriture="";
		
		for (i=0;i<longEcriture-1;i++){
			tabEcriture=tabEcriture + ecriture[i] + "#";
		}
		
		tabEcriture=tabEcriture + ecriture[longEcriture-1];

//alert (tabEcriture);

		// ecriture du tableau de base en fonction de la chaine et du séparateur "#"
		tab=tabEcriture.split("#");
		var longTabEcriture=tab.length;
//alert (tab);

		// ecriture du tableau des couleurs avec verif doublons et position

		var n = 0 , a=0, diviseur ;



		
	// verif si choix couleurs + taille
	if (choixCoul=="1") { 
		
		if(choixTaille =="1")
			diviseur = 2;
		else
			diviseur = 1;
		
		
		for(i=0;i<(longTabEcriture/diviseur);i++){
			// verif si coul "n" == coul "n+1"
			if (tab[n] != tab[n+diviseur]){
					// verif si coul "n" (avec tabCoul[0] déjà ecrit) n'a pas déjà été ecrit sur le tableau
					if (a != 0){
						var EcritureOK =0;
						for (b=0; b<a ;b++){
							if (tabCoul[b] == tab[n]){
							// si on trouve une correspondance on passe EcritureOK à 1 >> empeche l'écriture
								EcritureOK =1;
								break;
							}
						}
						if(EcritureOK ==0){
							// si pas de correspondance on ecrit le tableau des couleurs
							tabCoul[a] = tab[n];
							a++;						
						}
					}
					// ecriture de tabCoul[0] dans la boucle
					else{
						tabCoul[a] = tab[n];
						a++;
					}
			}
			n=n+diviseur;			
		}
	}// fin if choix coul / choix taille


//---------------------------------------
// CAS 1 : coul et taille
//Ecriture des couleurs, tailles et references en fonction des couleurs définies plus haut.
	
	if (choixCoul=="1" && choixTaille=="1"){
		var tailleRef=new Array();
		longTabCoul=tabCoul.length;

	
		// debut du tableau
		DbtTabDeclinaisons("Choisissez la couleur et la taille");

		// tableau support affichage des declinaisons
		document.write('<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>');


		
		// Boucle DES COULEURS avec taille
		for (i=0;i<longTabCoul;i++){
			coul = tabCoul[i];


		

		//**********************************************************************************************
		// DECOUPE PAR 10 COULEURS
			
			if (i==0){
				document.write('<div id="liste1" style="display: block">'); 
				//alert(decoupage);
			}
			else if (i == 10 || i == 20 || i == 30 || i == 40 || i == 50 || i == 60 || i == 70 || i == 80 || i == 90){
				decoupage++;
				document.write('<div id="liste'+decoupage+'" style="display: none">');
				//alert(decoupage);
			}


			//----------------------------
			// tableau par déclinaison
			document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>');

			
			// Affichage vignette			
			document.write('<td width="100" height="80">');
			if (inserVignette == 1){
				vignette(refProduit +"_"+ coul);
			}
				document.write('</td>');
			
		
			// affichage couleur
						
			affichCoul(tabCoul[i], coul);
			
						
			
			
			//ECRITURE TAILLES / REFERENCES
			n=0;	
			b=0;
			
					
			document.write ('<td width="100">&nbsp;&nbsp;&nbsp;<select class="Bl11" name="taille' + i + '">');
			
			
			while (n < longTabEcriture){
				if (tabCoul[i] == tab[n]){
					document.write('<option value="' + (eval(tab)[n+1]) + '">Taille '+ (eval(tab)[n+1]));
				}
			
				n=n+diviseur;
			}
		document.write ('</select></td>');


		// inser ZOOM avec vignette
		
		document.write('<td align="center">');		
		
		if (inserZoom == 1 && inserVignette==1){
			zoom(refProduit +"_"+ coul);
		}

		document.write('</td></tr></table>');
	
// ligne deco
		ligneDeco("100%");
		


		
		
		// fin DIV découpage
		if (i==9 || i == 19 || i == 29 || i == 39 || i == 49 || i == 59  || i == 69  || i == 79  || i == 89  || i == 99 || i == (longTabCoul-1)){
			document.write('</div>');			
			//alert(i);
		}

				
		} //fin "for" coul
	
	

	document.write('</td></tr></table>');
	

	
	// affichage des choix de page

		if (decoupage > 1){
			//alert (decoupage);
			document.write('<table cellspacing="0" cellpadding="0" height="40" width="90%" border="0"  align="center"><tr>');

				document.write('<td width="100"><a href="javascript:actionOuverture(\'moins\');"><span class="Bl11"><b>&lt;&lt; Page précédente</span></b></a></td>');
				
				for(nbDecoup=1; nbDecoup<= decoupage; nbDecoup++){
					document.write('<td align="center"><b> - </b></td><td align="center" width="20"><div id="cell'+nbDecoup+'" style="border: 2px solid #FFF;"><a href="javascript:actionOuverture('+nbDecoup+');"><span class="Bl11"><b>'+ nbDecoup+'</b></span></a></div></td>');
				}
				document.getElementById('cell1').style.background="#E3CBDB";
				
				document.write('<td align="center"><b> - </b></td><td align="right" width="100"><a href="javascript:actionOuverture(\'plus\');"><span class="Bl11"><b>Page suivante &gt;&gt;</b></span></a></td>');
			
			document.write('</tr></table>');
		
		document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="../site/imgModuleProduit/espaceur.gif" height="10"></td></tr></table>');
		
		}
	
	
	
	} // fin "if" cas 1



//---------------------------------------
// CAS 2 : coul uniquement
//Ecriture des couleurs et references en fonction des couleurs définies plus haut.
	else if (choixCoul=="1" && choixTaille=="0"){
		longTabCoul=tabCoul.length;
		
		// debut du tableau
		DbtTabDeclinaisons("Choisissez la couleur");

		// tableau support affichage des declianaisons
		document.write('<table width="95%" border="0" cellspacing="0" cellpadding="0"  align="center"><tr><td>');
		
		
		for (i=0;i<longTabCoul;i++){
			coul = tabCoul[i];


		//**********************************************************************************************
		// DECOUPE PAR 10 COULEURS
			
			if (i==0){
				document.write('<div id="liste1" style="display: block">'); 
				//alert(decoupage);
			}
			else if (i == 10 || i == 20 || i == 30 || i == 40 || i == 50 || i == 60 || i == 70 || i == 80 || i == 90){
				decoupage++;
				document.write('<div id="liste'+decoupage+'" style="display: none">');
				//alert(decoupage);
			}


			//----------------------------
			// tableau par déclinaison
			document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>');

			
			// Affichage vignette			
			document.write('<td width="100" height="80">');
			if (inserVignette == 1){
				vignette(refProduit +"_"+ coul);
			}
			document.write('</td>');			
			
			var refCoul = tab[i];
			
			//ECRITURE COULEUR
			// affichage couleur
			affichCoul(tabCoul[i], coul);


		// inser ZOOM avec vignette
		
		document.write('<td align="center">');		
		if (inserZoom == 1 && inserVignette==1){
			zoom(refProduit +"_"+ coul);
		}		
		document.write('</td></tr></table>');

		
	
	// ligne deco
		ligneDeco("100%");

		
		
		// fin DIV découpage
		if (i==9 || i == 19 || i == 29 || i == 39 || i == 49 || i == 59  || i == 69  || i == 79  || i == 89  || i == 99 || i == (longTabCoul-1)){
			document.write('</div>');			
			//alert(i);
		}

				
		} //fin "for"
	
	

	document.write('</td></tr></table>');
	
	// affichage des choix de page

		if (decoupage > 1){
			//alert (decoupage);
			document.write('<table cellspacing="0" cellpadding="0" height="40" border="0" width="90%" align="center"><tr>');

				document.write('<td width="100"><b><a href="javascript:actionOuverture(\'moins\');"><font color="#7A6D5D">&lt;&lt; Page précédente</font></a></b></td>');
				
				for(nbDecoup=1; nbDecoup<= decoupage; nbDecoup++){
					document.write('<td align="center"><b> - </b></td><td align="center" width="20"><b><div id="cell'+nbDecoup+'" style="border: 2px solid #FFF;"><a href="javascript:actionOuverture('+nbDecoup+');">'+ nbDecoup+'</a></div></b></td>');
				}
				document.getElementById('cell1').style.background="#E3CBDB";
				
				document.write('<td align="center"><b> - </b></td><td align="right" width="100"><b><a href="javascript:actionOuverture(\'plus\');"><font color="#7A6D5D">Page suivante &gt;&gt;</font></a></b></td>');
			
			document.write('</tr></table>');
		
		document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="../site/imgModuleProduit/espaceur.gif" height="10"></td></tr></table>');
		
		}
	
	
	
	} // fin "if"
		

//---------------------------------------
// CAS 3 : taille uniquement
//Ecriture des tailles et references en fonction de "tab" définies plus haut.	
	else if (choixCoul=="0" && choixTaille=="1"){
		//ECRITURE TAILLES / REFERENCES
		n=0;	
		b=0;
				// debut du tableau
		DbtTabDeclinaisons("Choisissez la Taille ci-dessous");
		
		document.write ('<table width="95%" border="0" cellspacing="6" cellpadding="0"  align="center"><tr><td class="Bl11" width="150"><b>Choisissez votre taille : </b></td>');
		document.write ('<td> &nbsp;&nbsp;&nbsp; <select class="Bl11" name="taille">');
		
		while (n < longTabEcriture){
				document.write('<option value="' + (eval(tab)[n]) + '">Taille '+ (eval(tab)[n]));
			n=n+1;
		}

		document.write('</select></td></tr></table>');

	// ligne deco
		ligneDeco("95%");
		
		
		
	}	

//---------------------------------------
// CAS 4 : pas de déclinaison
	else {
		ligneDeco("95%");	
	}

//alert(eval('document.formulaire.taille0.value'));

}// fin fonction ecriture des déclinaisons








//*******************************************************************************************
//							 Fonction COMMANDE + verif commande
//*******************************************************************************************
function commander(){
  //init var
	var okCde=false, refProduitCDE, designCoul;
	var designTaille = 0, papierCadeau = "non";
	var cdeProduit, cdeCouleur;  

  // si choix coul == 1
  if (choixCoul == "1"){
  
  		
		// si + de 1 couleur on vérifie si une coul est coché en bouclant sur la tabCoul
		if (longTabCoul > 1){
			for(i=0; i<longTabCoul; i++){
				if(document.formulaire.couleur[i].checked == true){
					cdeCouleur = tabCoul[i];
					okCde=true;
					designCoul=i;
				}
			}
		}
		// si 1 couleur on ne vérifie pas si coché et on désigne le tabCoul[0]
		else{
			i=0;
			cdeCouleur = tabCoul[i];
			okCde=true;
			designCoul=i;
		}
  }

// si pas de choix coul on bloque la verif. à "TRUE"  
  else{
  	okCde=true;
	
  }
  
	// Envoi de la commande ou alert erreur
	// verif si okCde == true (couleur ok)
	if (okCde==true){
		
		var titre=document.formulaire.titre.value;
		
	// blocage des memoires doublons dans le titre
		var resultat = titre.indexOf('<br>');
		if (resultat>0){
			titre=titre.substring(0,resultat);
		}		
		
		//var prix=document.formulaire.prix.value;
		var cde ="";		
		
		//**********************************************		
		// coul et taille
		if(choixCoul == "1" && choixTaille =="1"){

			titre= "<br>" + cdeCouleur+ "<br>Taille : " + eval('document.formulaire.taille'+ designCoul +'.value');
			refProduitCDE = refProduit+'_'+cdeCouleur+'_'+eval('document.formulaire.taille'+ designCoul +'.value');
		}
		
		//**********************************************
		// coul
		else if(choixCoul == "1" && choixTaille =="0"){
			titre="<br>" + cdeCouleur;
			refProduitCDE = refProduit +'_'+ cdeCouleur;
		}
		
		//**********************************************		
		// taille	
		else if(choixCoul == "0" && choixTaille =="1"){
			
			titre= "<br>Taille : " + eval('document.formulaire.taille.value');
			refProduitCDE = refProduit +'_'+ document.formulaire.taille.value;
		}
		
		//**********************************************		
		// pas de choix
		else if (choixCoul == "0" && choixTaille =="0"){
			titre= "" ;
			refProduitCDE = refProduit;

		}
	
	// LANCEMENT COMMANDE POWER BOUTIQUE
		var quantite = document.formulaire.qteABK.value ;
		document.formulaire.qte.value=document.formulaire.qteABK.value;		


	//AFFICHAGE DECLINAISON / OPTION V4
		document.formulaire.option1.value = titre;

		
		
		cde ='ref='+refProduitCDE+'&type=1&code_lg=lg_fr';
		document.formulaire.action = "com_act.cfm?" + cde;
		document.formulaire.submit();

	}
	// erreur coul
	else{
		alert("Vous devez préciser la couleur ");
	}
}


//FONCTION ***********************************************************************************	
	//"commandez aujourd'hui, livraison j+3 ouvert":	
	function cdeJour(){
		var livraison;
		var tabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi","Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
		var jour = new Date();
		jour=jour.getDay();
		if ((jour == 0) || (jour == 5) || (jour == 6))
			livraison = 3;
		else{
			livraison = jour + 3;
			if (livraison ==7)
				livraison = 1;
			
		}
		//alert(tabJour[jour]);
		document.write('<a href="#" onclick="window.open(\'livraison.cfm\', \'livraison\', \'location=no,scrollbars=yes,width=800,height=600,top=20,left=20,status=yes,resizable=yes\')"><font color="#ED2D97">Commandez aujourd\'hui <b>'+tabJour[jour]+'</b>, recevez votre commande d\'ici <b>'+tabJour[livraison]+'</b></font><br><div><font color="FF0000">&gt;&gt; <b>Plus d\'infos sur les livraisons...</b></font></div></a>');
	}
//***********************************************************************************
	