/////////////////////FONCTION JS TIE//////////////////////////////
///////////////////////////////////////////////////////////////////////


function v3d_change_infos_detail_tie(img_num)
{
	if(img_num == 'reset')
	{
		document.getElementById('span_forme_ref').innerHTML = ''; 
		document.getElementById('span_txt_pointe').innerHTML = ''; 
		document.getElementById('span_pointe').innerHTML = ''; 
		document.getElementById('span_txt_pied').innerHTML = ''; 
		document.getElementById('span_pied').innerHTML = ''; 
		document.getElementById('span_bouton').innerHTML = ''; 
		document.getElementById('span_txt_bouton').innerHTML = '';
		document.getElementById('span_description').innerHTML = '';
	}
	else {
		var select = document.getElementById('selected_part_forme').value;
		
		var ref = 'ref_' + select + '_' + img_num;
		var bouton = 'bouton_' + select + '_' + img_num;
		var pointe = 'pointe_' + select + '_' + img_num;
		var pied = 'pied_' + select + '_' + img_num;
		var description = 'description_' + select + '_' + img_num;
		
		document.getElementById('span_forme_ref').innerHTML = document.getElementById(ref).value; 

		document.getElementById('span_txt_pointe').innerHTML = ''; 
		document.getElementById('span_pointe').innerHTML = ''; 
		document.getElementById('span_txt_pied').innerHTML = ''; 
		document.getElementById('span_pied').innerHTML = ''; 
		document.getElementById('span_bouton').innerHTML = ''; 
		document.getElementById('span_txt_bouton').innerHTML = '';
		
		document.getElementById('span_description').innerHTML = document.getElementById(description).value;
	}
	
}

//Remise à zéro pour forme
function v3d_reset_infos_detail_tie()
{
	
	
	var select = document.getElementById('selected_part_forme').value;
	var select_part = "selected_" + select + "_to_use";
	var select_part_hidden = document.getElementById(select_part).value;
	var max_of = "max_" + select;
	var max_of_select_part = document.getElementById(max_of).value;
	

		counter = 0;
		v3d_change_infos_detail_forme_coat('reset');
			while (counter < max_of_select_part)
			{
				var target_ref = "id_" + select + "_" + counter;
				var target = document.getElementById(target_ref).value;
				if(select_part_hidden == target ) v3d_change_infos_detail_forme_coat(counter);
				
				counter = counter +1;
			}
}

function change_selected_part_tie(select)
{
//modifie l'hidden de la partie séléctionnée
   document.getElementById('selected_part_forme').value=select;
}

function return_ref_to_show_tie(img_number)
{
//renvoi le texte ou l'image à afficher dans "AffBulle"
	var select = document.getElementById('selected_part_forme').value;
	var val_to_show = "";
	var target_hidden = "";
	

		target_hidden += "ref_" + select + "_" + img_number;
		val_to_show=document.getElementById(target_hidden).value;
		

	
	return val_to_show;
}

function change_img_to_show_tie()
{
//modifie la source des images en fonction de la partie selectionnée
	var select = document.getElementById('selected_part_forme').value;
	var img_to_apply = "";
	var target_hidden = "";
	var i=0;
	
	var nombre = 0;
	
	if (select == 'doublure_couleur')
	{
		nombre = document.getElementById('max_doublure_couleur').value;
	}
	if (select == 'couleur')
	{
		nombre = document.getElementById('max_couleur').value;
	}

	while(i < (nombre))
	{
		target_hidden = "img_to_show_" + i;
		img_to_apply = "img_" + select + "_" + i;
		
			document.getElementById(target_hidden).value=document.getElementById(img_to_apply).value;
			
			
			
		i=i+1;
	}

	synchro_hidden_img_to_show_avec_img_reel_tie();
	
}

function synchro_hidden_img_to_show_avec_img_reel_tie()
{
//met a jour les sources des images une fois les sources modifiées
	var target_hidden = "";
	var i=0;
	var nombre = 0;
	var max = 0;
	
	var select = document.getElementById('selected_part_forme').value;
	
	if (select == 'doublure_couleur')
	{
		nombre = document.getElementById('max_doublure_couleur').value;
	}
	if (select == 'couleur')
	{
		nombre = document.getElementById('max_couleur').value;
	}
	
	
		max  = document.getElementById('max_img').value;
		
	 
		while(i < nombre)
		{
		
		var targety ="img_" + i;
		var targety2 ='img_to_show_' + i;
		var div_name ="forme_selected_item" + i;

		if (select == 'doublure_couleur')
		{
			document.images[targety].height = "53";
		}
		else
		{
			document.images[targety].height = "105";
		}
		
		selected_div = document.getElementById(div_name);
		
		
		selected_div.className = "v3d_Small_txt";
		
		document.images[targety].src = document.getElementById(targety2).value;
		
		i=i+1;		
		}

		while(i < max)
		{
		
		var div_name ="forme_selected_item" + i;
		
		selected_div = document.getElementById(div_name);
		
		
		
		selected_div.className = "v3d_hidden";
		
		
		i=i+1;		
		}
		//exception si on est dans le cas de doublure : cacher  "Ton sur Ton"
		if(select == 'doublure_couleur')
		{
			document.getElementById('forme_selected_item0').className='v3d_hidden';
			//alert("hide");
		}
		else
		{
			document.getElementById('forme_selected_item0').className='v3d_Small_txt';
			//alert("show");
		}
		
		
		document.getElementById("div_scroll_bar").scrollTop = 0;
		self.location.hash="go_top_scroll_bar2";
		
}

function change_select_type_tie(img_number)
{
//enregistre la selection de l'utilisateur dans l'hidden correspondant
	var select = document.getElementById('selected_part_forme').value;
	var target = "selected_" + select + "_to_use";
	var src = "id_"+ select +"_" + img_number;
	var id_forme = document.getElementById(src).value;
	
	
	document.getElementById(target).value = id_forme
	
}

function check_radio_tie()
{
//Passer le choix en rouge et cocher le bouton radio
	var select = document.getElementById('selected_part_forme').value;
	var src = "selected_" + select + "_to_use";
	var max_of = "max_" + select;
	var max_of_select_part = document.getElementById(max_of).value;
	var count = 0;

	//boucle de défilement des boutons radio
	while(count < max_of_select_part)
	{
		var target = "id_"+ select +"_" + count;
		var radio_id = "id_radio_" + count;
		var form_id = "forme_selected_item" + count;
		
		//si bouton radio séléctionner le passer en cocher et text en rouge
		if(document.getElementById(target).value == document.getElementById(src).value) 
		{
			document.getElementById(form_id).className="v3d_Small_txt_red";
			document.getElementById(radio_id).checked=true;
			
		}
		//sinon remettre la classe normal
		else document.getElementById(form_id).className="v3d_Small_txt";
		count = count +1;
		//alert(count);
	}
	//exception si on est dans le cas de doublure : cacher le mot séléctioner de  "Ton sur Ton"
	if(select == 'doublure_couleur')
		{
			//document.getElementById('id_radio_0').className='v3d_hidden';
			document.getElementById('forme_selected_item0').className='v3d_hidden';
		}
}

function init_check_radio_tie(doublure_couleur)
{
	if(doublure_couleur != "-9999") document.getElementById('selected_doublure_couleur_to_use').value=doublure_couleur;
	
}

///////////////////////////////////////PRIX LIVE///////////////////////////

function modify_show_price_tie()
{
	var total = "";
	var price_tie_hanky = document.getElementById('price_tie_hanky').value;
	var price_tie = document.getElementById('price_tie').value;
	var price_hanky = document.getElementById('price_hanky').value;
	var price_satine = document.getElementById('price_satine').value;
	
	if (document.getElementById('cravate_pochette').checked == true)
	{
		total = parseInt(price_tie_hanky,10);
	}
	else if (document.getElementById('cravate').checked == true)
	{
		total = parseInt(price_tie,10);
	}
	else if (document.getElementById('pochette').checked == true)
	{
		total = parseInt(price_hanky,10);
	}
	
	if (document.getElementById('satine'))
	{
		if (document.getElementById('satine').checked == true && document.getElementById('selected_part_forme').value == 'couleur' && document.getElementById('pochette').checked==false)
		{
			satine = parseInt(price_satine,10);
			total = total + satine;
		}
	}
	
	total = format_price(total);
	
	document.getElementById('price_on_live').innerHTML = document.getElementById('lang_prix_coat').value + " " + total;
	
}




function change_span_liste_tie(test)
{
	var html = '';
	var select = document.getElementById('selected_part_forme').value;
	
	
	html += document.getElementById("lang_largeur").value;
	html += '<INPUT  TYPE="text" name="longueur_tie" id="longueur_tie" size="3" MAXLENGTH="3" onkeyup="save_choix_liste_deroulante_tie();" border="0" class="case">';
	html += document.getElementById("lang_cm").value;
	
	document.getElementById('span_liste_deroulante_1_option').innerHTML= html;
	
	html = document.getElementById("lang_longueur").value;
	html += '<INPUT  TYPE="text" name="largeur_tie" id="largeur_tie" size="3" MAXLENGTH="3" onkeyup="save_choix_liste_deroulante_tie();" border="0" class="case">';
	html += document.getElementById("lang_cm").value;
	
	document.getElementById('span_liste_deroulante_2_option').innerHTML= html;
	
	html = '&nbsp;'
	
	if (select == 'couleur')
	{
		html += "<INPUT  TYPE='radio' checked='checked'  name='choix_mat_satine' id='satine' border='0' language='javascript'  onclick='modify_show_price_tie();' style='BORDER-LEFT-COLOR: white; BORDER-BOTTOM-COLOR: white; BORDER-TOP-COLOR: white; BORDER-RIGHT-COLOR: white'>";
		html += document.getElementById("lang_satine").value;
		
		html += "<INPUT  TYPE='radio'  name='choix_mat_satine' id='mat' border='0' language='javascript'  onclick='modify_show_price_tie();' style='BORDER-LEFT-COLOR: white; BORDER-BOTTOM-COLOR: white; BORDER-TOP-COLOR: white; BORDER-RIGHT-COLOR: white'>";
		html += document.getElementById("lang_mat").value;
	}
	
	document.getElementById('span_liste_deroulante_3_option').innerHTML= html;
}

function save_choix_liste_deroulante_tie()
{

	document.getElementById('selected_longueur_tie_to_use').value=document.getElementById('longueur_tie').value;
	document.getElementById('selected_largeur_tie_to_use').value=document.getElementById('largeur_tie').value;

}


function url_tie_path(path)
{
	var url = "%26obj%3D" + path + "%26";
	document.getElementById('tie_path').value = url;
}

function url_noeud_path(path)
{
	var url = "%26obj%3D" + path + "%26";
	document.getElementById('noeud_path').value = url;
}

function url_viewer_tie ()
{
	var colorHex = document.getElementById('input_color').value;
	
	var viewerUrlFinal = document.getElementById('base_url').value;
	
	//On recupere colorHex qui est un code hexa !!
	//or scene7 à besoin des codes RGB (rouge, vert, bleu)
	// on traduit donc le code hexa recupérér colorHex, par un code RGB de la sorte  + HexToR(colorHex) + "%2C" + HexToG(colorHex) + "%2C" + HexToB(colorHex)
	
	//rmq : %2C= ','
	
	viewerUrlFinal += document.getElementById('tie_path').value + "color%3D" + HexToR(colorHex) + "%2C" + HexToG(colorHex) + "%2C" + HexToB(colorHex);
	viewerUrlFinal += document.getElementById('noeud_path').value + "color%3D" + HexToR(colorHex) + "%2C" + HexToG(colorHex) + "%2C" + HexToB(colorHex);
	viewerUrlFinal += "}";
	
	return viewerUrlFinal;
}


//Fonctions de conversion Hexa to RGB
function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)}
function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)}
function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)}
function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}