/**

 * Creation Bouquet      v.0.2 2010702

**/                

                        



	// défini parmi l'un des trois choix celui qu'on traite actuellement

	var kelChoix = 1;    



	// défini si le choix est actif ou non

    var choix1 = false;

    var choix2 = false;

    var choix3 = false;

 

      

	// Pour stocker les informations complètes des choix

	var Bouquet_choix1 = {};

	var Bouquet_choix2 = {};

	var Bouquet_choix3 = {};

                                 

	var Bouquet_selectionVegetal ="";

	var Bouquet_idDeco;

	var Bouquet_choixDeco;





	var correspondance_choix = "";

	var correspondance_texte = "";

	var correspondance_signature = "";

	var correspondance_prix = "";

	

	var accessoire_choix = [];

	var accessoire_prix = [];

	

	// pour panier

	var compositionBouquet = {};



	var okPanier = true;

 	var pot_choix = "defaut";



	var initChoixAccessoire = function() {

		correspondance_choix = "";

		correspondance_texte = "";

		correspondance_signature = "";

 		accessoire_choix = [];

		accessoire_prix = []; 

 		if ($('zoneCorrespondance')!==null) {                               

			$('zoneCorrespondance').getElements('input').set('checked', '');

		};  

		if ($('zoneAccessoires')!==null) {

			$('zoneAccessoires').getElements('input').set('checked', '');	

		};

 	}



	var initChoixPot = function() {

		pot_choix = "defaut";

		if ($('zonePots')!==null) {

			$('zonePots').getElements('input').set('checked', '');	

		};

	}





	/**

	 * Nettoyage couleur	=>	lorsqu'on repasse sur le choix 1, 

	 *							on initialise les pastilles de couleur

	**/

	var iniCouleur = function() {

		$$('li.coul1').set('class', 'coul1');

		$$('li.coul2').set('class', 'coul2');

		$$('li.coul3').set('class', 'coul3');

		$$('li.coul4').set('class', 'coul4');

		$$('li.coul5').set('class', 'coul5');

		$$('li.coul1').setStyle('display', 'none');

		$$('li.coul2').setStyle('display', 'none');

		$$('li.coul3').setStyle('display', 'none');

		$$('li.coul4').setStyle('display', 'none');

		$$('li.coul5').setStyle('display', 'none');   

 	   	$$('select.quantite_choix').set('value', '10');

 	}







	/**

	 * SelectionChoix	=>	Choix d'une des trois fleurs de base

	 *						(click sur une des 7 catégories)

	**/

 	var SelectionneChoix = function(choix) {   

		$('loading').show();

  		req = new Request.JSON({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:"selectionChoix",

				choix:choix 

			},

			onSuccess: function(retourAjax) {    

				AfficheSelectionChoix(retourAjax);   

				$('contenu').setStyle('display', 'none');

				if (kelChoix==3) {

					kelChoix = 1;					

				} else {

					kelChoix++;					

				};

				$('loading').hide();				

   			}, 

 			onFailure: function(retourAjax) {

				// alert(retourAjax);     

 			}

 		});

  	 	req.send();

 	};   



 



	/**

	 * AfficheSelectionChoix	=>	Au click sur une des 7 catégories, au retour ajax,

	 *								on affiche l'un des 3 choix correspondants

	**/

	var AfficheSelectionChoix = function(retourAjax) {     

		

		// si on est sur le 3e choix, on repart du premier

		// et on réinitialise les choix

 		if (kelChoix==1) {       

			iniCouleur();

		}       

		 

 		// on préselectionne le végétal par défaut

		var id = $('selectionVegetal').get('value');

		SelectionEcrinVegetal(id);		

 			

		// on conserve la valeur de kelChoix pour réutilisation dans les events

		var choixOK = kelChoix;

   	

		// affichage de la zone etape 2 / choix

		$('etape2').reveal();     

		$('etapeChoix').reveal(); 

		$('zoneProduit').setStyle('height', '608px');

		$('zoneFiche').setStyle('height', '608px');                  		



		// image / titre

		$('choix'+kelChoix).getElement('span.choixTitre').set('html', retourAjax.longtitle);



		// choix couleurs

		var liste = retourAjax.varietes;

		var listeCouleur; 

		var i = 1;        

 		liste.each(function(choixCouleur) {

  			var id_coul = choixCouleur.id;      

  			var coul = choixCouleur.couleurs;    

  			var prix_coul = choixCouleur.prix_10; 

			if (i==1) {

				$('choix'+kelChoix).getElement('img').set('src', choixCouleur.img_front);

				$('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">10</span> tiges <span class="choixPrix">'+prix_coul+' €</span>');  				

				// on stocke les infos de ce choix

				if (choixOK==1) {

					Bouquet_choix1 = choixCouleur;

				} else if (choixOK==2) {

					Bouquet_choix2 = choixCouleur;

				} else if (choixOK==3) {

					Bouquet_choix3 = choixCouleur;

				};    		

			};   

 			$('choix'+kelChoix).getElement('li.coul'+i).getElement('span').setStyle('background-color', coul);

			if (coul=="#FFFFFF" || coul=="#ffffff" ) {

				$('choix'+kelChoix).getElement('li.coul'+i).getElement('span').setStyle('border', 'solid 1px #000000');				

				$('choix'+kelChoix).getElement('li.coul'+i).getElement('span').setStyle('width', '14px');				

				$('choix'+kelChoix).getElement('li.coul'+i).getElement('span').setStyle('height', '14px');				

			};

			// Numero du doc de la couleur

			$('choix'+kelChoix).getElement('li.coul'+i).addClass(id_coul); 

 			$('choix'+kelChoix).getElement('li.coul'+i).setStyle('display', 'block');

 			i++;

		});                

		

		// activation selection couleur

		$('choix'+kelChoix).getElement('li.coul1').addClass('actif');				

		

		// init des choix (affichage/masquage)

 		if (kelChoix==1) {       

			$('choix1').reveal();  

			$('choix2').dissolve();  

			$('choix3').dissolve();

			choix1 = true;

			choix2 = false;

			choix3 = false;

		} else if (kelChoix==2) {  

			$('choix2').reveal();  

			choix2 = true;

		} else if (kelChoix==3) {  

			$('choix3').reveal();     

			choix3 = true; 

		}                                     

		

		// selecteur couleur

		$('selecteurCouleur'+kelChoix).getElements('li').each(function(coul) {

			coul.addEvent('click', function(e) {

				$('selecteurCouleur'+choixOK).getElements('li').each(function(off) {

					off.removeClass('actif');

				});   

				if (Browser.Engine.trident) {

					if(Browser.Engine.version=='5') {       

						alert( "Voulez vous changer de couleur ?");

				   	}

				}

				                           

  				selectionCouleur(coul.get('class'), choixOK );

				coul.addClass('actif');

			})

		});

 		

		// selecteur quantité => au changement de la quantité sur un menu, 

		// on doit vérifier que la totalité n'excède pas 50 tiges, 

		// sinon, on réinitialise les autre menus

		$('quantite_choix'+kelChoix).addEvent('change', function(e) {

			var qte = $('quantite_choix'+choixOK).get('value');    

			var kelPrix;

			switch (choixOK) {

				case 1 :    

					switch (qte) {                                    

 						case '10' : kelPrix = Bouquet_choix1.prix_10;	break;

						case '20' : kelPrix = Bouquet_choix1.prix_20;	break;

						case '30' : kelPrix = Bouquet_choix1.prix_30;	break;

						case '40' : kelPrix = Bouquet_choix1.prix_40;	break;

						case '50' : kelPrix = Bouquet_choix1.prix_50;	break;

					}  

					break;  

 				case 2 : 

					switch (qte) {                                    

 						case '10' : kelPrix = Bouquet_choix2.prix_10;	break;

						case '20' : kelPrix = Bouquet_choix2.prix_20;	break;

						case '30' : kelPrix = Bouquet_choix2.prix_30;	break;

						case '40' : kelPrix = Bouquet_choix2.prix_40;	break;

						case '50' : kelPrix = Bouquet_choix2.prix_50;	break;

					}   

					break;  

 				case 3 : 

					switch (qte) {                                    

 						case '10' : kelPrix = Bouquet_choix3.prix_10;	break;

						case '20' : kelPrix = Bouquet_choix3.prix_20;	break;

						case '30' : kelPrix = Bouquet_choix3.prix_30;	break;

						case '40' : kelPrix = Bouquet_choix3.prix_40;	break;

						case '50' : kelPrix = Bouquet_choix3.prix_50;	break;

					}   

  					break;

			}

			$('choix'+choixOK).getElement('span.choixTiges').set('html', '<span class="qte">'+qte +'</span> tiges <span class="choixPrix">'+kelPrix+' €</span>');  

  							

		});

 		$('selectionVegetal').addEvent('change', function() {

			var id = $('selectionVegetal').get('value');

			SelectionEcrinVegetal(id);

		});

   		$('selectionDeco').addEvent('change', function() {

			var id = $('selectionDeco').get('value');

			SelectionToucheDeco(id);

		});

 	}

 



	      

	/**

	 * Selection d'une couleur dans une des choix 

	 * 	- 	cette couleur devient en fait le choix actuel, 

	 * 		on stocke donc les infos complètes du retour

	**/

	var selectionCouleur = function(id_couleur,kelChoix) {   

		$('loading').show();

		couleur = id_couleur.substring(6);

		req = new Request.JSON({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:'selectionCouleur',

				couleur:couleur 

			},

			onSuccess: function(retourAjax) {     

				$('loading').hide();

				// on stocke les infos de ce choix

				if (kelChoix==1) {

					Bouquet_choix1 = retourAjax; 

				} else if (kelChoix==2) {

					Bouquet_choix2 = retourAjax;

				} else if (kelChoix==3) {

					Bouquet_choix3 = retourAjax;

				};

 				// on met à jour l'image

				$('choix'+kelChoix).getElement('img').set('src', retourAjax.img_front);

				

				// on met à jour le prix

				var qteActuelle = $('choix'+kelChoix).getElement('span.choixTiges').getElement('span.qte').get('html');

				switch (qteActuelle) {                                    

					case '0' : $('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">'+0+'</span> tige <span class="choixPrix">0 €</span>');	break;                     

					case '10' : $('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">'+qteActuelle+'</span> tiges <span class="choixPrix">'+retourAjax.prix_10+' €</span>');	break;                     

					case '20' : $('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">'+qteActuelle+'</span> tiges <span class="choixPrix">'+retourAjax.prix_20+' €</span>');	break;                     

					case '30' : $('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">'+qteActuelle+'</span> tiges <span class="choixPrix">'+retourAjax.prix_30+' €</span>');	break;                     

					case '40' : $('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">'+qteActuelle+'</span> tiges <span class="choixPrix">'+retourAjax.prix_40+' €</span>');	break;                     

					case '50' : $('choix'+kelChoix).getElement('span.choixTiges').set('html', '<span class="qte">'+qteActuelle+'</span> tiges <span class="choixPrix">'+retourAjax.prix_50+' €</span>');	break;

				}                                           

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

	 	              

		

	

	/**@

	 * Selection d'une quantité

	**/

	var selectionQuantite = function(qte,kelChoix) {   

 		req = new Request.JSON({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:'selectionQuantite',

				qte:qte 

			},

			onSuccess: function(retourAjax) {     

				alert(retourAjax);

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

 





	/**

	 * AfficheContenant	=> Affiche les pots (petits ou grand selon le cas)

	**/

	var AfficheContenant = function(prod) {  

		initChoixPot();

		if ($('zoneCorrespondance')!==null) {

			$('zoneCorrespondance').set('html', '');

		};

		req = new Request({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:'AfficheContenant',

				prod:prod

 			},

			onSuccess: function(retourAjax) {      

				if ($('zoneCorrespondance')!==null) {

					$('zoneCorrespondance').set('html', retourAjax);

				} else {

  					var compo = new Element('div', {

					    'html': retourAjax, 

						'id':'zoneCorrespondance', 

						'class':'prod'+prod, 

						'styles':{

							'position': 'absolute',

							'top':'0',

							'left': '566px',  

							'width': '566px', 

							'height': 'auto', 

 							'z-index': '8000' 				                   

					    }

					});       

					compo.inject($('zoneFiche'));  				

				}

 

				// affichage et positionnement de la zone 

				$('zoneCorrespondance').setStyle('left', '-1px');             

				$('zoneProduit').setStyle('margin-left', '-1500px'); 

				var hauteur = $('zoneCorrespondance').getComputedSize().totalHeight ;

				$('zoneFiche').setStyle('height', hauteur +'px');   

				if ($('zoneVisualiser')!==null) {

					$('zoneVisualiser').setStyle('margin-left', '-568px');

				};

				

				$('bt_retour_accessoires').addEvent('click', function() { 

					window.scroll(0,0); 

					$('zoneCorrespondance').setStyle('left', '566px');

					$('zoneProduit').setStyle('margin-left', '-1500px');                                                    

					$('zoneProduit').setStyle('height', "auto"); 

					$('zoneFiche').setStyle('height', ($('zoneProduit').getComputedSize().totalHeight+120) + 'px');  

					if (compo!==null) {

						compo.destroy();                          						

					};       

				});                               

				$('bt_retour_accessoires2').addEvent('click', function() {   

					window.scroll(0,0); 

					$('zoneCorrespondance').setStyle('left', '566px');

					$('zoneProduit').setStyle('margin-left', '-1500px');                                                    

					$('zoneProduit').setStyle('height', "auto"); 

					$('zoneFiche').setStyle('height', ($('zoneProduit').getComputedSize().totalHeight+120) + 'px');         

					if (compo!==null) {

						compo.destroy();                          						

					}; 

				});         

				

				

				// pour selection du pot

				$$('div.cartePots').each(function(carte) {

					carte.addEvent('click', function(e) { 

						$$('input.carte').each(function(c) {

							c.get('checked', "")

						});

						carte.getElement('input').set('checked','checked');

						pot_choix = carte.get('id').substring(9);

					});

				})     

				

				// pour selection de la carte

				$$('div.carteCorrespondance').each(function(carte) {

					carte.addEvent('click', function(e) { 

						$$('input.carte').each(function(c) {

							c.get('checked', "")

						});

						carte.getElement('input').set('checked','checked');

						correspondance_choix = carte.get('id').substring(19);

					});

				})  

				

				

				

				$('bt_ajoutPanier_accessoires').addEvent('click', function() {

				//alert(' pour contenant prod :: '+prod);   

				 AjouteProduitEtAccessoire(prod);       

				});

				

				// enregistrement du message

				$$('textarea.message').each(function (texte) {

					texte.addEvent('change', function(e) {

						correspondance_texte = texte.get('value');

					});

				});

				// enregistrement du message

				$$('input.signature').each(function (sign) {

					sign.addEvent('change', function(e) {

						correspondance_signature = sign.get('value');

					});

				});

				

				$('loading').hide();  					

					

					

					

					

 				//var msg = new MavDialog.Alert({ 'force': true, 'title': "Cartes correspondance :", 'message': retourAjax, width: '380', height: '380' });   

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

 



	          

	/**

	 * Affiche Carte Correspondance

	**/

	var AfficheCarteCorrespondance = function(prod, bouquet, typeFleur) {  

		$('loading').show();

		req = new Request({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:'AfficheCarteCorrespondance',

				bouquet:bouquet,

				prod:prod

			},

			onSuccess: function(retourAjax) { 

				if ($('zoneCorrespondance')!==null) {

					$('zoneCorrespondance').set('html', retourAjax);

				} else {

  					var compo = new Element('div', {

					    'html': retourAjax, 

 						'id':'zoneCorrespondance', 

						'styles':{

							'position': 'absolute',

							'top':'0',

							'left': '566px',  

							'width': '566px', 

							'height': 'auto', 

 							'z-index': '8000' 				                   

					    }

					});

					// affichage et positionnement de la zone 

 					compo.inject($('zoneFiche')); 					

				}

				

				$('zoneCorrespondance').setStyle('left', '-1px');             

				$('zoneProduit').setStyle('margin-left', '-1500px'); 

				var hauteur = $('zoneCorrespondance').getComputedSize().totalHeight ;

				$('zoneFiche').setStyle('height', hauteur +'px');   

				

				if ($('zoneVisualiser')!==null) {

					$('zoneVisualiser').setStyle('margin-left', '-568px');

				};

				

				// initialisation des choix

				initChoixAccessoire();     

				

				// boutons retour produit

				if (typeFleur=="creation") { 

					$('bt_retour_accessoires').addEvent('click', function() {                

						window.scroll(0,0); 

						$('zoneCorrespondance').setStyle('left', '566px');

						$('zoneProduit').setStyle('height', '590px');  

						$('zoneVisualiser').setStyle('margin-left', '0');  

						$('zoneFiche').setStyle('height', ($('zoneVisualiser').getComputedSize().totalHeight) +'px');     

 					});                               

					$('bt_retour_accessoires2').addEvent('click', function() {  

						window.scroll(0,0); 

						$('zoneCorrespondance').setStyle('left', '566px');

						$('zoneProduit').setStyle('height', '590px');  

						$('zoneVisualiser').setStyle('margin-left', '0');  

						$('zoneFiche').setStyle('height', ($('zoneVisualiser').getComputedSize().totalHeight) +'px');     

 					});   

				} else { 

					$('bt_retour_accessoires').addEvent('click', function() {  

						window.scroll(0,0); 

						$('zoneCorrespondance').setStyle('left', '566px');

						$('zoneProduit').setStyle('margin-left', '0');  

						$('zoneProduit').setStyle('height', "auto"); 

						$('zoneFiche').setStyle('height', ($('zoneProduit').getComputedSize().totalHeight) +120+ 'px');         

						compo.destroy();                          

					});                               

					$('bt_retour_accessoires2').addEvent('click', function() {    

						window.scroll(0,0); 

						$('zoneCorrespondance').setStyle('left', '566px');

						$('zoneProduit').setStyle('margin-left', '0');                                                    

						$('zoneProduit').setStyle('height', "auto"); 

						$('zoneFiche').setStyle('height', ($('zoneProduit').getComputedSize().totalHeight) +120+ 'px');         

						compo.destroy();                          

					});    

				}

				

				// pour selection de la carte

				$$('div.carteCorrespondance').each(function(carte) {

					carte.addEvent('click', function(e) { 

						$$('input.carte').each(function(c) {

							c.get('checked', "")

						});

						carte.getElement('input').set('checked','checked');

						correspondance_choix = carte.get('id').substring(19);

					});

				})  

				

				$$('div.cartePots').each(function(pot) {

					pot.addEvent('click', function(e) {

						pot.getElement('input').set('selected');

					});

				})   

				

				// enregistrement du message

				$$('textarea.message').each(function (texte) {

					texte.addEvent('change', function(e) {

						correspondance_texte = texte.get('value');

					});

				});

				// enregistrement du message

				$$('input.signature').each(function (sign) {

					sign.addEvent('change', function(e) {

						correspondance_signature = sign.get('value');

					});

				});

				                    

				// AJOUT PANIER

				$('bt_ajoutPanier_accessoires').addEvent('click', function() {  

 					AjouteProduitEtAccessoire(prod, typeFleur); 

 				});

				      

				$('loading').hide();



				//var msg = new MavDialog.Alert({ 'force': true, 'title': "Cartes correspondance :", 'message': retourAjax, width: '380', height: '380' });   

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

   





	var AjouteProduitEtAccessoire = function(prod,typeFleur) {      

		$$('div.carteAccessoires').each(function(carte) {

   			if (carte.getElement('input').get('checked')) {

	        	var acc = carte.get('id').substring(16);

				var prix = carte.getElement('span.prix').get('html');

				accessoire_choix.push(acc);

				accessoire_prix.push(prix);

			};

		});         

 

		window.scroll(0,0);   

		if (typeFleur=="creation") {

			$('zoneCorrespondance').setStyle('left', '566px');

			$('zoneProduit').setStyle('height', '590px');     

				$('zoneProduit').setStyle('margin-left', '-1500px');     

			

			$('zoneVisualiser').setStyle('margin-left', '0');  

			$('zoneFiche').setStyle('height', ($('zoneVisualiser').getComputedSize().totalHeight) +'px');  

			if (okPanier) {

				okPanier = false;

				AjouteProduitPanier('creation'); 

			} 

 		} else { 

			$('zoneCorrespondance').setStyle('left', '566px');

			$('zoneProduit').setStyle('margin-left', '0');                                                    

			$('zoneProduit').setStyle('height', "auto"); 

			$('zoneFiche').setStyle('height', ($('zoneProduit').getComputedSize().totalHeight+120) + 'px');                     

			if (okPanier) {

				okPanier = false;

				AjouteProduitPanier(prod); 

			} 

		}

 		

  	

	};







//	var AjouteProduitEtPot = function(prod) {      

// 	$$('div.cartePot').each(function(carte) {

//			if (carte.getElement('input').get('checked')) {

//         	var pot = carte.get('id').substring(16);

// 			var prix = carte.getElement('span.prix').get('html');

// 			pot_choix = pot;

// 		};

// 	});        

// 	$('zoneCorrespondance').setStyle('left', '566px');

// 	$('zoneProduit').setStyle('margin-left', '0');  

// 	$('zoneFiche').setStyle('height', 'auto');         

//

// 	if (okPanier) {

// 		okPanier = false;

// 		AjouteProduitPanier(prod); 

// 	}     

//	};





	var AjouteProduitCreationBouquet = function(prod) {      

		$$('div.cartePot').each(function(carte) {

   			if (carte.getElement('input').get('checked')) {

	        	var pot = carte.get('id').substring(16);

				var prix = carte.getElement('span.prix').get('html');

				pot_choix = pot;

			};

		});        

 

		if (okPanier) {

			okPanier = false;

			AjouteProduitPanier(prod); 

		}     

	};











	 

	

 	/**

 //    * AfficheAccessoires                    //://// pas utilisé ?

 //   **/

 //   var AfficheAccessoires = function(data) {   

 //   	$('loading').show();

 //   	req = new Request({

 //   		url: 'assets/ajax/creationBouquet.php',

 //   		method:'get',

 //   		data:{

 //   		a:'AfficheAccessoires' 

 //   	},  

 //   	onSuccess: function(retourAjax) {    

 //   		var msg = new MavDialog.Alert({ 'force': true, 'title': "CompoBouquet :", 'message': retourAjax, width: '380', height: '380' });   

 //   		$('loading').hide();

 //   	}, 

 //   	onFailure: function() {

 //   	//	alert(retourAjax);     

 //   	}

 //   	});

 //   	req.send();

 //   };

 //              	

	

	          

	/**

	 * Envoi la requete au traitement PHP

	**/

	var AfficheBouquet = function(vegetalURL,vegetalID,bouquet1,fleur1,bouquet2,fleur2,bouquet3,fleur3,t1,t2,t3) {    

	 

		req = new Request({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{                                

				a:'AfficheViualisationBouquet',

				Bouquet_choix1:Bouquet_choix1.id,

				Bouquet_choix2:Bouquet_choix2.id,

				Bouquet_choix3:Bouquet_choix3.id,

				t1:t1,

				t2:t2, 

				t3:t3,  

				vegetal:vegetalID,

				deco:$('selectionDeco').get('value')  

			},

			onSuccess: function(retourAjax) {                                   

				var aff = "";             

				if (vegetalURL!=="") {

					aff += '<img src="'+Bouquet_selectionVegetal.img_visuComp+'" alt="vegetal"  class="vegetal"  />';  

				};

				aff += '<img src="'+fleur1+'" alt="texteAlternatif" class="fleur1"	/>';

				aff += '<img src="'+bouquet1+'" alt="texteAlternatif" class="bouquet1"	/>'; 

				aff += '<img src="'+fleur2+'" alt="fleur2"  class="fleur2"	  />';

				aff += '<img src="'+bouquet2+'" alt="bouquet2" class="bouquet2"	 />'; 

				aff += '<img src="'+fleur3+'" alt="fleur3"   class="fleur3"	 />';

				aff += '<img src="'+bouquet3+'" alt="bouquet3" class="bouquet3"	/>';    

				var compo = new Element('div', {

				    'html': retourAjax, 

					'id':'zoneVisualiser', 

					'styles':{

						'position': 'absolute',

						'top':'0',

						'left': '566px',  

						'width': '566px', 

						'height': '610px', 

						'z-index': '8000' 				                   

				    }

				});

				compo.inject($('zoneFiche'));  

				$('prevue').set('html', aff);        

				$('zoneVisualiser').setStyle('left', '-1px');             

				$('zoneProduit').setStyle('margin-left', '-1500px');     

				$('zoneProduit').setStyle('height', '610px');

				$('zoneFiche').setStyle('height', 'auto');

				$('zoneFiche').setStyle('overflow', 'hidden');

				//var msg = new MavDialog.Alert({ 'force': true, 'title': "CompoBouquet :", 'message': retourAjax, width: '380', height: '380' });   

	            $('bt_recommencerSelection').addEvent('click', function(e) {

	            	$('zoneVisualiser').setStyle('left', '566px');

					$('zoneProduit').setStyle('margin-left', '0');

					$('zoneProduit').setStyle('height', '608px');

					$('zoneFiche').setStyle('height', '608px');

					

					compo.destroy();

				});   

				$('bt_correspondance_visu').addEvent('click', function(e) { 

					AfficheCarteCorrespondance('0', '0', 'creation');

				});  

				$('bt_accessoires_visu').addEvent('click', function(e) { 

					AfficheCarteCorrespondance('0', '0', 'creation');

				});  

				$('bt_ajoutPanier_visu').addEvent('click', function(e) { 

				/**	if (confirm('Si vous avez oublié de choisir votre carte de correspondance gratuite: \n Faites Annuler puis cliquez sur l onglet Accessoire \n Sinon faites Ok pour poursuivre l ajout au panier. ')) {   **/

						if (okPanier) {

							AjouteProduitCreationBouquet('creation');	

							okPanier = false;

						};   

				/**	}   **/

 				});  

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

	        

	  

	

	/**

	 * FabriqueBouquet	=> 	recup les éléments de choix, 

	 *						fabrique et affiche le bouquet

	**/

	var FabriqueBouquet = function() {

		compositionBouquet = {};

 

		// compter le nombre total de tiges

		var t1 = 	$('choix1').getElement('span.choixTiges').getElement('span.qte').get('html');

		var t2 = 	$('choix2').getElement('span.choixTiges').getElement('span.qte').get('html');

		var t3 = 	$('choix3').getElement('span.choixTiges').getElement('span.qte').get('html');

		

 	   	if (!choix2) {	t2 = 0;	t3 = 0;	};    

	   	if (!choix3) {	t3 = 0;	};    

 		

		var totalTiges = t1*1 + t2*1 + t3*1 ;  

                                 

		if (totalTiges<30 || totalTiges>50) {	

			alert('Attention votre bouquet doit être composé de 30 tiges au minimum et de 50 tiges au maximum !');

		} else {

 			var qteChoix1 = $('choix1').getElement('span.choixTiges').getElement('span.qte').get('html');

			var qteChoix2 = $('choix2').getElement('span.choixTiges').getElement('span.qte').get('html');

			var qteChoix3 = $('choix3').getElement('span.choixTiges').getElement('span.qte').get('html');

			var vegetalURL = "ok";

			var vegetalID = "0";       

			

			var id = $('selectionVegetal').get('value');

			SelectionEcrinVegetal(id); 

            vegetalID = id;

 

			// On rassemble les information pour l'ajout au panier

			if (!choix2) { qteChoix2 = 0; };

			if (!choix3) { qteChoix3 = 0; };

 			compositionBouquet.qteChoix1 = qteChoix1;

			compositionBouquet.idChoix1 = Bouquet_choix1.id;

 			if (Bouquet_choix2!==null) {

				compositionBouquet.qteChoix2 = qteChoix2;

				compositionBouquet.idChoix2 = Bouquet_choix2.id;				

			};

			if (Bouquet_choix3!==null) {

				compositionBouquet.qteChoix3 = qteChoix3;

				compositionBouquet.idChoix3 = Bouquet_choix3.id;				

			};

 			compositionBouquet.idVegetal = vegetalID;

 			compositionBouquet.idDeco = Bouquet_choixDeco;

 

	   		// Activation de 2 bouquets si pas suffisament de sélection  

	   		var bouquet1 = 	"";

	   		var fleur1 = 	"";

	   		var bouquet2 = 	"";

	   		var fleur2 = 	"";

	   		var bouquet3 = 	"";

	   		var fleur3 = 	"";	 		

  	   		if (choix1) {   "";       

 	   			if (choix2) {          

	   				if (choix3) {        

	   					// 3 catégories actives

	   					bouquet1 = 	Bouquet_choix1.img_visuComp;

	   					fleur1 = 	Bouquet_choix1.img_visuUnique; 

	   					bouquet2 = 	Bouquet_choix2.img_visuComp;

	   					fleur2 = 	Bouquet_choix2.img_visuUnique; 

	   					bouquet3 = 	Bouquet_choix3.img_visuComp;

	   					fleur3 = 	Bouquet_choix3.img_visuUnique; 					

  	   				} else {	// 2 catégories actives  :   

	   		   			t3 = 0;

 	   					// si la catégorie 2 est plus importante

	   					if (qteChoix1 < qteChoix2) {

	   						bouquet1 = 	Bouquet_choix1.img_visuComp;

	   						fleur1 = 	Bouquet_choix1.img_visuUnique; 

	   						bouquet2 = 	Bouquet_choix2.img_visuComp;

	   						fleur2 = 	Bouquet_choix2.img_visuUnique; 

	   						bouquet3 = 	Bouquet_choix2.img_visuComp;

	   						fleur3 = 	Bouquet_choix2.img_visuUnique;  

	   						Bouquet_choix3 = Bouquet_choix2;

	   					} else {

	   						// si la catégorie 1 est plus importante

	   						bouquet1 = 	Bouquet_choix1.img_visuComp;

	   						fleur1 = 	Bouquet_choix1.img_visuUnique; 

	   						bouquet2 = 	Bouquet_choix2.img_visuComp;

	   						fleur2 = 	Bouquet_choix2.img_visuUnique; 

	   						bouquet3 = 	Bouquet_choix1.img_visuComp;

	   						fleur3 = 	Bouquet_choix1.img_visuUnique; 						

	   						Bouquet_choix3 = Bouquet_choix1;

	   					}

 	   				}                                                                                                                                      	                                                                                                                                

 	   			} else {

	   		    	// 1 categorie active

	   				bouquet1 = 	Bouquet_choix1.img_visuComp;

	   				fleur1 = 	Bouquet_choix1.img_visuUnique; 

	   				bouquet2 = 	Bouquet_choix1.img_visuComp;

	   				fleur2 = 	Bouquet_choix1.img_visuUnique; 

	   				bouquet3 = 	Bouquet_choix1.img_visuComp;

	   				fleur3 = 	Bouquet_choix1.img_visuUnique;

	   				Bouquet_choix2 = Bouquet_choix1; 

	   				Bouquet_choix3 = Bouquet_choix1; 	

	   				t2 = 0;

	   				t3 = 0;			

	   			}  

	   		};                 

	   		

	   		var aff = AfficheBouquet(vegetalURL,vegetalID,bouquet1,fleur1,bouquet2,fleur2,bouquet3,fleur3, t1, t2, t3);	

                                                                                                                           

			// var typeFleur3 = Bouquet_choix3.id;	

	

    	}

	}

     

  

              

	/**

	 * Envoi la requete au traitement PHP

	**/

	var SelectionEcrinVegetal = function(id) {   

		req = new Request.JSON({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:'selectionEcrinVegetal',

				id:id 

			},

			onSuccess: function(retourAjax) { 

				$('choixVegetal').getElement('img').set('src', retourAjax.img_front);

				$('choixVegetal').getElement('img').setStyle('display', 'block');  

				Bouquet_selectionVegetal = retourAjax;

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

 



             

	/**

	 * Envoi la requete au traitement PHP

	**/

	var SelectionToucheDeco = function(id) {   

		req = new Request.JSON({

			url: 'assets/ajax/creationBouquet.php',

			method:'get',

			data:{

				a:'selectionToucheDeco',

				id:id 

			},

			onSuccess: function(retourAjax) {  

				$('choixDeco').getElement('img').set('src', retourAjax.image);

				$('choixDeco').getElement('img').setStyle('display', 'block');  

				Bouquet_idDeco = retourAjax;

				Bouquet_choixDeco = id;

			}, 

			onFailure: function() {

			//	alert(retourAjax);     

			}

		});

	 	req.send();

	};

	        







window.addEvent('domready',function(){



	



});
