$(document).ready(function(){

emploi ='<h2><br>Pour commander</h2><p><br>C\'est tr&egrave;s simple : </p><ul><li>Vous cliquez sur les petites images &agrave; gauche pour faire apparaitre ici les d&eacute;tails de chaque produits.</li><li>Si vous le d&eacute;sirez, vous mettez la quantit&eacute; d&eacute;sir&eacute;e et vous cliquez sur &quot;Ajouter au panier&quot;.</li><li>A tout moment vous pouvez voir ce qu\'il y a dans votre panier en cliquant sur &quot;Voir mon panier&quot;.</li>  <li>Quand vous avez termin&eacute;, vous cliquez sur &quot;Terminer mes achats&quot;, vous indiquez vos coordonn&eacute;es, et vous imprimez votre bon de commande qui sera d&eacute;j&agrave; rempli.</li><li>Vous l\'envoyez accompagn&eacute; d\'un ch&egrave;que qui sera encaiss&eacute; &agrave; l\'exp&eacute;dition des produits.</li></ul><p>Le port est factur&eacute; &agrave; prix coutant : 15 &euro;,<br>il est offert si le montant de la commande atteind 75 &euro; TTC</p><p id="p_cgv"><a href="boutique/cgv.php" target="_blank" id="cgv">Voir les Conditions g&eacute;n&eacute;rales de Vente</a></p>';

$("#details").html(emploi);

/*ancienne page*/
	$("#Map area").mouseover(function(){
		$("#detail_" + $(this).attr('class')).addClass('prod_actif');
	});
		$("#Map area").mouseout(function(){
		$("#detail_" + $(this).attr('class')).removeClass('prod_actif');
	});

/*affichage des détails*/
$("#vignettes div img, #pop_contenu div img").click(function(){
	//alert($(this).attr('lang'));
	//class = $(this).attr('class').split(' ');//pour ne prendre que la première class, au cas ou l'item serait déja cliqué donc en class actif en plus

	$.get("boutique/boutiquedetail.php",{id: $(this).attr('lang'), promo: $(this).attr('alt')}, function(data){
		$("#details").removeClass("scroll").html(data);//scroll uniquement quand affichage panier
		
		$("#mode_emploi a").click(function(){//revoir le mode d'emploi
			$("#details").html(emploi);
			$("#vignettes div img.actif, #pop_contenu div img.actif").removeClass('actif');
			return false;
		});
// voir le panier	
		$("p.panier a").click(function(){
			$.post("boutique/panier.php",{mode: 'ajout',id: $(this).attr('lang'),quantite: $("#quantite").val()},function(data){ 
			//alert(data);
				$("#panier_g").animate({width: "70px"},"slow",function(){//le panier bouge
					$("#panier_g").animate({width: "50px"},"slow");				
				});			
			});
			return false;
		});

//plus de détails en texte	
		$("#plus_details").click(function(){
			$.get("boutique/boutiquedetail.php",{id: $(this).attr('class'),mode: 'plus_details'}, function(data){
				$("#details").prepend(data);
				$("#detail_sup").show("slow");
				$("#retour_detail").click(function(){
					$("#detail_sup").hide("slow",function(){
						$("#detail_sup").remove();
					})
					return false;
				});				
			});
			return false;			
		});
		
		
		
});
//egcergue img active	
	$("#vignettes div img.actif, #pop_contenu div img.actif").removeClass('actif');
	$(this).addClass("actif");

});


//voir le panier, attribution des comportemets du panier
$("p.panier_g a").click(function(){

	function set_comp_update(){
	//voir le form coordonnées
			$("#coordonees").click(function(){
				$("#details").addClass("scroll").load("boutique/coordonnees.php",function(){
					//comportement des coordonnées			
					$("#creer_bon a").click(function(){
						//alert ('bon');
						valeurs_saisies = '';
						un_vide = false;
						$("input.oblig, textarea.oblig").each(function(){
							//valeurs_saisies += $(this).val();
							if($(this).val() == '' ){//on regarde s'il y a un vide parmis les obligés
								un_vide = true;
								$(this).addClass('vide');
									$(this).focus(function(){
										$(this).removeClass('vide');
									});
							}
						});

						if(un_vide){
							alert('Il manque certains renseignements, merci de compléter.');
							$("input.oblig, textarea.oblig").each(function(){
								if($(this).val() == ''){
									$(this).addClass('vide');
									$(this).focus(function(){
										$(this).removeClass('vide');
									});
								}
							});
						
						} else {
							//alert('on y va');
							res = $("input[@type=text], textarea").serialize();
							//alert (res);
							$.post("boutique/coordonnees.php",{mode: "enreg",data:res},function(data){
							 	//$("#creer_bon").addClass('vis');
							//alert(data);
							//$("#creer_bon a").attr('href',"boutique/bon-commande-tropic-bio.php");
							//$("#creer_bon a").click();
							window.location.href="boutique/Tropic-Bio-bon-de-commande.pdf";
							
							});/**/
							
							
							
							
							
							
							
						}
						//alert(valeurs_saisies);
						
						
						
						
						
						
						return false;
					});				
				
				
				
				});

				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
								
				return false;
			});
			
//changement des quantités à partir du panier
			$("#panier select.quantite").change(function(){//renvoi nelle info à panier.php qui recharge recalcule et recharge dans #details
				qte = $(this).val();
				id_ = $(this).attr("lang");
				$("#wait"+id_).removeClass('inv');
				$.post("boutique/panier.php",{mode:"modif",id: id_,quantite:qte},function(data){
					//alert($(this).attr("lang")+$(this).val());
					$("#details").html(data);
					set_comp_update();//pour le prochain coup
				});
			});
		}




	$.post("boutique/panier.php",function(data){
		$("#details").addClass("scroll").html(data);			
			set_comp_update();
	});
	
	
	$("#vignettes div img.actif").removeClass('actif');
	return false;
	
	


});


/*pop promo noel*/

//$("a.voir_charte").click(function(){});


		$("#pop").prepend('<h3>Spécial noël</h3>');
		//var left =
		if (document.body){
			var larg = (document.body.clientWidth);
		}
		else {
			var larg = (window.innerWidth);
		} 
		var left_ = (larg/2)-355;
		//alert(left);
		$("#pop").animate({left: left_},1000);
	
	
	
	/*$(".fermer a").click(function(){
		$("#pop").animate({left: -1000},1000);
	});*/

	$(".fermer a").toggle(function(){
   		$("#pop_contenu").hide("slow");
		$(this).html('Voir  <img src="img/ouvrir.gif">');
 	},function(){
   		$("#pop_contenu").show("slow");
		$(this).html('Fermer <img src="img/fermer.gif">');
 	});



$("#cgv").click(function(){
	window.open("boutique/cgv.php",'fen',"menubar=no, status=no, scrollbars=yes, menubar=no,width=500, height=500");
	return false;
});






















});