//Fonction servant à récupérer la couleur cliquée sur le flash et à changer le bon select en conséquence...
function suivreFlash(args) {
  /*
	Tableau des id des couleurs
	Noir = 		01
	Blanc = 		02
	Argent = 		03
	Or = 			04
	Vert Tendre = 	05
	Vert Anglais = 	06
	Graphite = 		07
	Bleu Méthylène = 	08
	Bleu Ciel = 		09
	Violet = 		10
	Rose Bonbon = 	11
	Coquelicot = 	12
	Orange = 		13
	Chocolat = 		14
    */	
	//alert (args);
	var info = args.split("#");	
	var i;
	
	if (info[0] == "9") {
		alert(info[1]);
	}
	else {
		switch (parseInt(info[0])) {
			case 0:
				for (i = 0; i <= 13; i++) {
					if(document.getElementsByTagName('option')[i].innerHTML == info[1])  {
						document.getElementsByTagName('option')[i].selected = true;
						//alert(document.getElementsByTagName('select')[info[0]-1].getElementsByTagName('option')[i].innerHTML);
					}
				}
				break;
			case 1:
				for (i = 0; i <= 11; i++) {
					if(document.getElementsByTagName('option')[i].innerHTML == info[1])  {
						document.getElementsByTagName('option')[i].selected = true;
						//alert(document.getElementsByTagName('select')[info[0]-1].getElementsByTagName('option')[i].innerHTML);
					}
				}
				break;
			case 2:
				for (i = 12; i <= 23; i++) {
					if(document.getElementsByTagName('option')[i].innerHTML == info[1])  {
						document.getElementsByTagName('option')[i].selected = true;
						//alert(document.getElementsByTagName('select')[info[0]-1].getElementsByTagName('option')[i].innerHTML);
					}
				}
				break;
				
			case 3:
				for (i = 24; i <= 35; i++) {
					if(document.getElementsByTagName('option')[i].innerHTML == info[1])  {
						document.getElementsByTagName('option')[i].selected = true;
						//alert(document.getElementsByTagName('select')[info[0]-1].getElementsByTagName('option')[i].innerHTML);
					}
				}
				break;
				
			case 4:
				for (i = 36; i <= 47; i++) {
					if(document.getElementsByTagName('option')[i].innerHTML == info[1])  {
						document.getElementsByTagName('option')[i].selected = true;
						//alert(document.getElementsByTagName('select')[info[0]-1].getElementsByTagName('option')[i].innerHTML);
					}
				}
				break;
				
			default:
				alert("erreur");
				break;
		}
	}
}

//Fonction servant à indiquer que l'on vient de changer l'orientation de l'image, pour effet dans le flash
function flipSide() {
	//alert('lol'); //ok
	var estCoche = document.getElementById("flip").checked;
	//alert(estCoche); //ok
	document.getElementById("fiche_flash").flip(estCoche);
}

//Fonction servant à masquer ou afficher le bouton "ajouter au panier" lorsqu'il s'agit d'un produit avec une photo uploadée par le client selon si le client a saisie sa photo ou pas
function masquer_bouton() {
	var valeur = document.getElementById('input_file').value;
	
	if(valeur != "" && valeur != null/* && document.getElementById('tableauLu').checked == true*/) {
		document.getElementById('bouton_continuer').style.visibility = "visible";
	}
	else {
		document.getElementById('bouton_continuer').style.visibility = "hidden";
	}
}

//Fonction servant à vérifier que la case à cocher "j'ai lu le tableau des résolutions" est cochée
function check_agree2() {
  if (navigator.appName != "Microsoft Internet Explorer") {
	document.getElementById('temoin').value = true;
	if (document.getElementById('form').tableauLu.checked) {
	  reset_name();
	  document.getElementById('form').submit(); //marche pas sous ie...
	} 
	else {
      alert(unescape('Vous devez accepter les conditions de résolution (cocher la case) pour continuer.'));
	}
  }
}

//Fonction servant à vérifier que la case à cocher "j'ai lu le tableau des résolutions" est cochée
function check_agree() {
  if (navigator.appName == "Microsoft Internet Explorer") {
	if (document.getElementById('form').tableauLu.checked) {
	  document.getElementById('temoin').value = true;
	} 
	else {
      document.getElementById('temoin').value = true;
	}
  }
}

//Fonction servant à remettre le nom des select avec des [...] au lieu de _
function reset_name() {			
	//On récupère le nombre d'option disponibles pour ce produit
	var nb_options = document.getElementById('nb_options').value;

	//Pour chaque type d'option dont au moins une des valeurs modifie le prix du produit
	for (var i = 1; i <= nb_options; i++) {
		//On défini le nom du select courant
		var current_id = 'select' + i;
		
		//On récupère le "name" de chaque type d'option (select) dont au moins une des valeurs modifie le prix du produit (Le "name" des select est de type "id_$product_option_id" )
		var option_name = document.getElementById(current_id).value;
		//alert(option_name); //ok
		
		//On coupe la chaine de part et d'autre de "_" pour séparer le mot "id" du numéro de l'option
		cutted_name = option_name.split("_");
			
		//On défini le nom final du select
		final_name = cutted_name[0] + "[" + cutted_name[1] + "]";
		//alert(final_name); //ok
			
		//On change le name du select par la valeur de final_name
		document.getElementsByTagName('select')[i-1].name = final_name;
	}
}

//Fonction d'actualisation du prix en fonction des attributs affectés
function calcul_prix() {	
	//On récupère le prix de base du produit
	var prix_base = document.getElementById('prix_base').value;
	//alert("prix_base = "+prix_base);
	
	//On se débarasse du suffixe EUR du prix de base
	prix_base = prix_base.split("€");
	//alert("prix_base sans le € = "+prix_base);
			
	//On initialise le "prix calculé" avec la valeur du prix de base du produit
	var prix_total = parseFloat(prix_base[0]);
	var prix_base_float = prix_total;
	//alert("prix_total = "+prix_total);
			
	//On récupère le nombre d'option disponibles pour ce produit
	var nb_options = document.getElementById('nb_options').value;
	//alert("nb_options = "+nb_options);
					
	//Pour chaque type d'option dont au moins une des valeurs modifie le prix du produit
	for (var i = 1; i <= nb_options; i++) {
		//On défini le nom du select courant
		var id_courant = 'select' + i;
		
		//On récupère le nombre de valeur pour cette option
		var nb_valeurs_option = document.getElementById('nb_options_values_'+i).value;
				
		//On récupère le "name" de chaque type d'option (select) dont au moins une des valeurs modifie le prix du produit
		var nom_option = document.getElementById(id_courant).value;
			
		//On récupère la valeur de l'option sélectionnée
		var valeur_option = eval("document.cart_quantity." + nom_option + ".options[document.cart_quantity." + nom_option + ".selectedIndex].innerHTML;");
		
		//Si l'option est la hauteur (utilisée pour les toiles persos et la silhouette), on prépare le champ pour la fonction change_warning()
		if (nom_option == 'id_4') change_warning(valeur_option);
								
/* Info utile : La valeur est composée du nom de la valeur de l'option suivie de "(+ prix)"  si elle entraine une modification du prix et simplement du nom sinon */
				
		//Pour chaque valeur de l'option courante
		for (var j = 1; j <= nb_valeurs_option; j++) {
			//On regarde si c'est la valeur sélectionnée par le client, si oui alors
			if(valeur_option == document.getElementById('nom_select'+i+'_'+j).value) {
				//On récupère le prix et le préfixe de cette valeur
				prix_option = document.getElementById('prix_select'+i+'_'+j).value;
				//alert("prix_option = "+prix_option);
				
				prix_option = prix_option.split("€");
				prix_option_final = parseFloat(prix_option[0]);
				//alert("prix_option_final = "+prix_option_final);
				
				signe = document.getElementById('prefix_select'+i+'_'+j).value;
			}
		}
		
		//Si le signe est "+"
		if (signe == '+') {
			//On ajoute le prix de l'option au prix total (après avoir converti prix_option_final en nombre)
			prix_total = prix_total + parseFloat(prix_option_final);
			//alert("prix_total = "+prix_total);
		}
		//Sinon (le signe est "-")
		else {
			//On retranche le prix de l'option au prix total (après avoir converti prix_option_final en nombre)
			prix_total = prix_total - parseFloat(prix_option_final);
			//alert("prix_total = "+prix_total);
		}	
	}
			
	//Si le prix est rond javascript n'affiche pas le ,00 à la fin du prix, on va donc le rajouter	
	if (prix_total % 1 == 0) {
		prix_total = prix_total + '.00';
	}
	else if ((prix_total * 10) % 1 == 0) {
		prix_total = prix_total + '0';
	}
	
	//On vérifie que le produit n'est pas soumis a une promotion
	var promo = document.getElementById('reduc').value;
	
	//S'il l'est on calcule son prix
	if(promo == "true") {
		//On récupère le pric réduit		
		var prix_reduit = document.getElementById('prix_reduit').value;
		
		//On enlève le symbole € à la fin 
		prix_reduit = prix_reduit.split("€");
		var prix_reduit_float = parseFloat(prix_reduit[0]);
		
		//On calcule le montant de la réduction
		var montant_reduc = (prix_reduit_float * 100) / prix_base_float; //montant_reduc = 75 si la réduction est de 15%
		
		var prix_total_reduc = (parseFloat(prix_total) * montant_reduc) / 100;
		prix_total_reduc = Math.round(prix_total_reduc * 100) / 100;
		
		//Si le prix est rond javascript n'affiche pas le ,00 à la fin du prix, on va donc le rajouter	
		if(prix_total_reduc % 1 == 0) {
			prix_total_reduc = prix_total_reduc + '.00';
		}
		else if ((prix_total_reduc * 10) % 1 == 0) {
			prix_total_reduc = prix_total_reduc + '0';
		}
	}
	
	//On rajoute le suffixe EUR à la fin du prix total
	prix_total = prix_total + '€';
	//alert("prix_total = "+prix_total);
	
	if(promo == "true") {
		//On rajoute le suffixe EUR à la fin du prix total
		prix_total_reduc = prix_total_reduc + '€';
		//alert("prix_total = "+prix_total);
		
		//Enfin on remplace le prix affiché par le prix calculé
		document.getElementById('prix').innerHTML = '<s> ' + prix_total + '</s> <span class="productSpecialPrice">' + prix_total_reduc + '</span>';
	}
	else {
		//Enfin on remplace le prix affiché par le prix calculé
		document.getElementById('prix').innerHTML = prix_total;			
	}
}

//Fonction servant à changer le message d'avertissement pour la taille des silhouettes et toiles perso
function change_warning(hauteur) {
	if (hauteur <= 40) document.getElementById('warning_file_size').innerHTML = '<span style="text-decoration: blink; color: cd009a;"><b>Attention</b></span> : <br/>Pour une hauteur <b>comprise entre 20 et 40cm</b>, <br/>votre image doit faire <b>au moins 250 ko</b> pour être utilisable.<br/><i>Exemple : Photo prise avec un appareil d\'environ 1 Méga-Pixels</i><br/><br/>Merci de vérifier que le sujet est bien au milieu de l\'image et de contrôler la netteté en zoomant. Si vous avez un doute sur la qualité de votre image, n\'hesitez pas à <a style="color: cd009a;" href="mailto:service-client@tatoographic.fr">nous contacter</a><input type="hidden" name="hauteur_selected" value="40" />.';
	
	else if (hauteur <= 80) document.getElementById('warning_file_size').innerHTML = '<span style="text-decoration: blink; color: cd009a;"><b>Attention</b></span> : <br/>Pour une hauteur <b>comprise entre 40 et 80cm</b>, <br/>votre image doit faire <b>au moins 500 ko</b> pour être utilisable.<br/>(<i>Exemple : Photo prise avec un appareil d\'environ 1 Méga-Pixels</i><br/><br/>Merci de vérifier que le sujet est bien au milieu de l\'image et de contrôler la netteté en zoomant. Si vous avez un doute sur la qualité de votre image, n\'hesitez pas à <a style="color: cd009a;" href="mailto:service-client@tatoographic.fr">nous contacter</a><input type="hidden" name="hauteur_selected" value="80" />.';
	
	else if (hauteur <= 120) document.getElementById('warning_file_size').innerHTML = '<span style="text-decoration: blink; color: cd009a;"><b>Attention</b></span> : <br/>Pour une hauteur <b>comprise entre 80 et 120cm</b>, <br/>votre image doit faire <b>au moins 1 Mo</b> pour être utilisable.<br/>(<i>Exemple : Photo prise avec un appareil d\'environ 1 Méga-Pixels</i><br/><br/>Merci de vérifier que le sujet est bien au milieu de l\'image et de contrôler la netteté en zoomant. Si vous avez un doute sur la qualité de votre image, n\'hesitez pas à <a style="color: cd009a;" href="mailto:service-client@tatoographic.fr">nous contacter</a><input type="hidden" name="hauteur_selected" value="120" />.';
	
	else document.getElementById('warning_file_size').innerHTML = '<span style="text-decoration: blink; color: cd009a;"><b>Attention</b></span> : <br/>Pour une hauteur <b>comprise entre 120 et 190cm</b>, <br/>votre image doit faire <b>au moins 2,5 Mo</b> pour être utilisable.<br/>(<i>Exemple : Photo prise avec un appareil d\'environ 1 Méga-Pixels</i><br/><br/>Merci de vérifier que le sujet est bien au milieu de l\'image et de contrôler la netteté en zoomant. Si vous avez un doute sur la qualité de votre image, n\'hesitez pas à <a style="color: cd009a;" href="mailto:service-client@tatoographic.fr">nous contacter</a><input type="hidden" name="hauteur_selected" value="190" />.';
}