//////////////////////////////////////////////////////////////////////////////////
//Ces fontions reçoient une référence de tissu en paramètre et retournent une Url
//////////////////////////////////////////////////////////////////////////////////

//Récupérer le nom de la vignette
/*function get_vignette_name()
{
	var vignette = "";
	var select = document.getElementById('selected_part_forme').value;
	
	if (select == 'col')
	{
		vignette = "vignette_shirt_last_online";
	}
	else if (select == 'poignet')
	{
		vignette = "sofa1";
	}
	else if (select == 'poche')
	{
		vignette = "vignette_shirt_last_online";
	}
	else if (select == 'dos')
	{
		vignette = "vignette_shirt_last_online";
	}
	else if (select == 'bas')
	{
		vignette = "vignette_shirt_last_online";
	}
	else if (select == 'gorge')
	{
		vignette = "vignette_shirt_last_online";
	}
	
	return vignette;
}

*/







//Récupérer le nom de la vignette
function get_vignette_name()
{
	var vignette = "";
	var select = document.getElementById('selected_part_forme').value;
	
	if (select == 'col')
	{
		vignette = "pernac_shirt";
	}
	else if (select == 'poignet')
	{
		vignette = "pernac_shirt";
	}
	else if (select == 'poche')
	{
		vignette = "pernac_shirt";
	}
	else if (select == 'dos')
	{
		vignette = "pernac_shirt";
	}
	else if (select == 'bas')
	{
		vignette = "pernac_shirt";
	}
	else if (select == 'gorge')
	{
		vignette = "pernac_shirt";
	}
	
	return vignette;
}









//Récupérer l'arborescence de l'objet sc7 dans la vignette
function get_path_sc7_object_in_vignette(part_to_check)
{
	
	
					var col_to_show = document.getElementById('shirt_shape_col').value;
					var poignet_to_show = document.getElementById('shirt_shape_poignet').value;
					var gorge_to_show = document.getElementById('shirt_shape_gorge').value;
					var poche_to_show = document.getElementById('shirt_shape_poche').value;
			
			
			
	
	var col_base_path= "%26obj%3Dmain/chemise/composants/col/" + col_to_show;
	var col_int_path= "interieur";
		
		
	var poignet_base_path= "%26obj%3Dmain/chemise/composants/poignet/" + poignet_to_show;
	var poignet_int_path= "interieur";


	var tissu_corps_path1= "%26obj%3Dmain/chemise/composants/corps/part1";
	var tissu_corps_path2= "%26obj%3Dmain/chemise/composants/corps/part2" ;
	
	
	
	var gorge_base_path= "%26obj%3Dmain/chemise/composants/gorge/" + gorge_to_show + "/tissus";
	
	var poche_base_path= "%26obj%3Dmain/chemise/composants/poche/" + poche_to_show + "/tissus";
	
	
	
	if(part_to_check=='col_base') return col_base_path;
	
	if(part_to_check=='poignet_base') return poignet_base_path;
	
	
	if(part_to_check=='gorge_base') return gorge_base_path;
	
	if(part_to_check=='poche_base') return poche_base_path;
	
	
	if(part_to_check=='corps_base1') return tissu_corps_path1;
	if(part_to_check=='corps_base2') return tissu_corps_path2;

}






//Col
function url_col(tissu)
{
	var resolution = "19";
	var colUrl = "";
	
	var col_base_path = get_path_sc7_object_in_vignette('col_base');
	
	
	
	if (tissu != ""){
		// %26obj ==> &obj
		// %3Dmain/shirt/FABRIC/collar ==> =main/shirt/FABRIC/collar (arborescance sur la vignette Scne7).
		// %26src%3D  ==> &src=
		// + tissu ==> + 'SHFAxxx'
		
		//colUrl += "%26obj%3Dmain/chemise/composants/col/SHCO027%26src%3D" + tissu + "_350";
		colUrl += col_base_path + "%26src%3D" + tissu + "_350";
		
		colUrl += "%26res%3D" + resolution;
	}
	
	document.getElementById('col').value=colUrl;
	//alert(document.getElementById('col').value);
}



//Intérieur Col
function url_int_col(tissu)
{
	var resolution = "19";
	var int_colUrl = "";
	
	
	var col_base_path = get_path_sc7_object_in_vignette('col_base');
	
	
	if (tissu != ""){
		//int_colUrl += "%26obj%3Dmain/shirt/FABRIC/collar%26src%3D" + tissu + "_350";
		//int_colUrl += "%26res%3D" + resolution;
		
		//int_colUrl += "%26obj%3Dmain/chemise/composants/col/SHCO027/interieur%26src%3D" + tissu + "_350";
		
		int_colUrl += col_base_path + "/interieur%26src%3D" + tissu + "_350";
		int_colUrl += "%26res%3D" + resolution;
		
		
	}
	
	document.getElementById('int_col').value=int_colUrl;
	//alert(document.getElementById('col').value);
}












//fonction qui n'est utilsé que dans la parrie forme et qui permet de remettre à jour la nouvelle poche affichée avec la bonne texture

function url_poche(tissu)
{
	var resolution = "19";
	var corpsUrl = "";
	
	
	
				
				var tissu_poche_path = get_path_sc7_object_in_vignette('poche_base');
				
				if (tissu != ""){
					
					corpsUrl += tissu_poche_path+"%26src%3D" + tissu + "_350";
					corpsUrl += "%26res%3D" + resolution;
				}
	
	
	
	
	
	document.getElementById('poche').value=corpsUrl;
	//alert(document.getElementById('corps').value);
}





//fonction qui n'est utilsé que dans la parrie forme et qui permet de remettre à jour la nouvelle gorge affichée avec la bonne texture

function url_gorge(tissu)
{
	var resolution = "19";
	var corpsUrl = "";
	
	
	
				
				var tissu_gorge_path = get_path_sc7_object_in_vignette('gorge_base');
				
				if (tissu != ""){
					
					corpsUrl += tissu_gorge_path+"%26src%3D" + tissu + "_350";
					corpsUrl += "%26res%3D" + resolution;
				}
	
	
	
	
	
	document.getElementById('gorge').value=corpsUrl;
	//alert(document.getElementById('corps').value);
}










//Corps
function url_corps(tissu)
{
	var resolution = "19";
	var corpsUrl = "";
	
	
	
	
				var tissu_corps_path = get_path_sc7_object_in_vignette('corps_base1');
				
				if (tissu != ""){
					//corpsUrl += "%26obj%3Dmain/chemise/composants/corps/tissus%26src%3D" + tissu + "_350";
					
					corpsUrl += tissu_corps_path+"%26src%3D" + tissu + "_350";
					corpsUrl += "%26res%3D" + resolution;
				}
	
	
	
	
	
				var tissu_corps_path = get_path_sc7_object_in_vignette('corps_base2');
				
				if (tissu != ""){
					//corpsUrl += "%26obj%3Dmain/chemise/composants/corps/tissus%26src%3D" + tissu + "_350";
					
					corpsUrl += tissu_corps_path+"%26src%3D" + tissu + "_350";
					corpsUrl += "%26res%3D" + resolution;
				}
	
	
	
	
				// on change également le tissu de la poche et la gorge de boutonnage avec le même tissu que le corps
				// en effet ces deux éléments sont defini comme suit toujours de la même couleur que le tissu du corps de la chemise
	
	
				var tissu_gorge_path = get_path_sc7_object_in_vignette('gorge_base');
				
				if (tissu != ""){
					
					corpsUrl += tissu_gorge_path+"%26src%3D" + tissu + "_350";
					corpsUrl += "%26res%3D" + resolution;
				}
				
				
				var tissu_poche_path = get_path_sc7_object_in_vignette('poche_base');
				
				if (tissu != ""){
					
					corpsUrl += tissu_poche_path+"%26src%3D" + tissu + "_350";
					corpsUrl += "%26res%3D" + resolution;
				}
	
	
	
	
	
	document.getElementById('corps').value=corpsUrl;
	//alert(document.getElementById('corps').value);
}




//Poignet
function url_poignet(tissu)
{
	var resolution = "19";
	var poignetUrl = "";
	
	var poignet_base_path = get_path_sc7_object_in_vignette('poignet_base');
	
	
	
	if (tissu != ""){
		//poignetUrl += "%26obj%3Dmain/chemise/composants/poignet/SHCU001%26src%3D" + tissu + "_350";
		
		poignetUrl +=  poignet_base_path + "%26src%3D" + tissu + "_350";
		
		poignetUrl += "%26res%3D" + resolution;
	}
	
	document.getElementById('poignet').value=poignetUrl;
	//alert(document.getElementById('corps').value);
}






//Intérieur Col
function url_int_poignet(tissu)
{
	var resolution = "19";
	var int_poignetUrl = "";
	
	
	var poignet_base_path = get_path_sc7_object_in_vignette('poignet_base');
	
	
	if (tissu != ""){
		
		int_poignetUrl += poignet_base_path + "/interieur%26src%3D" + tissu + "_350";
		int_poignetUrl += "%26res%3D" + resolution;

	}
	
	document.getElementById('int_poignet').value=int_poignetUrl;
	
}





//Construction de l'adresse de base du viewer au chargement !!
function url_base_in_preload()
{

var viewerUrl = "";

	//http://meyerweb.com/eric/tools/dencoder/   --> pour decoder les urls
	
 
//	viewerUrl += "PernacRender%3Fsrc%3Dir{PernacRender/" + vignette ;
//	viewerUrl += "%3Fwid%3D" + size;



	// on show les elements de la chemise
				
				
				
					var col_to_show = document.getElementById('shirt_shape_col').value;
					var poignet_to_show = document.getElementById('shirt_shape_poignet').value;
					var gorge_to_show = document.getElementById('shirt_shape_gorge').value;
					var poche_to_show = document.getElementById('shirt_shape_poche').value;
			
				
				
			//on fait apparaitre le tissu de la chemise qui est mappé (composé de part1 et part2)
			viewerUrl += "%26obj%3Dmain/chemise/composants/corps%26show%3D1";			
				
				
	//on fait apparaitre les éléments selectionnés de base de la chemise 
			
	viewerUrl += "%26obj%3Dmain/chemise/composants/col/" + col_to_show + "%26show%3D1";
	
	viewerUrl += "%26obj%3Dmain/chemise/composants/poignet/" + poignet_to_show + "%26show%3D1";
	
	viewerUrl += "%26obj%3Dmain/chemise/composants/poche/" + poche_to_show + "%26show%3D1";
	
	viewerUrl += "%26obj%3Dmain/chemise/composants/gorge/" + gorge_to_show + "%26show%3D1";
	

	
	
	document.getElementById('base_url').value=viewerUrl;
}






//Construction de l'adresse de base du viewer
function url_base(vignette,size)
{

var viewerUrl = "";

	//http://meyerweb.com/eric/tools/dencoder/   --> pour decoder les urls
	
 
	viewerUrl += "PernacRender%3Fsrc%3Dir{PernacRender/" + vignette ;
	viewerUrl += "%3Fwid%3D" + size;



	// on show les elements de la chemise
				
				
				
					var col_to_show = document.getElementById('shirt_shape_col').value;
					var poignet_to_show = document.getElementById('shirt_shape_poignet').value;
					var gorge_to_show = document.getElementById('shirt_shape_gorge').value;
					var poche_to_show = document.getElementById('shirt_shape_poche').value;
			
				
				
			//on fait apparaitre le tissu de la chemise qui est mappé (composé de part1 et part2)
			viewerUrl += "%26obj%3Dmain/chemise/composants/corps%26show%3D1";			
				
				
	//on fait apparaitre les éléments selectionnés de base de la chemise 
			
	viewerUrl += "%26obj%3Dmain/chemise/composants/col/" + col_to_show + "%26show%3D1";
	
	viewerUrl += "%26obj%3Dmain/chemise/composants/poignet/" + poignet_to_show + "%26show%3D1";
	
	viewerUrl += "%26obj%3Dmain/chemise/composants/poche/" + poche_to_show + "%26show%3D1";
	
	viewerUrl += "%26obj%3Dmain/chemise/composants/gorge/" + gorge_to_show + "%26show%3D1";
	

	
	
	document.getElementById('base_url').value=viewerUrl;
}












//assembleur de l'url finale
function url_assembleur ()
{
	// base de l'url comprenant l'appeel à la vignette + les elements shape de base à afficher !
	var base = document.getElementById('base_url').value;
	
	// on applique les textures à chacun des élements de la chemise
	var corps = document.getElementById('corps').value;
	
	var col = document.getElementById('col').value;
	var int_col = document.getElementById('int_col').value;
	
	var poignet = document.getElementById('poignet').value;
	var int_poignet = document.getElementById('int_poignet').value;
	
	
	
	var gorge = document.getElementById('gorge').value;
	var poche = document.getElementById('poche').value;
	
	
	
	viewerUrlFinal="";
	
	viewerUrlFinal += base + corps + col + poignet + int_col + int_poignet;
	
	if(gorge!='') viewerUrlFinal +=gorge;
	if(poche!='') viewerUrlFinal +=poche;
	
	
	viewerUrlFinal += "}";
	
	
	alert(viewerUrlFinal);
	
	
	return viewerUrlFinal;
}







//assembleur de l'url finale
//on crée une autre fonction assembmeur pour la vignete sofa1
// car cette vignette ne contient pas la même arborescence que la vignete initial
//comme  les branches corps, col, poignets

function url_assembleur_other_vignete ()
{
	var base = document.getElementById('base_url').value;
	
	
	viewerUrlFinal="";
	
	viewerUrlFinal += base ;
	viewerUrlFinal += "}";
	
	
	//alert(viewerUrlFinal);
	
	
	return viewerUrlFinal;
}






function url_part_if(tissu)
{
	var select=document.getElementById('selected_part_body').value;
	var tissu_for_all_part=document.getElementById('all_part').value;
	//alert(tissu_for_all_part);
	
	
	if(tissu_for_all_part=="yes") 
	{
		url_corps(tissu);
		url_col(tissu);
		url_poignet(tissu);
		
		url_int_col(tissu);
		url_int_poignet(tissu);
		
		
		//-->a rajouter les autres urls pour que la texture soit appliqué à toutes les parties...
		
	}
	else
		{
				if (select=="corps")		url_corps(tissu);
				else if (select=="col")		url_col(tissu);
				else if (select=="poignet")		url_poignet(tissu);
				else if (select=="col_int")		url_int_col(tissu);
				else if (select=="poignet_int")		url_int_poignet(tissu);
					
					
				
				//-->a rajouter les autres urls pour que la texture soit appliqué à toutes les parties...
				
		}
	

}


/////////////////////////////////////////////////////////////////////////////////
/////////////////////// Fonction tissu////////////////////////////////////////

function show_test()
{
	//alert("corps : " + document.getElementById('tissu_corps').value+ "; col : "+document.getElementById('tissu_col').value+"; poignet : "+document.getElementById('tissu_poignet').value+ "; col_int : "+document.getElementById('tissu_col_int').value+"; poignet_int : "+document.getElementById('tissu_poignet_int').value);
}


function change_selected_part_body(select)
{
   document.getElementById('selected_part_body').value=select;
	
		var target = '';
		target += 'tissu_' + select;
		
		//ref du tissu
		var h_tissu_ref_int_col = document.getElementById(target).name;
		
		//id du tissu
		var h_tissu_id_int_col = document.getElementById(target).value;
		
		
		//sert à changer la couleur et checker du texte du tissu selectionné
		v3d_change_to_red_from_tissu_from_pict(h_tissu_ref_int_col);
		
		//sert à changer le span d'infos qui a besoin d'un id dans le tube
		v3d_change_infos_detail_tissu(h_tissu_id_int_col);
	
}




function change_tissu_hidden(ref,id)
{
	var select = document.getElementById('selected_part_body').value;
	
	var target ='tissu_';
	
	//alert(document.getElementById('all_part').value);
	
	if (document.getElementById('all_part').value == 'no')
	{
		target += select;
		
		document.getElementById(target).value=id;
		document.getElementById(target).name=ref;
		

	}
	else if (document.getElementById('all_part').value == 'yes')
	{
		document.getElementById(target + 'corps').value=id;
		document.getElementById(target + 'col').value=id;
		document.getElementById(target + 'col_int').value=id;
		document.getElementById(target + 'poignet').value=id;
		document.getElementById(target + 'poignet_int').value=id;
		
		document.getElementById(target + 'corps').name=ref;
		document.getElementById(target + 'col').name=ref;
		document.getElementById(target + 'col_int').name=ref;
		document.getElementById(target + 'poignet').name=ref;
		document.getElementById(target + 'poignet_int').name=ref;
		
	}
}


function change_all_part()
{
	selection_precedente=document.getElementById('all_part').value;
	
	if(selection_precedente=="no")		document.getElementById('all_part').value="yes";
	else document.getElementById('all_part').value="no";
	


}

function change_select_tissu_part(ref_tissu)
{
	var select = document.getElementById('selected_part_body').value;
	
	var count=0;
	
	
		 /* rmq:dès qu'il y a "selected_" --> c'est les variables que l'on prendra en comptep our mettre à jour les ssions
	*/
	
	
	if ((document.getElementById('all_part').value) == 'yes')
	{
		//attention la on une id car ce champ à besoin d'une id...Id du du tissu qu'on récuperer dans la velue du bouton radio du tissu sélectionné
		document.getElementById('selected_tissu_corps').value = document.getElementById(ref_tissu).value;
		
		// ensuite on mzt à jour les autres variables...avec les quels on mettra à jour les sessions
		document.getElementById('selected_tissu_corps_ref').value = ref_tissu;
		document.getElementById('selected_tissu_col').value = ref_tissu;
		document.getElementById('selected_tissu_poignet').value = ref_tissu;
		document.getElementById('selected_tissu_col_int').value = ref_tissu;
		document.getElementById('selected_tissu_poignet_int').value = ref_tissu;
		
		//permet de garder en mémoire le choix du tissu qui à été appliquer à tous
		document.getElementById('temp_ref_all_tissu').value = ref_tissu;
	}
	else if (select == "corps")
	{
		//on traite le cas corps indépendameentcar il ya deux variables à mettre à jour...une avec l'id du tissu l'autre avec sa ref
		target_hidden = "selected_tissu_" + select;
		document.getElementById(target_hidden).value = document.getElementById(ref_tissu).value;
		document.getElementById('selected_tissu_corps_ref').value = ref_tissu;
		
		
	}
	else
	{
		//pour toutes les autres parties c'est la réf
		target_hidden = "selected_tissu_" + select;
		document.getElementById(target_hidden).value = ref_tissu;
		
		
	
	}
	
	check_difference_corps_col_poignet();
	
//alert("corps : " + document.getElementById('selected_tissu_corps_ref').value+ "; col : "+document.getElementById('tissu_col').value+"; poignet : "+document.getElementById('tissu_col_int').value+ "; col_int : "+document.getElementById('tissu_poignet').value+"; poignet_int : "+document.getElementById('tissu_poignet_int').value);


}




function check_difference_corps_col_poignet()
{
			var corps_ref = document.getElementById("selected_tissu_corps_ref").value;
			
			var col = document.getElementById("selected_tissu_col").value;
			var poignet = document.getElementById("selected_tissu_poignet").value;
			var col_int = document.getElementById("selected_tissu_col_int").value;
			var poignet_int = document.getElementById("selected_tissu_poignet_int").value;
			
			if (col == corps_ref) document.getElementById("selected_tissu_col").value='normal';
			if (poignet == corps_ref) document.getElementById("selected_tissu_poignet").value='normal';
			if (col_int == corps_ref) document.getElementById("selected_tissu_col_int").value='normal';
			if (poignet_int == corps_ref) document.getElementById("selected_tissu_poignet_int").value='normal';
			
			//permet de récuprer le choix en mémoire du tissu qui à été appliquer à tous
			temp_ref = document.getElementById('temp_ref_all_tissu').value;
			
			
			//et on remet à jours les champs col,int poignet etc..avec le bon choix de tissu utilisé avant, car norml ne veut rien dire!!
			if (temp_ref != corps_ref)
			{
				if (document.getElementById("selected_tissu_col").value=='normal') document.getElementById("selected_tissu_col").value=temp_ref;
				if (document.getElementById("selected_tissu_poignet").value=='normal') document.getElementById("selected_tissu_poignet").value=temp_ref;
				if (document.getElementById("selected_tissu_col_int").value=='normal') document.getElementById("selected_tissu_col_int").value=temp_ref;
				if (document.getElementById("selected_tissu_poignet_int").value=='normal') document.getElementById("selected_tissu_poignet_int").value=temp_ref;
			}
			
			
}






function change_price_tissu_corps(prix_tissu_corps)
{
	var select = document.getElementById('selected_part_body').value;
	
	if (select == "corps")
	{
		document.getElementById('price_tissu_corps').value = prix_tissu_corps;
	}
	
	modify_price_tissu();
}



function modify_price_tissu()
{
	var select = document.getElementById('selected_part_body').value;
	
	var col = document.getElementById("selected_tissu_col").value;
	var poignet = document.getElementById("selected_tissu_poignet").value;
	var col_int = document.getElementById("selected_tissu_col_int").value;
	var poignet_int = document.getElementById("selected_tissu_poignet_int").value;
	
	document.getElementById('price_tissu_col_poignet').value=0;
	document.getElementById('price_tissu_col_poignet_int').value=0;
	
	// pour info
	//tous les hidden qui sont avec price_ sont les prix qui varient suivant les choix du user
	// tous les hidden qui sont avec prix_ sont les prix fixe que l'on recupere de la bdd
	
	
	//cas de la couleur du col et du poignet
	if (col == 'normal')
	{
		if (poignet != 'normal') document.getElementById('price_tissu_col_poignet').value = document.getElementById("prix_col_poignet").value;
	}
	else 
	{
	document.getElementById('price_tissu_col_poignet').value = document.getElementById("prix_col_poignet").value;
	}
	
	
	
	//cas de la couleur de l'intérieur du col et du poignet
	if (col_int == 'normal')
	{
		if (poignet_int != 'normal')
		{
		document.getElementById('price_tissu_col_poignet_int').value = document.getElementById("prix_col_poignet_int").value;
		document.getElementById('selected_tissu_poignet_int_confirm').value = 'avec';
		}
		else document.getElementById('selected_tissu_poignet_int_confirm').value = 'sans';
	}
	else 
	{
	document.getElementById('price_tissu_col_poignet_int').value = document.getElementById("prix_col_poignet_int").value;
	document.getElementById('selected_tissu_poignet_int_confirm').value = 'avec';
	}
	
	var strChUserAgent = navigator.userAgent; 
	var strChEnd = strChUserAgent.substring(strChEnd); 
	
	if(strChEnd.indexOf("Safari/") != -1)
	{
		alert(strChEnd);
	}
	
	modify_show_price();
	
	
	
}

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////Fonction Forme/////////////////////////////////////////

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

function return_ref_to_show(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 = "";
	
	if(select == "col")
	{
		var image_hidden = "img_col_zoom_" + img_number;
		var src_image = document.getElementById(image_hidden).value;
		val_to_show = '<img src="' + src_image + '" border=0 >';
	}
	else 
	{
		target_hidden += "ref_" + select + "_" + img_number;
		val_to_show=document.getElementById(target_hidden).value;
		
		//cas des reférence modifiant le prix
		if ( (document.getElementById(target_hidden).value) == "SHPO003"  || (document.getElementById(target_hidden).value) == "SHPO007" ||(document.getElementById(target_hidden).value) == "SHPO008"  )
		{
			val_to_show += " -- <font color='red'>+" + document.getElementById('prix_poche_rabat_format').value + "</font>"; 
		}
	}
	
	return val_to_show;
}







function change_img_to_show()
{
//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 div_liste = document.getElementById('div_liste_deroulante_col');
	var liste1 = document.getElementById('span_liste_deroulante_2');
	var liste2 = document.getElementById('span_liste_deroulante_3');

	
	var nombre = 0;
	
	
	//Show/hide liste déroulante
	if(div_liste != null)
	{
		
		//en fction de la partie ou on est on fait apparaitre ou pas des choses dans les spans du sub menu
		// la classe v3d_hidden sert à cacher 
		if (select == 'col')
		{
			
			liste1.className = "v3d_Small_txt";
			liste2.className = "v3d_Small_txt";
		}
		else if(select == 'poche')
		{
			liste1.className = "v3d_Small_txt";
			liste2.className = "v3d_hidden";
		}
		else
		{
			liste1.className = "v3d_hidden";
			liste2.className = "v3d_hidden";
		}
	}

	
	
	//on récupere le nbre d'element max pour chaque partie
	if (select == 'col')
	{
		nombre = document.getElementById('max_col').value;
	}
	else if (select == 'poignet')
	{
		nombre = document.getElementById('max_poignet').value;
	}
	else if (select == 'poche')
	{
		nombre = document.getElementById('max_poche').value;
	}
	else if (select == 'dos')
	{
		nombre = document.getElementById('max_dos').value;
	}
	else if (select == 'bas')
	{
		nombre = document.getElementById('max_bas').value;
	}
	else if (select == 'gorge')
	{
		nombre = document.getElementById('max_gorge').value;
	}

	while(i < (nombre))
	{
		target_hidden = "img_to_show_" + i;
		img_to_apply = "img_" + select + "_" + i;


		// on rempli les value des hidden  img_to_show_+ i avec les valeurs sources des éléments "img_" + select + "_" + i de la partie coresspondant à la ou on se trouve
		
		//rmq: pkoi ne pas remplir directement les values des images de chaque élements img_'.$img_number.' ---> car ca ne marche pas directement
		// on est obligé de passer par img to shox de remlir ces derniers
		//et ensuite on ira lire ce qu'il y a dans img_to_show_+ i et on remplira alors img_'.$img_number.' ce qui affichera les images
		
			document.getElementById(target_hidden).value=document.getElementById(img_to_apply).value;
			
			
			
		i=i+1;
	}
	//-->c fait par la fonction qui suit
	synchro_hidden_img_to_show_avec_img_reel();
}




function synchro_hidden_img_to_show_avec_img_reel()
{
//met a jour les sources des images qui vont s'aaficher)(img_'.$img_number.') , une fois les sources modifiées (cad une fois la value des hiddens img_to_show_+ i modifiés)
	var target_hidden = "";
	var i=0;
	var nombre = 0;
	var max = 0;
	
	var select = document.getElementById('selected_part_forme').value;
	
	if (select == 'col')
	{
		nombre = document.getElementById('max_col').value;
	}
	else if (select == 'poignet')
	{
		nombre = document.getElementById('max_poignet').value;
	}
	else if (select == 'poche')
	{
		nombre = document.getElementById('max_poche').value;
	}
	else if (select == 'dos')
	{
		nombre = document.getElementById('max_dos').value;
	}
	else if (select == 'bas')
	{
		nombre = document.getElementById('max_bas').value;
	}
	else if (select == 'gorge')
	{
		nombre = document.getElementById('max_gorge').value;
	}
	
	
	 // on prend aussi le maximum des elements possible car après avoir afficher il va falloir si besoin cacher le reste et donc savoir combien il y en a a cacher
		max  = document.getElementById('max_img').value;
		
	 //tant que i est inferieur au nombre d'element à affichzer pour la partie à conciderer
		while(i < nombre)
		{
		
					var targety ="img_" + i;
					var targety2 ='img_to_show_' + i;
					var div_name ="forme_selected_item" + i;
			
			

					// on make sure qu'on affiche bien le tableau contenant l'element concidéré
					selected_div = document.getElementById(div_name);
					selected_div.className = "v3d_Small_txt";
					
					//on change la valeur de l'image de l'element à afficher par la valeur contenu dans img_to_show
					document.images[targety].src = document.getElementById(targety2).value;
					
					
					//on force à changer la taille de l'image source proportionnelement à sa taille de base..pour que ca s'affiche crorrectement
					// on force differement dans chaque partie
					if (select == 'col')
					{
						document.images[targety].height = "80";
					}
					else if (select == 'poignet')
					{
						document.images[targety].height = "98";
					}
					else if (select == 'dos')
					{
						document.images[targety].height = "150";
					}
					else if (select == 'bas')
					{
						document.images[targety].height = "60";
					}
					else if (select == 'gorge')
					{
						document.images[targety].height = "150";
					}
					else
					{
						document.images[targety].height = "105";
					}
					
					i=i+1;		
		}



		// une fois tous les eléments de la partie affichés on cache les autres élements si il en reste
		while(i < max)
		{
		
				var div_name ="forme_selected_item" + i;
				selected_div = document.getElementById(div_name);
				selected_div.className = "v3d_hidden";
				
				var targety ="img_" + i;
				document.images[targety].height = "1";
				
		
		i=i+1;		
		}
		
		
		// une fois tout traité on remonte la scrolbar..tout en haut
		document.getElementById("div_scroll_bar").scrollTop = 0;
		
		
		// ensuite on cale l'écran du user à l'ancre se trouvant au niveau de la Top bar
		self.location.hash="go_top_scroll_bar2";
		
}

function change_select_type(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;
	
	
	document.getElementById(target).value = document.getElementById(src).value;
	
	
	
	// on change l'hidden correspondnat qui sera pirs en compte par scene7!
  if(select=='col' || select=='poignet' || select=='gorge' || select=='poche' )
  {
				
				var target2 = "shirt_shape_" + document.getElementById('selected_part_forme').value;
				var src2 = "ref_"+ select +"_" + img_number;
				
				document.getElementById(target2).value = document.getElementById(src2).value;
				
				
				if(select=='col')
				{
					var target_tissu_col = document.getElementById('selected_tissu_col').value;
					
					
					
					if(target_tissu_col=='normal')
					{
							var target_tissu_corps = document.getElementById('selected_tissu_corps_ref').value;
							url_col(target_tissu_corps);
						
					}
					else url_col(target_tissu_col);
					
				
								var target_tissu_col_int = document.getElementById('selected_tissu_col_int').value;
								if(target_tissu_col_int!='') url_int_col(target_tissu_col_int);
								else url_int_col(target_tissu_col);
				
				}
				
				
				if(select=='poignet')
				{
					var target_tissu_poignet = document.getElementById('selected_tissu_poignet').value;
					
					if(target_tissu_poignet=='normal')
					{
							var target_tissu_corps = document.getElementById('selected_tissu_corps_ref').value;
							url_poignet(target_tissu_corps);
						
					}
					else url_poignet(target_tissu_poignet);
					
					
					
				
								var target_tissu_poignet_int = document.getElementById('selected_tissu_poignet_int').value;
								if(target_tissu_poignet_int!='') url_int_poignet(target_tissu_poignet_int);
								else url_int_poignet(target_tissu_poignet);
				
				}
				
				
				if(select=='gorge')
				{
					var target_tissu_corps = document.getElementById('selected_tissu_corps_ref').value;
					url_gorge(target_tissu_corps);
				
				}
				
				
				if(select=='poche')
				{
					var target_tissu_corps = document.getElementById('selected_tissu_corps_ref').value;
					url_poche(target_tissu_corps);
				
				}
				
				
				
				
				
				
				var coco =document.getElementById(target2).value;
				var coco2 = document.getElementById(src2).value;
				
				alert("on change le .value del'elelement hidden de scene7 " + target2 + "  par -->" + coco2);
					
	}
	
	
	
	
	modify_price_forme();
	
}

function check_radio()
{
//Passer le choix en rouge et cocher le bouton radio

	
	var select = document.getElementById('selected_part_forme').value;
	
	var src = "selected_" + select + "_to_use"; //--> c'est un id!
	
	var max_of = "max_" + select;
	var max_of_select_part = document.getElementById(max_of).value; //--> c'est le max d'élément de la partie concidéré
	var count = 0;


 //--> on parcours tous les éléments de la partie
	//boucle de défilement des boutons radio
	while(count < max_of_select_part)
	{
		 
		var target = "id_"+ select +"_" + count; //--> c'est le nom du hidden qui contiendra l'id de l'élément concidéré
		var radio_id = "id_radio_" + count;   //--> c'est le nom du boutn radio l'élément concidéré
		var form_id = "forme_selected_item" + count; //--> c'est l'id de la table qui contient l'élément concidéré
		
		
		 
		//si bouton radio séléctionné 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"; // on passe la class css de la table de l'élément choisi en red
			document.getElementById(radio_id).checked=true; // on checke le bouton radio  de l'élément choisi
			
		}
		//sinon remettre la classe normal pour tous les autres
		else document.getElementById(form_id).className="v3d_Small_txt";
		count = count +1;
		//alert(count);
	}
}








function init_check_radio(col,poignet,poche,dos,bas,gorge,baleine,tenue,nb_poche)
{
	if(col != "-9999") document.getElementById('selected_col_to_use').value=col;
	
	
	if(poignet != "-9999") document.getElementById('selected_poignet_to_use').value=poignet;
	if(poche != "-9999") document.getElementById('selected_poche_to_use').value=poche;
	if(dos != "-9999") document.getElementById('selected_dos_to_use').value=dos;
	if(bas != "-9999") document.getElementById('selected_bas_to_use').value=bas;
	if(gorge != "-9999") document.getElementById('selected_gorge_to_use').value=gorge;
	if(baleine != "-9999") document.getElementById('selected_baleine_to_use').value=baleine;
	if(tenue != "-9999") document.getElementById('selected_tenue_col_to_use').value=tenue;
	if(nb_poche != "-9999") document.getElementById('selected_nb_poche_to_use').value=nb_poche;
}



function choix_liste_2_forme()
{
	var select = document.getElementById('selected_part_forme').value;
	
	var html = '';
	
	
	//en fonction de la partie ou on se trouve on crée le texte à afficher dans la span concidéré
	if (select =="col")
	{
		
		
		
		//on recupere le choix d'avant
		var choix_baleine = document.getElementById('selected_baleine_to_use').value;
		//alert(choix_baleine);
		html +=document.getElementById('lang_baleine').value + "   ";
		
		
		//on commence la construction de la liste déroulante
		//rmq: selected_col_baleine est le nom de la liste déroulante
		// c la fonction save_choix_liste_deroulante_2, une fois le choix fait qui va copier la valeur choisi(par exemple selected_col_baleine)  dans le hidden correspondant à poste xxx_to_use (selected_col_baleine_to_use)
		html +="<select name='selected_col_baleine' id='selected_col_baleine' STYLE='width: 100px'>";
		
		//en focntion de chaque valeur possible on verifie si cela corresponand à ce qui avait ete choisi avant, car si c'est le cas on fait un selected
		if(choix_baleine == "in") html += "<option value='in' SELECTED onclick='save_choix_liste_deroulante_2();'>"+ document.getElementById('lang_baleine_incorpore').value +"</option>";
		else html += "<option value='in' onclick='save_choix_liste_deroulante_2();'>"+ document.getElementById('lang_baleine_incorpore').value +"</option>";
		
		if(choix_baleine == "move") html += "<option value='move' SELECTED onclick='save_choix_liste_deroulante_2();'>"+ document.getElementById('lang_baleine_amovible').value +"</option>";
		else html += "<option value='move' onclick='save_choix_liste_deroulante_2();'>"+ document.getElementById('lang_baleine_amovible').value +"</option>";
		
		if(choix_baleine == "no") html += "<option value='no' SELECTED onclick='save_choix_liste_deroulante_2();'>"+ document.getElementById('lang_baleine_sans').value +"</option>";
		else html += "<option value='no' onclick='save_choix_liste_deroulante_2();'>"+ document.getElementById('lang_baleine_sans').value +"</option>";
		
	}
	else if (select =="poche")
	{
		
		//---> attention: dans cette liste déroulante on créee les différents choix,
		// mais en plus un des choix est une option payante
		//donc on affiche le prix de l'otion en face du choix qui necessite de rajouter un prix
		
		//et surtout on est obliger de rappler en plus la fction modify_price_forme pour recalculer le prix totale de la chemise en fction de ces nouveaux choix du user!!
		
		
		var choix_poche = document.getElementById('selected_nb_poche_to_use').value;
		//alert(choix_poche);
		html +=document.getElementById('lang_nb_poche').value + "   ";
		
		html +="<select name='selected_nb_poche' id='selected_nb_poche' STYLE='width: 150px'>";
		
		if(choix_poche == "0p") html += "<option value='0p' SELECTED onclick='save_choix_liste_deroulante_2();modify_price_forme();'>"+ document.getElementById('lang_nb_poche_0').value +"</option>";
		else html += "<option value='0p' onclick='save_choix_liste_deroulante_2();modify_price_forme();'>"+ document.getElementById('lang_nb_poche_0').value +"</option>";
		
		if(choix_poche == "1g") html += "<option value='1g' SELECTED onclick='save_choix_liste_deroulante_2();modify_price_forme();'>"+ document.getElementById('lang_nb_poche_1').value +"</option>";
		else html += "<option value='1g' onclick='save_choix_liste_deroulante_2();modify_price_forme();'>"+ document.getElementById('lang_nb_poche_1').value +"</option>";
		
		if(choix_poche == "2p") html += "<option value='2p' SELECTED onclick='save_choix_liste_deroulante_2();modify_price_forme();'>"+ document.getElementById('lang_nb_poche_2').value +' + '+  document.getElementById('prix_deux_poche_format').value +"</option>";
		else html += "<option value='2p' onclick='save_choix_liste_deroulante_2();modify_price_forme();'>"+ document.getElementById('lang_nb_poche_2').value +' + '+  document.getElementById('prix_deux_poche_format').value +"</option>";
		
	}
	
	return html;
}

function choix_liste_3_forme()
{
	var select = document.getElementById('selected_part_forme').value;
	
	var html = '';
	
	if (select =="col")
	{
		var choix_tenue = document.getElementById('selected_tenue_col_to_use').value;
		//alert(choix_baleine);
		html +=document.getElementById('lang_tenue').value + "   ";
		
		html +="<select name='selected_col_tenue' id='selected_col_tenue' STYLE='width: 100px'>";
		
		if(choix_tenue == "very_souple") html += "<option value='very_souple' SELECTED onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_tres_souple').value +"</option>";
		else html += "<option value='very_souple' onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_tres_souple').value +"</option>";
		
		if(choix_tenue == "souple") html += "<option value='souple' SELECTED onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_souple').value +"</option>";
		else html += "<option value='souple' onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_souple').value +"</option>";
		
		if(choix_tenue == "rigide") html += "<option value='rigide' SELECTED onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_rigide').value +"</option>";
		else html += "<option value='rigide' onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_rigide').value +"</option>";
		
		if(choix_tenue == "very_rigide") html += "<option value='very_rigide' SELECTED onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_tres_rigide').value +"</option>";
		else html += "<option value='very_rigide' onclick='save_choix_liste_deroulante_3();'>"+ document.getElementById('lang_tenue_tres_rigide').value +"</option>";
		
	}
	
	return html;
}

// ca save les choix de ce qui à été affiché dans la span_2
function save_choix_liste_deroulante_2()
{	
	var select = document.getElementById('selected_part_forme').value;
	
	// on verifie dans quel partie de forme on est car la fonction save_choix_liste_deroulante_2 est appelé dans plusieurs partie
	// elle ne fait pas donc la même operation en focntion de la partie ou on est 
	
	if  (select =="col")
	{
		document.getElementById('selected_baleine_to_use').value=document.getElementById('selected_col_baleine').value;
		
	}
	else if (select == "poche")
	{
		document.getElementById('selected_nb_poche_to_use').value=document.getElementById('selected_nb_poche').value;

	}

}

function save_choix_liste_deroulante_3()
{	
	var select = document.getElementById('selected_part_forme').value;
	
	if  (select =="col")
	{
		document.getElementById('selected_tenue_col_to_use').value=document.getElementById('selected_col_tenue').value;
		
	}
	

}

function change_span_liste()
{
	//récupere le texte et rempli la span suivant la partie concidéré
	// innerHTML --> veut dire le contenu du span entre la balise ouvrante et fermante
	document.getElementById('span_liste_deroulante_2').innerHTML=choix_liste_2_forme();
	document.getElementById('span_liste_deroulante_3').innerHTML=choix_liste_3_forme();
}

function init_check_radio_menu()
{
	var select = document.getElementById('selected_part_forme').value;
	
	var target_radio = 'forme_' + select;
	
	document.getElementById(target_radio).checked=true;
}

function modify_price_forme()
{
	var select = document.getElementById('selected_part_forme').value;
	
	if (select == "poche")
	{
		document.getElementById('price_deux_poche').value = 0;
		document.getElementById('price_poche_rabat').value = 0;
		
		if ( (document.getElementById('selected_poche_to_use').value) == "364" || (document.getElementById('selected_poche_to_use').value) == "368" || (document.getElementById('selected_poche_to_use').value) == "369" )
		{
			document.getElementById('price_poche_rabat').value = document.getElementById('prix_poche_rabat').value;
		}
		
		
		if ((document.getElementById('selected_nb_poche_to_use').value) == "2p") document.getElementById('price_deux_poche').value = document.getElementById('prix_deux_poche').value;
	}
	
	
	
	modify_show_price();
}

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////Fonction Option/////////////////////////////////////////

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

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

		//cas des reférence modifiant le prix
	if ((document.getElementById(target_hidden).value) == "SHBU000")
	{
		val_to_show += " -- <font color='red'>+" + document.getElementById('prix_bouton_nacre_format').value + "</font>"; 
		
	}
	
	return val_to_show;
}

function change_select_type_option(img_number)
{
//enregistre la selection de l'utilisateur dans l'hidden correspondant
	var select = document.getElementById('selected_part_option').value;
	var src = "id_"+ select +"_" + img_number;
	
	if(select == "bouton")
	{
		document.getElementById('bouton_to_use').value = document.getElementById(src).value;
		modify_price_option();
	}
	else if (select == "coupe")
	{
		document.getElementById('coupe_to_use').value = document.getElementById(src).value;
	}
	else if (select == "initiale")
	{
		document.getElementById('position_initiale_to_use').value = document.getElementById(src).value;
	}
	else if (select == "plastron")
	{
		if (img_number == 0)
		{
			document.getElementById('plastron_to_use').value = document.getElementById(src).value;
			document.getElementById('plastron_to_use_confirm').value = 'sans';
		}
		else
		{
			document.getElementById('plastron_to_use').value = document.getElementById(src).value;
			document.getElementById('plastron_to_use_confirm').value = 'avec';
		}
	}

}

function check_radio_option()
{
//Passer le choix en rouge et cocher le bouton radio
	var select = document.getElementById('selected_part_option').value;
	
	var max_of = "max_" + select;
	var max_of_select_part = document.getElementById(max_of).value;
	var count = 0;
	
		if(select == "bouton")
		{
			var src = "bouton_to_use";
		}
		else if (select == "coupe")
		{
			var src = "coupe_to_use";
		}
		else if (select == "initiale")
		{
			var src = "position_initiale_to_use";
		}
		else if (select == "plastron")
		{
			var src = "plastron_to_use";
		}
	
		while(count < max_of_select_part)
		{
			
			
			var target = "id_"+ select +"_" + count;
			var radio_id = "id_radio_" + count;
			var form_id = "option_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;
			
		}

}

function change_span_liste_option()
{
	document.getElementById('span_liste_deroulante_1_option').innerHTML=choix_liste_1_option();
	document.getElementById('span_liste_deroulante_2_option').innerHTML=choix_liste_2_option();
	document.getElementById('span_liste_deroulante_3_option').innerHTML=choix_liste_3_option();
}

function choix_liste_1_option()
{
	var select = document.getElementById('selected_part_option').value;
	
	var html = '';
	
	if (select =="initiale")
	{
		var choix_text_initiale = document.getElementById('initiale_to_use').value;
		
		html += document.getElementById('lang_initiale').value + "  ";
		
		if (choix_text_initiale != "") html += '<INPUT  TYPE="text" name="champs_saisi_text_initiale" id="champs_saisi_text_initiale" value="'+ choix_text_initiale +'" size="10" MAXLENGTH="8" onkeyup="save_choix_liste_deroulante_1_option();modify_price_option();" border="0" class="case">';
		else html += '<INPUT  TYPE="text" name="champs_saisi_text_initiale" id="champs_saisi_text_initiale" size="10" MAXLENGTH="8" onkeyup="save_choix_liste_deroulante_1_option();modify_price_option();" border="0" class="case">';
	}
	
	else if (select =="message")
	{
		var choix_message_initiale = document.getElementById('message_to_use').value;
		
		html += document.getElementById('lang_initiale').value + "  ";
		
		if (choix_message_initiale != "") html += '<INPUT  TYPE="text" name="champs_saisi_text_message" id="champs_saisi_text_message" value="'+ choix_message_initiale +'" size="10" MAXLENGTH="8" onkeyup="save_choix_liste_deroulante_1_option();modify_price_option();" border="0" class="case">';
		else html += '<INPUT  TYPE="text" name="champs_saisi_text_message" id="champs_saisi_text_message" size="10" MAXLENGTH="8" onkeyup="save_choix_liste_deroulante_1_option();modify_price_option();" border="0" class="case">';
		
		html += " +" + document.getElementById('prix_message_brode_format').value;
	}
		
		
	
	
	
	return html;
}

function choix_liste_2_option()
{
	
	var select = document.getElementById('selected_part_option').value;
	var max_of_color = document.getElementById('max_color').value;
	
	var html = '';

	if (select =="boutonniere")
	{
		var choix_couleur_boutonniere = document.getElementById('boutonniere_color_to_use').value;
		
		counter = 0;
		
		
		html +=document.getElementById('lang_couleur').value + "   ";
		html +="<select name='selected_couleur_boutonniere' id='selected_couleur_boutonniere' STYLE='width: 100px'>";
		while (counter < max_of_color)
		{
			var target = "name_couleur_" + counter;
			var id_color = "id_couleur_" + counter;
			var target_id = document.getElementById(id_color).value;
			var target_color = document.getElementById(target).value;
			
			
			
		if(choix_couleur_boutonniere == target_id) html += "<option value='"+ target_id +"' SELECTED onclick='save_choix_liste_deroulante_2_option();'>"+ document.getElementById(target).value +"</option>";
		else html += "<option value='"+ target_id +"' onclick='save_choix_liste_deroulante_2_option();'>"+ document.getElementById(target).value +"</option>";
		
		counter = counter +1;
		}
	}
	
	else if (select =="initiale")
	{
		var choix_couleur_initiale = document.getElementById('initiale_color_to_use').value;
		
		
		counter = 0;
		
		html +=document.getElementById('lang_couleur').value + "   ";
		html +="<select name='selected_couleur_initiale' id='selected_couleur_initiale' STYLE='width: 100px'>";
		while (counter < max_of_color)
		{
			var target = "name_couleur_" + counter;
			var id_color = "id_couleur_" + counter;
			var target_id = document.getElementById(id_color).value;
			var target_color = document.getElementById(target).value;
			
			
			
		if(choix_couleur_initiale == target_id) html += "<option value='"+ target_id +"' SELECTED onclick='save_choix_liste_deroulante_2_option();'>"+ document.getElementById(target).value +"</option>";
		else html += "<option value='"+ target_id +"' onclick='save_choix_liste_deroulante_2_option();'>"+ document.getElementById(target).value +"</option>";
		
		counter = counter +1;
		}
		
		
	}
	
	else if (select =="message")
	{
		var choix_couleur_message = document.getElementById('message_color_to_use').value;
		
		
		counter = 0;
		
		
		html +=document.getElementById('lang_couleur').value + "   ";
		html +="<select name='selected_couleur_message' id='selected_couleur_message' STYLE='width: 100px'>";
		while (counter < max_of_color)
		{
			var target = "name_couleur_" + counter;
			var id_color = "id_couleur_" + counter;
			var target_id = document.getElementById(id_color).value;
			var target_color = document.getElementById(target).value;
			
			
			
		if(choix_couleur_message == target_id) html += "<option value='"+ target_id +"' SELECTED onclick='save_choix_liste_deroulante_2_option();'>"+ document.getElementById(target).value +"</option>";
		else html += "<option value='"+ target_id +"' onclick='save_choix_liste_deroulante_2_option();'>"+ document.getElementById(target).value +"</option>";
		
		counter = counter +1;
		}
	}
	
	else if (select =="plastron")
	{
		var plastron_type = document.getElementById('plastron_type_to_use').value;

		
		html +=document.getElementById('lang_plastron').value + "   ";
		html +="<select name='selected_plastron_type' id='selected_plastron_type' STYLE='width: 150px'>";
		
			
		if(plastron_type == "plisse") html += "<option value='plisse' SELECTED onclick='save_choix_liste_deroulante_2_option();modify_price_option();'>"+ document.getElementById('lang_plastron_plisse').value +' + '+  document.getElementById('prix_tissu_plisse_format').value +"</option>";
		else html += "<option value='plisse' onclick='save_choix_liste_deroulante_2_option();modify_price_option();'>"+ document.getElementById('lang_plastron_plisse').value +' + '+ document.getElementById('prix_tissu_plisse_format').value +"</option>";

		if(plastron_type == "simple") html += "<option value='simple' SELECTED onclick='save_choix_liste_deroulante_2_option();modify_price_option();'>"+ document.getElementById('lang_plastron_simple').value +' + '+ document.getElementById('prix_tissu_simple_format').value +"</option>";
		else html += "<option value='simple' onclick='save_choix_liste_deroulante_2_option();modify_price_option();'>"+ document.getElementById('lang_plastron_simple').value +' + '+ document.getElementById('prix_tissu_simple_format').value +"</option>";

	}
	
	return html;
}

function choix_liste_3_option()
{
	
	var select = document.getElementById('selected_part_option').value;
	var max_style = document.getElementById('max_monog_style').value;
	
	var html = '';

	if (select =="initiale")
	{
		var choix_style_initiale = document.getElementById('police_initiale_to_use').value;
		
		
		counter = 0;
		
		html +=document.getElementById('lang_police').value + "   ";
		html +="<select name='selected_police_initiale' id='selected_police_initiale' STYLE='width: 100px'>";
		while (counter < max_style)
		{
			var target = "name_monog_" + counter;
			var id_color = "id_monog_" + counter;
			var target_id = document.getElementById(id_color).value;
			
			
			
		if(choix_style_initiale == target_id) html += "<option value='"+ target_id +"' SELECTED onclick='save_choix_liste_deroulante_3_option();'>"+ document.getElementById(target).value +"</option>";
		else html += "<option value='"+ target_id +"' onclick='save_choix_liste_deroulante_3_option();'>"+ document.getElementById(target).value +"</option>";
		
		counter = counter +1;
		}
		
		
	}
	
	else if (select =="message")
	{
		var choix_style_message = document.getElementById('police_message_to_use').value;
		
		
		counter = 0;
		
		html +=document.getElementById('lang_police').value + "   ";
		html +="<select name='selected_police_initiale' id='selected_police_initiale' STYLE='width: 100px'>";
		while (counter < max_style)
		{
			var target = "name_monog_" + counter;
			var id_color = "id_monog_" + counter;
			var target_id = document.getElementById(id_color).value;
			
			
			
		if(choix_style_message == target_id) html += "<option value='"+ target_id +"' SELECTED onclick='save_choix_liste_deroulante_3_option();'>"+ document.getElementById(target).value +"</option>";
		else html += "<option value='"+ target_id +"' onclick='save_choix_liste_deroulante_3_option();'>"+ document.getElementById(target).value +"</option>";
		
		counter = counter +1;
		}
		
		
	}
	
	return html;
}

function save_choix_liste_deroulante_1_option()
{	
//Sauver le choix des textes
	var select = document.getElementById('selected_part_option').value;
	
	if  (select =="initiale")
	{
		if ((document.getElementById('champs_saisi_text_initiale').value) == "") document.getElementById('initiale_select_or_not').value='sans';
		else
		{
			document.getElementById('initiale_to_use').value=document.getElementById('champs_saisi_text_initiale').value;
			document.getElementById('initiale_select_or_not').value='avec';
		}
		
	}
	else if (select == "message")
	{
		document.getElementById('message_to_use').value=document.getElementById('champs_saisi_text_message').value;
	}
	
}

function save_choix_liste_deroulante_2_option()
{	
//Sauver le choix des couleurs
	var select = document.getElementById('selected_part_option').value;
	
	if  (select =="boutonniere")
	{
		document.getElementById('boutonniere_color_to_use').value=document.getElementById('selected_couleur_boutonniere').value;
		
	}
	else if (select == "initiale")
	{
		document.getElementById('initiale_color_to_use').value=document.getElementById('selected_couleur_initiale').value;

	}
	else if (select == "message")
	{
		document.getElementById('message_color_to_use').value=document.getElementById('selected_couleur_message').value;

	}
	else if (select == "plastron")
	{
		document.getElementById('plastron_type_to_use').value=document.getElementById('selected_plastron_type').value;

	}

}

function save_choix_liste_deroulante_3_option()
{	
//Sauver le choix des polices
	var select = document.getElementById('selected_part_option').value;
	
	if  (select =="initiale")
	{
		document.getElementById('police_initiale_to_use').value=document.getElementById('selected_police_initiale').value;
		
	}
	else if (select == "message")
	{
		document.getElementById('police_message_to_use').value=document.getElementById('selected_police_initiale').value;

	}

}

function change_img_to_show_option()
{
//modifie la source des images en fonction de la partie selectionnée
	var select = document.getElementById('selected_part_option').value;
	var img_to_apply = "";
	var target_hidden = "";
	var i=0;
	

	var liste1 = document.getElementById('span_liste_deroulante_1_option');
	var liste2 = document.getElementById('span_liste_deroulante_2_option');
	var liste3 = document.getElementById('span_liste_deroulante_3_option');


	
	var nombre = 0;
	
	
	//Show/hide liste déroulante

		if (select == 'boutonniere')
		{
			
			liste1.className = "v3d_hidden";
			liste2.className = "v3d_Small_txt";
			liste3.className = "v3d_hidden";
		}
		else if(select == 'initiale')
		{
			liste1.className = "v3d_Small_txt";
			liste2.className = "v3d_Small_txt";
			liste3.className = "v3d_Small_txt";
		}
		else if(select == 'message')
		{
			liste1.className = "v3d_Small_txt";
			liste2.className = "v3d_Small_txt";
			liste3.className = "v3d_Small_txt";
		}
		else if(select == 'plastron')
		{
			liste1.className = "v3d_hidden";
			liste2.className = "v3d_Small_txt";
			liste3.className = "v3d_hidden";
		}
		else
		{
			liste1.className = "v3d_hidden";
			liste2.className = "v3d_hidden";
			liste3.className = "v3d_hidden";
		}


	
	
	if (select == 'bouton')
	{
		nombre = document.getElementById('max_bouton').value;
	}
	else if (select == 'boutonniere')
	{
		nombre = document.getElementById('max_boutonniere').value;
	}
	else if (select == 'coupe')
	{
		nombre = document.getElementById('max_coupe').value;
	}
	else if (select == 'initiale')
	{
		nombre = document.getElementById('max_initiale').value;
	}
	else if (select == 'message')
	{
		nombre = document.getElementById('max_message').value;
	}
	else if (select == 'plastron')
	{
		nombre = document.getElementById('max_plastron').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_option();
}

function synchro_hidden_img_to_show_avec_img_reel_option()
{
//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_option').value;
	
	if (select == 'bouton')
	{
		nombre = document.getElementById('max_bouton').value;
	}
	else if (select == 'boutonniere')
	{
		nombre = document.getElementById('max_boutonniere').value;
	}
	else if (select == 'coupe')
	{
		nombre = document.getElementById('max_coupe').value;
	}
	else if (select == 'initiale')
	{
		nombre = document.getElementById('max_initiale').value;
	}
	else if (select == 'message')
	{
		nombre = document.getElementById('max_message').value;
	}
	else if (select == 'plastron')
	{
		nombre = document.getElementById('max_plastron').value;
	}
	
		max  = document.getElementById('max_img').value;
		
	 
		while(i < nombre)
		{
		
		var targety ="img_" + i;
		var targety2 ='img_to_show_' + i;
		var div_name ="option_selected_item" + i;

		if (select == 'bouton')
		{
			document.images[targety].height = "60";
		}
		else if (select == 'coupe')
		{
			document.images[targety].height = "85";
		}
		else if (select == 'initiale')
		{
			document.images[targety].height = "75";
		}
		else if (select == 'plastron')
		{
			document.images[targety].height = "178";
		}
		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 ="option_selected_item" + i;
		
		selected_div = document.getElementById(div_name);
		
		
		
		selected_div.className = "v3d_hidden";
		
		
		i=i+1;		
		}
		
		
		
		document.getElementById("div_scroll_bar").scrollTop = 0;
		self.location.hash="go_top_scroll_bar2";
		
}

function init_check_radio_option(color_boutonniere,bouton,coupe,initiale,text_initiale,color_initiale,position_initiale,police_initiale,text_message,color_message,police_message,plastron,plastron_confirm,plastron_type)
{
	if(color_boutonniere != "-9999") document.getElementById('boutonniere_color_to_use').value=color_boutonniere;
	if(bouton != "-9999") document.getElementById('bouton_to_use').value=bouton;
	if(coupe != "-9999") document.getElementById('coupe_to_use').value=coupe;
	if(initiale != "-9999") document.getElementById('initiale_select_or_not').value=initiale;
	if(text_initiale != "-9999") document.getElementById('initiale_to_use').value=text_initiale;
	if(color_initiale != "-9999") document.getElementById('initiale_color_to_use').value=color_initiale;
	if(position_initiale != "-9999") document.getElementById('position_initiale_to_use').value=position_initiale;
	if(police_initiale != "-9999") document.getElementById('police_initiale_to_use').value=police_initiale;
	if(text_message != "-9999") document.getElementById('message_to_use').value=text_message;
	if(color_message != "-9999") document.getElementById('message_color_to_use').value=color_message;
	if(police_message != "-9999") document.getElementById('police_message_to_use').value=police_message;
	if(plastron != "-9999") document.getElementById('plastron_to_use').value=plastron;
	if(plastron_confirm != "-9999") document.getElementById('plastron_to_use_confirm').value=plastron_confirm;
	if(plastron_type != "-9999") document.getElementById('plastron_type_to_use').value=plastron_type;
}

function init_check_radio_menu_option()
{
	var select = document.getElementById('selected_part_option').value;
	
	var target_radio = 'option_' + select;
	
	document.getElementById(target_radio).checked=true;
}

function modify_price_option()
{
	var select = document.getElementById('selected_part_option').value;
	
	if (select == "bouton")
	{
		document.getElementById('price_bouton_option').value = 0;
		//modifiation du prix si bouton en nacre(id 183)
		if ((document.getElementById('bouton_to_use').value) == 183) document.getElementById('price_bouton_option').value = document.getElementById('prix_bouton_nacre').value;
	}
	
	if (select == "message")
	{
		document.getElementById('price_message_option').value = 0;
		//modification du prix si un message a été entré
		if ((document.getElementById('message_to_use').value) != "") 
		{
		document.getElementById('price_message_option').value = document.getElementById('prix_message_brode').value;
		}
	}
	if (select == "plastron")
	{
		document.getElementById('price_plastron_option').value = 0;
		//modifiation du prix si plastron choisit(id 371)
		if((document.getElementById('plastron_to_use').value) != 371)
		{
			if ((document.getElementById('plastron_type_to_use').value) == "plisse") document.getElementById('price_plastron_option').value = document.getElementById('prix_tissu_plisse').value;
			else if ((document.getElementById('plastron_type_to_use').value) == "simple") document.getElementById('price_plastron_option').value = document.getElementById('prix_tissu_simple').value;
		}
	}
	
	modify_show_price();
}

function modify_show_price_option()
{
	var total = "";
	var price_plastron = document.getElementById('price_plastron_option').value;
	var price_message = document.getElementById('price_message_option').value;
	var price_bouton = document.getElementById('price_bouton_option').value;
	
	total = parseInt(price_plastron,10) + parseInt(price_message,10) + parseInt(price_bouton,10);
	
	total = format_price(total);
	
	document.getElementById('price_on_live').innerHTML = document.getElementById('lang_prix_chem').value + " " +total;
	
	
}

///////////////////////////////////////////////////////////////////////////////////
/////////////////Fonction pour l'affichage d'un prix type//////////////////////////

function modify_show_price()
{
	var total = "";
	var price_plastron = document.getElementById('price_plastron_option').value;
	var price_message = document.getElementById('price_message_option').value;
	var price_bouton = document.getElementById('price_bouton_option').value;
	var price_nb_poche = document.getElementById('price_deux_poche').value;
	var price_poche_rabat = document.getElementById('price_poche_rabat').value;
	var price_tissu_corps = document.getElementById('price_tissu_corps').value;
	var price_tissu_col_poignet = document.getElementById('price_tissu_col_poignet').value;
	var price_tissu_col_poignet_int = document.getElementById('price_tissu_col_poignet_int').value;
	
	//alert(" plastron :" + document.getElementById('price_plastron_option').value+" message :" + document.getElementById('price_message_option').value+" bouton :" + document.getElementById('price_bouton_option').value+" poche :" + document.getElementById('price_deux_poche').value+" rabat :" + document.getElementById('price_poche_rabat').value+" corps :" + document.getElementById('price_tissu_corps').value+" col :" + document.getElementById('price_tissu_col_poignet').value+" int :" + document.getElementById('price_tissu_col_poignet_int').value);
	
	
	total = parseInt(price_plastron,10) + parseInt(price_message,10) + parseInt(price_bouton,10) + parseInt(price_nb_poche,10) + parseInt(price_poche_rabat,10) + parseInt(price_tissu_corps,10) +parseInt(price_tissu_col_poignet,10) + parseInt(price_tissu_col_poignet_int,10);
	
	
	total = format_price(total);
	
	
	document.getElementById('price_on_live').innerHTML = document.getElementById('lang_prix_chem').value + " " +total;
	
}

function format_price(value)
{
	var format_value = "";
	var temp_value = number_format_js(value,2,document.getElementById('separateur_unite').value,document.getElementById('separateur_millier').value);
	
	var symbole = document.getElementById('symbole_prix').value;
	var position_symbole = document.getElementById('position_symbole_prix').value;
	
	if (position_symbole == 0)	format_value = temp_value + " " + symbole;
	else format_value =  symbole + temp_value;
	
	return format_value;
}

function number_format_js( number, decimals, dec_point, thousands_sep ) 
{
	var n = number, c = isNaN(decimals = Math.abs(decimals)) ? 2 : decimals;
	var d = dec_point == undefined ? "," : dec_point;
	var t = thousands_sep == undefined ? "." : thousands_sep, s = n < 0 ? "-" : "";
	var i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;
	
	return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
}

////////////////////////////////////////////////////////////////////////////////////
////////////////////// Initialisation Viewer////////////////////////////////////////


function init_viewer(vignette,size,flashvars,params,attributes)
{
				var swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("<script id=__ie_ondomload defer=true src=//:><\/script>");J=C("__ie_ondomload");if(J){I(J,"onreadystatechange",S)}}catch(q){}}if(h.webkit&&typeof K.readyState!=b){Z=setInterval(function(){if(/loaded|complete/.test(K.readyState)){E()}},10)}if(typeof K.addEventListener!=b){K.addEventListener("DOMContentLoaded",E,null)}R(E)}();function S(){if(J.readyState=="complete"){J.parentNode.removeChild(J);E()}}function E(){if(e){return }if(h.ie&&h.win){var v=a("span");try{var u=K.getElementsByTagName("body")[0].appendChild(v);u.parentNode.removeChild(u)}catch(w){return }}e=true;if(Z){clearInterval(Z);Z=null}var q=o.length;for(var r=0;r<q;r++){o[r]()}}function f(q){if(e){q()}else{o[o.length]=q}}function R(r){if(typeof j.addEventListener!=b){j.addEventListener("load",r,false)}else{if(typeof K.addEventListener!=b){K.addEventListener("load",r,false)}else{if(typeof j.attachEvent!=b){I(j,"onload",r)}else{if(typeof j.onload=="function"){var q=j.onload;j.onload=function(){q();r()}}else{j.onload=r}}}}}function H(){var t=N.length;for(var q=0;q<t;q++){var u=N[q].id;if(h.pv[0]>0){var r=C(u);if(r){N[q].width=r.getAttribute("width")?r.getAttribute("width"):"0";N[q].height=r.getAttribute("height")?r.getAttribute("height"):"0";if(c(N[q].swfVersion)){if(h.webkit&&h.webkit<312){Y(r)}W(u,true)}else{if(N[q].expressInstall&&!A&&c("6.0.65")&&(h.win||h.mac)){k(N[q])}else{O(r)}}}}else{W(u,true)}}}function Y(t){var q=t.getElementsByTagName(Q)[0];if(q){var w=a("embed"),y=q.attributes;if(y){var v=y.length;for(var u=0;u<v;u++){if(y[u].nodeName=="DATA"){w.setAttribute("src",y[u].nodeValue)}else{w.setAttribute(y[u].nodeName,y[u].nodeValue)}}}var x=q.childNodes;if(x){var z=x.length;for(var r=0;r<z;r++){if(x[r].nodeType==1&&x[r].nodeName=="PARAM"){w.setAttribute(x[r].getAttribute("name"),x[r].getAttribute("value"))}}}t.parentNode.replaceChild(w,t)}}function k(w){A=true;var u=C(w.id);if(u){if(w.altContentId){var y=C(w.altContentId);if(y){M=y;l=w.altContentId}}else{M=G(u)}if(!(/%$/.test(w.width))&&parseInt(w.width,10)<310){w.width="310"}if(!(/%$/.test(w.height))&&parseInt(w.height,10)<137){w.height="137"}K.title=K.title.slice(0,47)+" - Flash Player Installation";var z=h.ie&&h.win?"ActiveX":"PlugIn",q=K.title,r="MMredirectURL="+j.location+"&MMplayerType="+z+"&MMdoctitle="+q,x=w.id;if(h.ie&&h.win&&u.readyState!=4){var t=a("div");x+="SWFObjectNew";t.setAttribute("id",x);u.parentNode.insertBefore(t,u);u.style.display="none";var v=function(){u.parentNode.removeChild(u)};I(j,"onload",v)}U({data:w.expressInstall,id:m,width:w.width,height:w.height},{flashvars:r},x)}}function O(t){if(h.ie&&h.win&&t.readyState!=4){var r=a("div");t.parentNode.insertBefore(r,t);r.parentNode.replaceChild(G(t),r);t.style.display="none";var q=function(){t.parentNode.removeChild(t)};I(j,"onload",q)}else{t.parentNode.replaceChild(G(t),t)}}function G(v){var u=a("div");if(h.win&&h.ie){u.innerHTML=v.innerHTML}else{var r=v.getElementsByTagName(Q)[0];if(r){var w=r.childNodes;if(w){var q=w.length;for(var t=0;t<q;t++){if(!(w[t].nodeType==1&&w[t].nodeName=="PARAM")&&!(w[t].nodeType==8)){u.appendChild(w[t].cloneNode(true))}}}}}return u}function U(AG,AE,t){var q,v=C(t);if(v){if(typeof AG.id==b){AG.id=t}if(h.ie&&h.win){var AF="";for(var AB in AG){if(AG[AB]!=Object.prototype[AB]){if(AB.toLowerCase()=="data"){AE.movie=AG[AB]}else{if(AB.toLowerCase()=="styleclass"){AF+=' class="'+AG[AB]+'"'}else{if(AB.toLowerCase()!="classid"){AF+=" "+AB+'="'+AG[AB]+'"'}}}}}var AD="";for(var AA in AE){if(AE[AA]!=Object.prototype[AA]){AD+='<param name="'+AA+'" value="'+AE[AA]+'" />'}}v.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+AF+">"+AD+"</object>";i[i.length]=AG.id;q=C(AG.id)}else{if(h.webkit&&h.webkit<312){var AC=a("embed");AC.setAttribute("type",P);for(var z in AG){if(AG[z]!=Object.prototype[z]){if(z.toLowerCase()=="data"){AC.setAttribute("src",AG[z])}else{if(z.toLowerCase()=="styleclass"){AC.setAttribute("class",AG[z])}else{if(z.toLowerCase()!="classid"){AC.setAttribute(z,AG[z])}}}}}for(var y in AE){if(AE[y]!=Object.prototype[y]){if(y.toLowerCase()!="movie"){AC.setAttribute(y,AE[y])}}}v.parentNode.replaceChild(AC,v);q=AC}else{var u=a(Q);u.setAttribute("type",P);for(var x in AG){if(AG[x]!=Object.prototype[x]){if(x.toLowerCase()=="styleclass"){u.setAttribute("class",AG[x])}else{if(x.toLowerCase()!="classid"){u.setAttribute(x,AG[x])}}}}for(var w in AE){if(AE[w]!=Object.prototype[w]&&w.toLowerCase()!="movie"){F(u,w,AE[w])}}v.parentNode.replaceChild(u,v);q=u}}}return q}function F(t,q,r){var u=a("param");u.setAttribute("name",q);u.setAttribute("value",r);t.appendChild(u)}function X(r){var q=C(r);if(q&&(q.nodeName=="OBJECT"||q.nodeName=="EMBED")){if(h.ie&&h.win){if(q.readyState==4){B(r)}else{j.attachEvent("onload",function(){B(r)})}}else{q.parentNode.removeChild(q)}}}function B(t){var r=C(t);if(r){for(var q in r){if(typeof r[q]=="function"){r[q]=null}}r.parentNode.removeChild(r)}}function C(t){var q=null;try{q=K.getElementById(t)}catch(r){}return q}function a(q){return K.createElement(q)}function I(t,q,r){t.attachEvent(q,r);d[d.length]=[t,q,r]}function c(t){var r=h.pv,q=t.split(".");q[0]=parseInt(q[0],10);q[1]=parseInt(q[1],10)||0;q[2]=parseInt(q[2],10)||0;return(r[0]>q[0]||(r[0]==q[0]&&r[1]>q[1])||(r[0]==q[0]&&r[1]==q[1]&&r[2]>=q[2]))?true:false}function V(v,r){if(h.ie&&h.mac){return }var u=K.getElementsByTagName("head")[0],t=a("style");t.setAttribute("type","text/css");t.setAttribute("media","screen");if(!(h.ie&&h.win)&&typeof K.createTextNode!=b){t.appendChild(K.createTextNode(v+" {"+r+"}"))}u.appendChild(t);if(h.ie&&h.win&&typeof K.styleSheets!=b&&K.styleSheets.length>0){var q=K.styleSheets[K.styleSheets.length-1];if(typeof q.addRule==Q){q.addRule(v,r)}}}function W(t,q){var r=q?"visible":"hidden";if(e&&C(t)){C(t).style.visibility=r}else{V("#"+t,"visibility:"+r)}}function g(s){var r=/[\\\"<>\.;]/;var q=r.exec(s)!=null;return q?encodeURIComponent(s):s}var D=function(){if(h.ie&&h.win){window.attachEvent("onunload",function(){var w=d.length;for(var v=0;v<w;v++){d[v][0].detachEvent(d[v][1],d[v][2])}var t=i.length;for(var u=0;u<t;u++){X(i[u])}for(var r in h){h[r]=null}h=null;for(var q in swfobject){swfobject[q]=null}swfobject=null})}}();return{registerObject:function(u,q,t){if(!h.w3cdom||!u||!q){return }var r={};r.id=u;r.swfVersion=q;r.expressInstall=t?t:false;N[N.length]=r;W(u,false)},getObjectById:function(v){var q=null;if(h.w3cdom){var t=C(v);if(t){var u=t.getElementsByTagName(Q)[0];if(!u||(u&&typeof t.SetVariable!=b)){q=t}else{if(typeof u.SetVariable!=b){q=u}}}}return q},embedSWF:function(x,AE,AB,AD,q,w,r,z,AC){if(!h.w3cdom||!x||!AE||!AB||!AD||!q){return }AB+="";AD+="";if(c(q)){W(AE,false);var AA={};if(AC&&typeof AC===Q){for(var v in AC){if(AC[v]!=Object.prototype[v]){AA[v]=AC[v]}}}AA.data=x;AA.width=AB;AA.height=AD;var y={};if(z&&typeof z===Q){for(var u in z){if(z[u]!=Object.prototype[u]){y[u]=z[u]}}}if(r&&typeof r===Q){for(var t in r){if(r[t]!=Object.prototype[t]){if(typeof y.flashvars!=b){y.flashvars+="&"+t+"="+r[t]}else{y.flashvars=t+"="+r[t]}}}}f(function(){U(AA,y,AE);if(AA.id==AE){W(AE,true)}})}else{if(w&&!A&&c("6.0.65")&&(h.win||h.mac)){A=true;W(AE,false);f(function(){var AF={};AF.id=AF.altContentId=AE;AF.width=AB;AF.height=AD;AF.expressInstall=w;k(AF)})}}},getFlashPlayerVersion:function(){return{major:h.pv[0],minor:h.pv[1],release:h.pv[2]}},hasFlashPlayerVersion:c,createSWF:function(t,r,q){if(h.w3cdom){return U(t,r,q)}else{return undefined}},removeSWF:function(q){if(h.w3cdom){X(q)}},createCSS:function(r,q){if(h.w3cdom){V(r,q)}},addDomLoadEvent:f,addLoadEvent:R,getQueryParamValue:function(v){var u=K.location.search||K.location.hash;if(v==null){return g(u)}if(u){var t=u.substring(1).split("&");for(var r=0;r<t.length;r++){if(t[r].substring(0,t[r].indexOf("="))==v){return g(t[r].substring((t[r].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(A&&M){var q=C(m);if(q){q.parentNode.replaceChild(M,q);if(l){W(l,true);if(h.ie&&h.win){M.style.display="block"}}M=null;l=null;A=false}}}}}();		
				
				
				var viewerUrl = "";  //Build Viewer Path to Viewer swf
	
	
				
 				viewerUrl += S7Config.isViewerRoot;
 				viewerUrl += "flash/" + viewerType + ".swf?";
 				viewerUrl += "&serverUrl=" + S7Config.isRoot;
 				viewerUrl += "&contentRoot=" + S7Config.skinsRoot;
 				viewerUrl += "&instanceName=" + myName;
 				viewerUrl += "&image=PernacRender%3Fsrc%3Dir{PernacRender/" + vignette;
				viewerUrl += "%3Fwid%3D" + size;
 				viewerUrl += "}&config=" + configName;
				
				
				alert(viewerUrl);
				
				swfobject.embedSWF(viewerUrl, "myContent", "400", "500", "7.0.14.0", "scene7/resources/expressInstall/expressInstall.swf", flashvars, params, attributes);				//Add Viewer to page into the myContent div element, at 600 x 600 pixels, checking for flash version 6,0,65 before allowing initialization to proceed, otherwise show the default div content
				
}



//////////////////////////////////////////////////
////////Modification de la bottom bar/////////////

//Pour la section tissu
function v3d_change_infos_detail_tissu(tissu_id)
{
	var name_det_tissu_id_ref = 'tissu_id_ref_' + tissu_id;
	var name_det_Material_type = 'Material_type_' + tissu_id;
	var name_det_Tissage = 'Tissage_' + tissu_id;
	var name_det_Description = 'Description_' + tissu_id;
	var name_det_Main_colour = 'Main_colour_' + tissu_id;
	var name_det_Motif = 'Motif_' + tissu_id;
	var name_det_Technical_details = 'Technical_details_' + tissu_id;
	var name_det_Saison_type = 'Saison_type_' + tissu_id;
	
	
	
	//alert(name_det_tissu_id_ref);
	
	
	 document.getElementById('det_tissu_id_ref').innerHTML = document.getElementById(name_det_tissu_id_ref).value; 
	 
	 
	 
	 document.getElementById('det_Material_type').innerHTML = document.getElementById(name_det_Material_type).value; 
	 document.getElementById('det_Tissage').innerHTML = document.getElementById(name_det_Tissage).value; 
	 document.getElementById('det_Description').innerHTML = document.getElementById(name_det_Description).value; 
	 document.getElementById('det_Main_colour').innerHTML = document.getElementById(name_det_Main_colour).value; 
	 document.getElementById('det_Motif').innerHTML = document.getElementById(name_det_Motif).value; 
	 document.getElementById('det_Technical_details').innerHTML = document.getElementById(name_det_Technical_details).value; 
	 document.getElementById('det_Saison_type').innerHTML = document.getElementById(name_det_Saison_type).value; 
	
	 																				
																				
}




//Pour la section forme
function v3d_change_infos_detail_forme(img_num)
{
	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; 
	
	if((select == 'col') || (select == 'poignet'))
	{
		document.getElementById('span_bouton').innerHTML = document.getElementById(bouton).value; 
		document.getElementById('span_txt_bouton').innerHTML = document.getElementById('lang_bouton').value;
		
		if(select == 'col')
		{
			document.getElementById('span_txt_pointe').innerHTML = document.getElementById('lang_pointe').value;
			document.getElementById('span_pointe').innerHTML = document.getElementById(pointe).value + " cm"; 
			document.getElementById('span_txt_pied').innerHTML = document.getElementById('lang_pied').value;
			document.getElementById('span_pied').innerHTML = document.getElementById(pied).value + " cm"; 
		}
		else 
		{
			document.getElementById('span_txt_pointe').innerHTML = ''; 
			document.getElementById('span_pointe').innerHTML = ''; 
			document.getElementById('span_txt_pied').innerHTML = ''; 
			document.getElementById('span_pied').innerHTML = ''; 
		}
	}
	else
	{
		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;
}



//Pour la section options
function v3d_change_infos_detail_option(img_num)
{
	var select = document.getElementById('selected_part_option').value;

	var ref = 'ref_' + select + '_' + img_num;
	var description = 'description_' + select + '_' + img_num;
	
	document.getElementById('span_forme_ref').innerHTML = document.getElementById(ref).value; 
	document.getElementById('span_description').innerHTML = document.getElementById(description).value;
}


//Remise à zéro pour forme
// permet de mettre à jour les details infos de la forme selectionné au chargement de la page notamenent si on vient d'une autre partie du configurateur

function v3d_reset_infos_detail_forme()
{
	
	
	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;

			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(counter);
				
				counter = counter +1;
			}
}
	


//Remise à zéro pour option
function v3d_reset_infos_detail_option()
{

	var select = document.getElementById('selected_part_option').value;
	var select_part = "";
	
	if(select == "initiale") select_part = "position_initiale_to_use";
	else  select_part = 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;

			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_option(counter);
				
				else if (select_part_hidden == "")
				{
					document.getElementById('span_forme_ref').innerHTML = ''; 
					document.getElementById('span_description').innerHTML = '';
				}
				
				counter = counter +1;
			}
}


//////////////////////////////

function v3d_init_selected(tissu_id)
{
	document.getElementById('selected_id_to_init').value=tissu_id; 	
}





function v3d_init_change_infos_detail_tissu()
{
	
	
	var tissu_id=document.getElementById('selected_id_to_init').value;
	
	if(tissu_id!='')
	{
	
			var name_det_tissu_id_ref = 'tissu_id_ref_' + tissu_id;
			var name_det_Material_type = 'Material_type_' + tissu_id;
			var name_det_Tissage = 'Tissage_' + tissu_id;
			var name_det_Description = 'Description_' + tissu_id;
			var name_det_Main_colour = 'Main_colour_' + tissu_id;
			var name_det_Motif = 'Motif_' + tissu_id;
			var name_det_Technical_details = 'Technical_details_' + tissu_id;
			var name_det_Saison_type = 'Saison_type_' + tissu_id;
			
			
			 document.getElementById('det_tissu_id_ref').innerHTML = document.getElementById(name_det_tissu_id_ref).value; 
			 
			 
			 
			 document.getElementById('det_Material_type').innerHTML = document.getElementById(name_det_Material_type).value; 
			 document.getElementById('det_Tissage').innerHTML = document.getElementById(name_det_Tissage).value; 
			 document.getElementById('det_Description').innerHTML = document.getElementById(name_det_Description).value; 
			 document.getElementById('det_Main_colour').innerHTML = document.getElementById(name_det_Main_colour).value; 
			 document.getElementById('det_Motif').innerHTML = document.getElementById(name_det_Motif).value; 
			 document.getElementById('det_Technical_details').innerHTML = document.getElementById(name_det_Technical_details).value; 
			 document.getElementById('det_Saison_type').innerHTML = document.getElementById(name_det_Saison_type).value; 
	}
	else
	 {
		 	 document.getElementById('det_tissu_id_ref').innerHTML = '';
			 
			 
			 
			 document.getElementById('det_Material_type').innerHTML = '';
			 document.getElementById('det_Tissage').innerHTML = '';
			 document.getElementById('det_Description').innerHTML = '';
			 document.getElementById('det_Main_colour').innerHTML = '';
			 document.getElementById('det_Motif').innerHTML = '';
			 document.getElementById('det_Technical_details').innerHTML = '';
			 document.getElementById('det_Saison_type').innerHTML = '';
	 }
			
			
																				
}




function v3d_redirect_to_from_part_tissu_etape_suivante(receive)
{
	
	document.v3d_select_tissu.step_to.value = receive;
	

}	


function v3d_redirect_to_from_tissu(receive)
{
	
	document.v3d_select_tissu.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	document.v3d_select_tissu.submit();
}	






function v3d_redirect_to_from_part_forme_etape_suivante(receive)
{
	
	document.v3d_select_forme.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	
}	



function v3d_redirect_to_from_part_forme(receive)
{
	
	document.v3d_select_forme.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	document.v3d_select_forme.submit();
}	






function v3d_redirect_to_from_part_option_etape_suivante(receive)
{
	
	document.v3d_select_option.step_to.value = receive;
	

}	


function v3d_redirect_to_from_part_forme_veste(receive)
{
	
	document.v3d_select_forme_veste.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	document.v3d_select_forme_veste.submit();
}

function v3d_redirect_to_from_part_forme_pant(receive)
{
	
	document.v3d_select_forme_pant.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	document.v3d_select_forme_pant.submit();
}	



function v3d_redirect_to_from_part_option(receive)
{
	
	document.v3d_select_option.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	document.v3d_select_option.submit();
}	


function v3d_redirect_to_from_part_validation(receive)
{
	
	document.v3d_select_validation.step_to.value = receive;
	
	//var vliou=document.getElementsByName("select_type_part_html_redirect")[0].value;
	//v3d_change_redirect_html(vliou);
	
	document.v3d_select_validation.submit();
}	


function v3d_change_redirect_html(type_html_part) 
{
		
		
		var obj2 = document.getElementById("step_to");
		var setp_to = obj2.value;
		var step_to_html= step_tissus;
		
		
															
															if(document.getElementById("step_to").value == "step_tissus")
															{	step_to_html= step_tissus;
															}
																							
															
															if(document.getElementById("step_to").value == "step_coupe_veste")
																{
																step_to_html= step_coupe_veste;
																}	
															if(document.getElementById("step_to").value == "step_col_veste")
															{
																step_to_html= step_col_veste;
															}
															if(document.getElementById("step_to").value == "step_bas_veste")
															{
																step_to_html= step_bas_veste;
															
															}
															if(document.getElementById("step_to").value == "step_poignet_veste")
															{
																	step_to_html= step_poignet_veste;
																
															}
															if(document.getElementById("step_to").value == "step_poche_veste")
															{
																		step_to_html= step_poche_veste;
															}	
															if(document.getElementById("step_to").value == "step_pant_coupe")
															{
																		step_to_html= step_pant_coupe;
															}	
															if(document.getElementById("step_to").value == "step_pant_poche")
															{
																	step_to_html= step_pant_poche;
															}	
															if(document.getElementById("step_to").value == "step_poche")
															{
																	step_to_html= step_poche;
																
															}
															if(document.getElementById("step_to").value == "step_lining")
															{
																	step_to_html= step_lining;
															}
														
															if(document.getElementById("step_to").value == "step_options")
															{
																	step_to_html= step_options;
															}
															if(document.getElementById("step_to").value == "step_validation")
																{
																	step_to_html= step_validation;
																}	
													
													
													
													
															if(document.getElementById("step_to").value == "step_tissu")
															{	step_to_html= step_tissu;
															}
															
																if(document.getElementById("step_to").value == "step_col")
															{	step_to_html= step_col;
															}
															
															if(document.getElementById("step_to").value == "step_poignet")
															{	step_to_html= step_poignet;
															}
															
															if(document.getElementById("step_to").value == "step_poche")
															{	step_to_html= step_poche;
															}
															
															if(document.getElementById("step_to").value == "step_dos")
															{	step_to_html= step_dos;
															}
															
															if(document.getElementById("step_to").value == "step_bas")
															{	step_to_html= step_bas;
															}
															
															if(document.getElementById("step_to").value == "step_gorge")
															{	step_to_html= step_gorge;
															}
															
															if(document.getElementById("step_to").value == "step_boutons")
															{	step_to_html= step_boutons;
															}
															
															if(document.getElementById("step_to").value == "step_coupe")
															{	step_to_html= step_coupe;
															}
															
																if(document.getElementById("step_to").value == "step_monog")
															{
																	step_to_html= step_monog;
															}
															
															if(document.getElementById("step_to").value == "step_gillet_coupe")
															{
																	step_to_html= step_gillet_coupe;
															}
													
													
														
														
														
													
									if(type_html_part=='suit')				
										{
												var val=crea_suit+step_to_html+".html";
												var namy=document.getElementsByName("name_form")[0].value;
												document.getElementsByName(namy)[0].action= val;	
										}			
										
										if(type_html_part=='coat')				
										{
												var val=crea_coat+step_to_html+".html";
												var namy=document.getElementsByName("name_form")[0].value;
												document.getElementsByName(namy)[0].action= val;	
										}			
										
									if(type_html_part=='veste')				
										{
												var val=crea_veste+step_to_html+".html";
												var namy=document.getElementsByName("name_form")[0].value;
												document.getElementsByName(namy)[0].action= val;	
										}			
										
								if(type_html_part=='gilet')				
										{
												var val=crea_gillet+step_to_html+".html";
												var namy=document.getElementsByName("name_form")[0].value;
												document.getElementsByName(namy)[0].action= val;	
										}			
										
										if(type_html_part=='pant')				
										{
												var val=crea_pant+step_to_html+".html";
												var namy=document.getElementsByName("name_form")[0].value;
												document.getElementsByName(namy)[0].action= val;	
										}			
										
										
										if(type_html_part=='shirt')				
										{
												var val=crea_chem+step_to_html+".html";
												var namy=document.getElementsByName("name_form")[0].value;
												document.getElementsByName(namy)[0].action= val;	
										
										}			
										
		
}


function v3d_change_to_red_from_tissu(ref)
{
	var named = "couleur_selected_item";
	var named2= "infos_item_bold";
	
	var count=0;
	
	
	while(typeof(document.getElementsByName("pict_tiss")[count] ) != "undefined" )
	{
		
		if(document.getElementsByName("pict_tiss")[count].checked==false)
		  {
		  		var finishname2= named + document.getElementsByName("pict_tiss")[count].id;
		  		var obj2 = document.getElementById(finishname2);
					obj2.className = "Small_txt";
					
					var finishname3= named2 + document.getElementsByName("pict_tiss")[count].id;
		  		var obj2 = document.getElementById(finishname3);
					obj2.className = "Normal_txt_bold";
		  }
		else
			{
				
					var finishname2= named + document.getElementsByName("pict_tiss")[count].id;
		  		var obj2 = document.getElementById(finishname2);
					obj2.className = "Small_txt_red";
					
					var finishname3= named2 + document.getElementsByName("pict_tiss")[count].id;
		  		var obj2 = document.getElementById(finishname3);
					obj2.className = "Normal_txt_bold_red";
					
			}
		count=count+1;
	}
	
	
	
}


function v3d_change_to_red_from_tissu_from_pict(ref)
{

	var target_div = '';
	var target = '';
	var count=0;
		
	while(typeof(document.getElementsByName("pict_tiss")[count] ) != "undefined" )
	{
		if(document.getElementsByName("pict_tiss")[count].id== ref) 
			document.getElementsByName("pict_tiss")[count].checked=true;
			
		else
			document.getElementsByName("pict_tiss")[count].checked=false;
			
		
		
		count=count+1;
	}
	v3d_change_to_red_from_tissu(ref);

}


function v3d_syst_onclick_change_select_pic(input)
{
			document.images["pic_select_tiss"].src = input;
}




///////////////////////////////////////////////////
/////////////////////TEST DU Navigateur////////////

function test_internet_browser()
{
	var navigateur = navigator.appName;
	
	alert(navigateur);

}

