$(function(){
   		   var coefReducteur = 1; 
   		   visualisation();
   		   initPrice();
   		   
           $(document).keyup(function(){
           		
           		visualisation();
           });
           
           $("input[type=checkbox]").click(function(){
           		visualisation();
           });
           
           $("input[type=radio]").click(function(){
           		visualisation();
           }); 
           
           $("select").change(function(){
           		visualisation();
           });
           
           
           
           
           
           
           
           
           
           /**
           *	Permet de générer la visualisation
           */
           function visualisation(){
           		/**
           		*	widthDeBase est la taille de base de notre visualisation
           		*	coefReducteur est le coef calculer afin d'ajuster les tailles
           		*/
           		var widthDeBase = 0;
           		
           
           		if($("#visu").width() > 700){
           			widthDeBase = $("#visu").width();
           			coefReducteur = 700/widthDeBase;
           			$("#visu").css("width" , "700px");
           			$("#visu").css("height" , $("#visu").height()*coefReducteur+"px");
           		}else{
           			if($("#visu").width() < 700)
           				coefReducteur = 1;
           		}
           
                var ligne = [] , italic = [] , souli = [] , align = [];
                var police = [] , taille = [] , gras = [];
                var i = 0;
            
               $(".ligne").each(function(){
                   ligne[i] = $(this).val();
                   i++;
                });
               
               i = 0;
               $(".police").each(function(){
                   police[i] = $(this).find("option:selected").text();
                   police[i] = $.trim(police[i]);
                   i++;
                });
               
               
               i = 0;
               $(".taille").each(function(){
                   taille[i] = $(this).find("option:selected").val();
                   taille[i] *= coefReducteur;
                   i++;
                });
               
                i = 0;
                $(".gras").each(function(){
                    if($(this).is(":checked")) gras[i] = true;
                    else gras[i] = false;
                    i++;
                });
               
                 i = 0;
                $(".italic").each(function(){
                    if($(this).is(":checked")) italic[i] = true;
                    else italic[i] = false;
                    i++;
                });
                
                 i = 0;
                $(".souligne").each(function(){
                    if($(this).is(":checked")) souli[i] = true;
                    else souli[i] = false;
                    i++;
                });
                    
                i = 0;    
                $(".align:checked").each(function(){
                    align[i] = $(this).val(); i++;
                });
                
                
                if($(".cadre").is(":checked"))
                	$("#visu").css("border" , "solid 1px black");
                else
                	$("#visu").css("border" , "none");
                
                
                var resu = [];
                
                // On récupere la largeur et la hauteur pour nos futur test
                var width = $("#visu").width();
                var height = $("#visu").height();
                //alert(width+"    "+height);   
                var final = "";
                
                //Permet l'affichage de la visualisation quand on click sur le bouton 
                $("#visu").empty();
                for (j = 0 ; j < ligne.length ; j++ ){
                    //Nous avons récupérer toute les valeurs on les asso
                    if (italic[j])  ligne[j] = "<i>"+ligne[j]+"</i>";
                    if ( gras[j] )  ligne[j] = "<b>"+ligne[j]+"</b>";
                    if (souli[j] )  ligne[j] = "<u>"+ligne[j]+"</u>";
        
                    if (police[j] == "Choix de la police") police[j] = "arial";
                    if(ligne[j] != ""){
                    ligne[j] = "<div class='isALine' style='font-family : "+police[j]+"; line-height : "+taille[j]+"px; margin : 0; padding : 0; font-size : "+taille[j]+"px; text-align : "+align[j]+";'><span  style='margin : 0; padding : 0;'><nobr>"+ligne[j]+"</nobr></span></div>";
                    final += ligne[j];
                    }
                }
              	/**
              	*	On passe à l'affichage 
              	*/
              	
              	 $("#visu").empty();
              	 $("#visu").html(final);
              	
              	 var totalHeightPersonnalisation = 0;
              	
  				 $("#visu div.isALine span").each(function(){
                        if( $(this).width() > width || $(this).height()>height){
                            $("#visu").empty();
                            $("#visu").append("<span style='font-size : 0.8em; color : red; height-line : 10px;'>Personnalisation trop grande</span>");  
                        }
                      // totalHeightPersonnalisation += $(this).height(); 
                 });
                 
                 $("#visu div.isALine").each(function(){
                 	 totalHeightPersonnalisation += $(this).height(); 
                 });
                 
                 if(totalHeightPersonnalisation > height ){
                 	$("#visu").empty();
                    $("#visu").append("Personnalisation trop grande"); 
                 }
                 $("#visu div.isALine:first").css("padding-top",((height-totalHeightPersonnalisation)/2)+"px");
                //Module permettant de 
            }
            
            
            
			
			
			
			
		/**
		*	Permet dans la signalisation d'éditer le prix 
		*/
		function initPrice(){
			if($("input[name=typeArticle]").val() == "signaletique"){
	        /*CALCUL DU PRIX */
	        // On rŽcupere la largeur et la hauteur pour nos futur test
	        var width = $("input[name=largeur]").val()/10;
	        var height = $("input[name=hauteur]").val()/10;
	       
	       // if(width*10 > 400 || height*10 > 600) 
	        	//alert("Nous sommes désolé, mais la taille maximum pour une signalétique est de 450mm X 600mm");
	        
	        /**
	        *	On ajuste en fonction de la taille que l'utilisateur
	        *	désire
	        */
	        $("#visu").css("width" , (width*10)+"mm");        
	        $("#visu").css("height", (height*10)+"mm"); 

			var price = Math.round((((height*width)*0.03)+
				    (((height*width)*0.01)*1.2)+
				    ((((height+width)*20)/6)/60)+4)*100)/100;
			
			$(".reductionArticle").each(function(){
			    percent = ($(this).text());
			    miniPrice = Math.round((percent)*price*100)/100;
			    $(this).next(".newPrice").text(miniPrice+"€");    
			});
			
			$("#priceArticle").text(price+"€");
			$("input[name=prix].priceInput").val(price);
			
			visualisation();
			}
  		}
 
 		
		$(".dim").keyup(function(){
  			initPrice();
  		});
  		
  		
  		
  		
  		/**
  		*	Notre système d'autocomplete
  		*/
  		$("#inputRecherche").keyup(function(){
  			var value = $(this).val();
  			var listeArticle = Array();
  			$.post("/public_html/ajax/recherche.php" , { valeur : value},
  				function(data){
  				if(data != "NOR"){
					listeArticle = data.split("|");
					var listeFinal = Array();
					var retour = "";
					
					for(i = 0 ; i < listeArticle.length ; i++){
						listeArticle[i] = listeArticle[i].split("-");
						if(listeArticle[i][2] == "") 
							listeArticle[i][2] = "http://cdn2.iconfinder.net/data/icons/obsidianus/Clipping%20Picture.png";
					}
					
					
					
					for(i = 0 ; i < listeArticle.length-1 ; i++){
						retour += "<li><a href='/site/article/switchup/"+listeArticle[i][0]+"'><img src='"+listeArticle[i][2]+"' style='width : 32px ; height : 32px; float : left;' alt=' '/>"+listeArticle[i][1]+"</a></li>\n";
					}
					
					//retour = "<ul>"+retour+"</ul>";
				}else{
					retour = "<ul><li>Aucun résultat</li></ul>";
				}	
					//listeDeRecherche
					var position = $("#inputRecherche").offset();
					$("#listeDeRecherche").css({top : position.top+30 , left : position.left+50});
					$("#data").empty();
					$("#data").html(retour);
					$("#listeDeRecherche").fadeIn(250);
					
  				});
  		});
  		
  		$("#inputRecherche").blur(function(){
  			$("#listeDeRecherche").fadeOut(250);
  		});
  		
  		
  		/**
  		*	Permet d'ajouter une adresse de livraison
  		*/
  		$("#addAutreAdresse").click(function(){
  			$("#autreAdresse").fadeIn(750);
  			$(this).hide();
  		});
  		
  		
  		
  		
  		
  		/**
  		*	Ici le code de notre menu déroulant 	
  		*/
  		$("#navBarLeft .categories").click(function(){
  			/**
  			*	On enregistre là ou nous sommes 
  			*/
  			$this = $(this);
  			var url = $this.attr("href");
  			if(!$(this).parent("li").find(".subCategNav").is(":visible")){
  				/**
  				*	Dans ce cas la, le menu n'est pas ouvert
  				*/
  				$(".subCategNav").slideUp("slow");
  				$(this).parent("li").find(".subCategNav").slideDown("slow" , function(){
  					$.post("/public_html/ajax/categoriesFinder.php" , {url : url} , function(data){
  					//	alert(data);
  						$("#content_for_layout").empty().append(data);
  					});
  				});
  			}else{
  				/**
  				*	Dans ce cas la, le menu est ouvert 
  				*/
  				$(this).parent("li").find(".subCategNav").slideUp("slow");
  			}
  			
  			
  			
  			/**
  			*	On retourne false pour ne pas activer le lien
  			*	De cette maniere nous conservons le chainage des 
  			*	Liens pour une meilleur indexation 
  			*/
  			return false;
  			
  			/**
  			*
  			if(!$(this).parent("li").find(".subCategNav").is(":visible")){
  				$(".subCategNav").slideUp(750 , function(){
  					$this.parent("li").find(".subCategNav").slideDown(750);
  				});
  			}else{
  				$this.parent("li").find(".subCategNav").slideUp(750);
  			}
  			return false;
  			*/
  		});
  			
  			
  			
  		/**
  		*	Backup
  		$("li a.categories").click(function(){
  			$this = $(this);
  			if(!$(this).parent("li").find(".subCategNav").is(":visible")){
  				$(".subCategNav").slideUp(750 , function(){
  					$this.parent("li").find(".subCategNav").slideDown(750);
  				});
  			}else{
  				$this.parent("li").find(".subCategNav").slideUp(750);
  			}
  			return false;
  		})
  		*/
  		
  		/**
  		*	Ici le menu déroulant 
  		*/
  		$(".faqTitre").click(function(){
  			$this = $(this);
  			if(!$(this).next("li.faqQuestion").is(":visible")){
  				$(".faqQuestion").slideUp(750 , function(){
  					$this.next(".faqQuestion").slideDown(750);
  				});
  			}
  			return false;
  		});
  		
  		
  		
  		
  		
  	  $("#newUserSubmit").submit(function(){
  	  	if($("input[name=password]").val() != $("input[name=Confirmpassword]").val()){ 
  	  		alert("Les mots de passes ne sont pas identique");
  	  		return false;
  	  	}
  	  	
  	  	
  	  	
  	  	if(!$("input.cgv").attr("checked")){
  	  		alert("Vous devez acceptez les conditions générales d'utilisation");
  	  		return false;
  	  	}
  	  	if($("input[name=email]").val() != $("input[name=email2]").val()){ 
  	  		alert("Les adresses email indiqué ne sont pas identique");
  	  		return false;
  	  	}
  	  	if($("input[name=telephone]").val() == "" &&  $("input[name=tel_port]").val() == ""){
  	  		alert("Vous devez indiquer un numéro de téléphone au minimum");
  	  		return(false);
  	  	}
  	  });
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  $("#inputEmpreinte").keyup(function(){
  	  	var recherche = $("#inputEmpreinte").val();
  	  	var listeRech = [];
  	  	var affiche = false;
  	  	var Listeclass;
  	  	/**
  	  	*	Liste des mots a rechercher 
  	  	*/
  	  	listeRech = recherche.split(" ");
  	  	if(recherche != ""){
	  	  	$("#listeEmpreinte .grid_3").each(function(){
	  	  		Listeclass = $(this).attr("class");
	  	  		for(var i = 0 ; i < listeRech.length ; i++){
	  	  			//alert(class);
	  	  			if(listeRech[i] != ""){
	  	  				if(Listeclass.match("(.+)?"+listeRech[i]+"(.+)?")){ 
	  	  					affiche = true;
	  	  				}
	  	  			}	
	  	  		}
	  	  		if(!affiche){
	  	  			$(this).hide();
	  	  			affiche = false;
	  	  		}else{
	  	  			$(this).show();
	  	  			affiche = false;
	  	  		}
	  	  	});
  	  	}else{
  	  		$("#listeEmpreinte .grid_3").show();
  	  	}
  	  });
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  
  	  /**
  	  *	Permet la création de formulaire 
  	  */
  	  
  	  
  	  
  	  
});