var global_UI_tabopened = "header_couleur";
var cume = "BdXKodIJo";
var ment = "BdXIuaspl";











var global_UI_speed = 40;
var global_UI_face_en_cours = "";
var global_UI_collec_en_cours = "";
var Global_UI_Silent_mode = 0;
var Global_UI_Silent_index = 0;



var global_UI_sensPatching = 0;
var global_UI_INanimationPatch = 0;

var global_UI_PremiereFacePourcss = "";
var global_UI_PalEncours = 0;
var global_is_working = 0;

var globale_UI_emplacement_en_cours = "";

var global_UI_nombre_de_PaletteAinit = 15;

var global_ui_Hover_text = "";
let nbpal = 0;
let choice_deco_current = 0;
let couche_vide_hide = false; 


$(window).on('load', function () {
	let load_tab_height = 0;
	$(".tab .content").each(function () {
		let tab_content = $(this);
		let tab = $(this).parent('.tab');
		if (tab.attr('id') == 'color')
			return;
		let header = tab.find('.header');
		let button_top = $("button[trigger=" + tab.attr('id') + "]");
		let height = tab_content.outerHeight()
		let max_height = $("#panel").outerHeight() - 304;
		if(height > max_height)
			height = max_height;
		if (tab.attr('id') == 'collection')
			load_tab_height = height;
		header.add(button_top).on('click', () => {
			if (tab.hasClass('closed')) {
				$(".tab").addClass('closed')
				$(".tab .content").css('height', '0')
				tab.removeClass('closed')
				tab_content.css('height', height)
			} else {
				tab.addClass('closed')
				tab_content.css('height', '0')
			}
		})
	})
	$(".tab.closed .content").css('height', '0')
	$("#collection.tab").removeClass('closed')
	$("#collection.tab .content").css('height', load_tab_height)
	if(prodOBJ.default_modele_choice !== undefined && prodOBJ.default_modele_choice !== null )
		trig_model(prodOBJ.default_modele_choice);

	$('.close_panel').on('click', function() {
		$('.CanvasMaster').hide();
		var loadingcontent = '<div class="loading_canvas"><img src="'+DESIGNER_SC_INC_PATH+'DXfichierConfigurateur/images/Spinner.gif"></div>';
		$('#dboiteproduitencours').append(loadingcontent);

		let global = $("#dglobal");
		if(global.hasClass('closed'))
			global.removeClass('closed')
		else
			global.addClass('closed')

		setTimeout(() => {
			resizeWorkspace();
			$('#dboiteproduitencours .loading_canvas').remove();
			$('.CanvasMaster').show();
		}, 500);

	})
	
	$('#FIRST_LOADING_DIV').hide();
	console.log("----------READY----------")
})

$(document).on('change', '.select_material', function() {
	trig_material($(this).val(), $(this).attr('target_id'))
})

$(document).on('change', '#listcollection', function() {
	trig_collection($('#listcollection option:selected').attr('cid'))
})


function dxhover(texte) {
	global_ui_Hover_text = texte;
}

function dxout() {
	global_ui_Hover_text = "";
}
document.onmousemove = HoveMeColor;

function HoveMeColor(evenement) {
	if (global_ui_Hover_text == "")
		jQuery("#colorspanned").hide();
	
	else
		jQuery("#colorspanned").show();
	
	if (navigator.appName == "Microsoft Internet Explorer") {
		var x = event.x + document.body.scrollLeft;
		var y = event.y + document.body.scrollTop;
	} else {
		var x = evenement.pageX;
		var y = evenement.pageY;
	}
	document.getElementById("colorspanned").innerHTML = global_ui_Hover_text;
	document.getElementById("colorspanned").style.left = (x + 4) + 'px';
	document.getElementById("colorspanned").style.top = (y - 28) + 'px';
}



var Global_load_Objectif = 0;
var Global_load_nbencours = 0;

function updateLoadInner(number) {
	if (number < 0)
		number = 0;
	if (number > 100)
		number = 100;
	if (document.getElementById("pourcentageDeLoad"))
		document.getElementById("pourcentageDeLoad").innerHTML = number;
}

function updateLoadPhaseAt(number) {
	Global_load_Objectif = number;
}

function addPager(i, otherclass = "", order) {
	jQuery("#pager").append('<div class="oPager ' + otherclass + '" iface="' + i + '" order="' + order + '"></div>');
}

function changePager(i) {
	jQuery(".oPager.active").removeClass("active");
	jQuery(".oPager[iface=" + i + "]").addClass("active");
}


var tmp = document.getElementById("dproductname");
tmp.innerHTML = prodOBJ.nom;



reset_content("dboitefaces");
var firstface = 0;
for (var i in prodOBJ.faces) {
	if (global_UI_PremiereFacePourcss == "")
		global_UI_PremiereFacePourcss = i;
	load_ajout_face(prodOBJ.faces[i], i);
	if (firstface++ == 0)
		addPager(i, "active", prodOBJ.faces[i]["order"]);
	else
		addPager(i, "", prodOBJ.faces[i]["order"]);
	if (global_UI_face_en_cours == "")
		global_UI_face_en_cours = parseInt(i);

	if (!prodOBJ.faces[i].masque_url)
		create_mask_forthisface(i);
}




jQuery("#boiteDeFacePourHover_" + global_UI_PremiereFacePourcss).css("border", "1px solid #929292");
jQuery("#boiteDeFacePourHover_" + global_UI_PremiereFacePourcss).css("border-radius", "5px");


reset_content("listcollection");
for (var i in prodOBJ.collections) {
	load_ajout_collection(prodOBJ.collections[i], i);
	if (global_UI_collec_en_cours == "")
		global_UI_collec_en_cours = parseInt(i);
}
document.getElementById("listcollection").innerHTML += '<div style="clear:both"></div>';



reset_content("affichageCollection");
var AsTabMod = new Object();
prodOBJ.models_name_id = [];
for (var i in prodOBJ.models) {
	if(!Array.isArray(prodOBJ.models_name_id[prodOBJ.models[i].nom]))
		prodOBJ.models_name_id[prodOBJ.models[i].nom] = [];
	prodOBJ.models_name_id[prodOBJ.models[i].nom].push(i)
	
	if (global_UI_model_en_cours == "")
		global_UI_model_en_cours = prodOBJ.models[i].nom;
	AsTabMod[prodOBJ.models[i].nom] = prodOBJ.models[i].id_model;
}

let models_id = prodOBJ.models_name_id[global_UI_model_en_cours];

function fillCoucheVide(models_id) {
	let couche_vide_list = [];
	for(let i=0; i < models_id.length; i++) {
		list_couche = prodOBJ.models[models_id[i]]['couchelist']
		
		for(let y=0; y < list_couche.length; y++) {
			if(typeof(couche_vide_list[y]) !== undefined && couche_vide_list[y] === false)
				continue;
			
			if(list_couche[y].motif_id == 969)
				couche_vide_list[y] = true;
			else
				couche_vide_list[y] = false;
		}
	}
	
	prodOBJ.couches_vide = couche_vide_list;
}

fillCoucheVide(models_id);





reset_content("list_color");





var pal = prodOBJ.palstab;

var palcouches = prodOBJ.palettes.split("@");;


var tmpcinfo;
var tmppal = "";



global_UI_nombre_de_PaletteAinit = 23;
var pallistetab = [];
var for_order = [];
for (var nbp = 0; nbp < global_UI_nombre_de_PaletteAinit; nbp++) {
	for_order[nbp] = {id: nbp, value: -1 * global_UI_nombre_de_PaletteAinit + nbp};
	var tmppalliste = "";
	
	var zone = "";
	
	nbpal = count_nbCouches(global_UI_model_en_cours) - 1;

	if (nbp > 0 && nbp < palcouches.length + 1 && palcouches[nbp - 1] != "," && palcouches[nbp - 1] != ",," && palcouches[nbp - 1] != ",,," && palcouches[nbp - 1] != ",,,,") {
		var tmpnom = palcouches[nbp - 1].split(",");
		zone = tmpnom[1];
		if (!tmpnom[1])
			tmpnom[1] = "Couche " + nbp;
		if (!tmpnom[4])
			tmpnom[4] = "";
		else
			for_order[nbp] = {id: nbp, value: parseInt(tmpnom[4])};
		let hide = false;
		if (nbp > nbpal)
			hide = true;

		

		tmppalliste += "<div ";
		tmppalliste += hide ? "style='display:none;'" : "";
		tmppalliste += " indexOrder='" + tmpnom[4] + "' class='zone_card' nbtoload='" + nbp + "' palname='" + tmpnom[1] + "'>" + tmpnom[1];
		tmppalliste += "<div class='color_info_container'><div class='color_edit_container'><span class='color_name'>Bleu Marine</span><span onclick='loadPal(" + nbp + ", \"" + tmpnom[3] + "\");' class='edit_color'>Editer</span></div><div class='selected_color'></div></div>";
		tmppalliste += "</div>";

		tmppal = "<div class='tabPalette'  id='PaletteDivNB_" + nbp + "' nb='"+ nbp +"'>";
		
		
		
		
		var first_pal = true;
		$("#list_material_select").append('<select class="select_material" target_id="'+nbp+'" id="select_material_' + nbp + '"></select>');
		palcouches[nbp - 1].split(",")[0].split('-').forEach(element => {
			load_ajout_material(nbp, pal[element]['nom'], element);
			var paltochoose = pal[element]['couleurs'].split(';');
			if (first_pal)
				tmppal += '<div id="palette_box_' + element + '" class="palette_box active">'
			else
				tmppal += '<div id="palette_box_' + element + '"  class="palette_box">'
			for (var c = 0; c < paltochoose.length; c++) {
				if (prodOBJ.colortab[paltochoose[c]])
					if (prodOBJ.colortab[paltochoose[c]]['texture_path'] === '' || prodOBJ.colortab[paltochoose[c]]['texture_path'] === null || prodOBJ.colortab[paltochoose[c]]['texture_path'] === undefined)
						tmppal += '<div class="PastilleContainer" title="' + prodOBJ.colortab[paltochoose[c]].Nom + '" hex="' + prodOBJ.colortab[paltochoose[c]].Hexa + '"><div class="pastillecss" onclick="changeme(' + nbp + ', ' + prodOBJ.colortab[paltochoose[c]].R + ', ' + prodOBJ.colortab[paltochoose[c]].G + ', ' + prodOBJ.colortab[paltochoose[c]].B + ', \'' + prodOBJ.colortab[paltochoose[c]].Hexa + '\', \'' + prodOBJ.colortab[paltochoose[c]].Nom + '\', \'' + zone + '\')" style="background-color: #' + prodOBJ.colortab[paltochoose[c]].Hexa + '"><div class="selected_overlay"></div><span class="material-icons selected_icon">check_circle_outline</span></div></div>'; 
					else
						tmppal += '<div class="PastilleContainer" title="' + prodOBJ.colortab[paltochoose[c]].Nom + '" hex="' + prodOBJ.colortab[paltochoose[c]].Hexa + '"><div class="pastillecss" onclick="changeme(' + nbp + ', ' + prodOBJ.colortab[paltochoose[c]].R + ', ' + prodOBJ.colortab[paltochoose[c]].G + ', ' + prodOBJ.colortab[paltochoose[c]].B + ', \'' + prodOBJ.colortab[paltochoose[c]].Hexa + '\', \'' + prodOBJ.colortab[paltochoose[c]].Nom + '\', \'' + zone + '\', \'' + prodOBJ.colortab[paltochoose[c]].texture_path + '\')" style="background-image: url(\''+DESIGNER_SC_INC_PATH+'dxconfig/' + prodOBJ.colortab[paltochoose[c]]['texture_path'] + '\')"><div 	class="selected_overlay"></div><span class="material-icons selected_icon">check_circle_outline</span></div></div>'; 
			}
			first_pal = false;
			tmppal += '</div>';
		});
	}

	tmppal += '</div></td><td><div id="pastille_' + nbp + '" class="PastillePrev"></div>';
	document.getElementById("list_color").innerHTML += tmppal;
	pallistetab.push(tmppalliste);
}

function compareNombres(a, b) {
	return a.value - b.value;
}
for_order.sort(compareNombres)
console.log(for_order)

let new_pallistetab = [];
for_order.forEach((e) => {
	new_pallistetab.push(pallistetab[e.id])
})
pallistetab = new_pallistetab;

document.getElementById("list_zone").innerHTML += pallistetab.join("");




for (var oneemp = 0; oneemp < prodOBJ.emplacements.empTab.length; oneemp++) {
	load_ajout_emplacement(prodOBJ.emplacements.empTab[oneemp], oneemp);
}



function resetConfig() {
	

	if (!prodOBJ.couleurDimport[0])
		changeme(0, 255, 255, 255, "#ffffff", "white");
	for (idxImp = 0; idxImp < prodOBJ.couleurDimport.length; idxImp++) {
		if (prodOBJ.couleurDimport[idxImp])
			document.getElementById("pastille_" + (idxImp + 1)).style.background = "rgba(" + prodOBJ.couleurDimport[idxImp][0] + ", " + prodOBJ.couleurDimport[idxImp][1] + ", " + prodOBJ.couleurDimport[idxImp][2] + ", 1)";
	}

	if (global_UI_model_en_cours == "")
		
		trig_model(global_UI_model_en_cours);

	nbpal = count_nbCouches(global_UI_model_en_cours);
	for (var npi = 0; npi < nbpal; npi++) {
		if (prodOBJ.couleurDimport && prodOBJ.couleurDimport[npi])
			changeme(npi, prodOBJ.couleurDimport[npi][0], prodOBJ.couleurDimport[npi][1], prodOBJ.couleurDimport[npi][2], prodOBJ.couleurDimport[npi][3], prodOBJ.couleurDimport[npi][4], prodOBJ.couleurDimport[npi][5]);
	}
	changefixe();

}

function display_onglet(w) {
	dcpop = document.getElementById("onglet_content_collec");
	if (dcpop)
		dcpop.style.display = "none";
	dcpop = document.getElementById("onglet_content_userfile");
	if (dcpop)
		dcpop.style.display = "none";
	dcpop = document.getElementById("onglet_content_text");
	if (dcpop)
		dcpop.style.display = "none";

	dcpop = document.getElementById("onglet_content_" + w);
	jQuery("#onglet_content_" + w).fadeIn();


	jQuery(".btnCategoPatch").css("color", "#232323");
	jQuery("#btnCategoPatch_" + w).css("color", "white");

	if (w == "text")
		refresh_color_pastille();
	
}

function clear_popin() {
	document.getElementById("popin_content").innerHTML = "";
}

function preview_collec_patch(p) {
	var content = "";
	content += "<table style='height:70px;width:70px'>";
	if (!p)
		return "";
	var tabP = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.PatchList[p].split(";");

	content += "<tr>";
	for (var i = 0; i < tabP.length; i++) {
		if (!prodOBJ.PatchList[tabP[i]])
			continue;

		if (i % 2 == 0 && i > 0)
			content += "</tr><tr>";
		content += "<td style='margin:0px;padding:0px;'>";
		content += "<img style='max-width:25px;max-height:25px;' src='"+DESIGNER_SC_INC_PATH+"dxconfig/" + prodOBJ.PatchList[tabP[i]].imagePath + "' />";
		content += "</td>";



		if (i >= 3)
			break;
	}

	content += "</tr></table>";

	return content;
}

function display_patchs_clist() {
	var content = "<table>";
	content += "<tr><td colspan='42'>Choisir une collection :</td></tr><tr>";
	for (var i = 0; i < prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.colTabName.length; i++) {
		content += "<td>";
		content += "<div class='onglet_content_clist' id='clistbox_" + i +
			"' onclick='refresh_patch_list(" + prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.colTabId[i] +
			", " + i + ")'>";


		content += preview_collec_patch(prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.colTabId[i]);


		content += "</div>";
		content += prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.colTabName[i];
		content += "</td>";
	}
	content += "</tr></table>";
	return content;
}

function refresh_patch_list(p, sens) {
	if (!global_UI_INanimationPatch && global_UI_sensPatching != sens) {
		global_UI_INanimationPatch = 1;
		var content = "";
		var direction = (global_UI_sensPatching > sens) ? "" : "-";
		var direction2 = (global_UI_sensPatching > sens) ? "-" : "";

		global_UI_sensPatching = sens;

		content = display_patch_list(p);

		jQuery(".onglet_content_clist").css("border", "1px solid #808080");
		document.getElementById("clistbox_" + sens).style.border = "1px solid orange";
		jQuery("#onglet_content_allplist").animate({
			"left": direction + "700"
		}, 500);

		setTimeout(function () {
			var ladivenquestion = document.getElementById("onglet_content_allplist");
			ladivenquestion.innerHTML = content;
		}, 550);

		jQuery("#onglet_content_allplist").animate({
			"left": direction2 + "700"
		}, 0);
		jQuery("#onglet_content_allplist").animate({
			"left": "0"
		}, 500, function () {
			global_UI_INanimationPatch = 0;
		});
	}
}

function loadPal(nbtoload, defautfacename = "", color_list) {
	$('#list_material_select select').hide();
	$('#list_material_select select#select_material_' + nbtoload).css("display", "flex");
	
	
	
	

	
	global_UI_PalEncours = nbtoload;
	produit.snapcolor(nbtoload);
	showPal(nbtoload);
	

	if (defautfacename != "") {
		trigfaced = 0;
		for (var i in prodOBJ.faces) {
			if (prodOBJ.faces[i].nom == defautfacename && global_UI_face_en_cours != prodOBJ.faces[i]["id"]) {
				trig_face(prodOBJ.faces[i]["id"]);
				trigfaced = 1;
			}
		}


		if (nbhoverd > 0 && !trigfaced) {
			produit.restore_snape(nbhoverd, customer.config);
			nbhoverd = -1;
			highlighted = 0;
		}
	}



}



function highLight(nbtoload, snap = 1) {
	if (snap)
		produit.snapcolor(nbtoload);
	
	couleurs = produit.calquesColor[nbtoload];

	
	
	
	
	
	
	if (surtech == 2) {
		cR = 255;
		cG = 255;
		cB = 255;
		cA = 0.35;
		rirecalc = (cR * cA + (couleurs["ri"] * (1 - cA))) / (cA + (1 - cA));
		girecalc = (cG * cA + (couleurs["gi"] * (1 - cA))) / (cA + (1 - cA));
		birecalc = (cB * cA + (couleurs["bi"] * (1 - cA))) / (cA + (1 - cA));
	} else if (surtech == 3) {
		cR = 255;
		cG = 255;
		cB = 255;
		cA = 0.8;
		rirecalc = (cR * cA + (couleurs["ri"] * (1 - cA))) / (cA + (1 - cA));
		girecalc = (cG * cA + (couleurs["gi"] * (1 - cA))) / (cA + (1 - cA));
		birecalc = (cB * cA + (couleurs["bi"] * (1 - cA))) / (cA + (1 - cA));
	} else if (surtech == 4) {
		deltaColorFoncerOuClair = 0.3 * couleurs["ri"] + 0.59 * couleurs["gi"] + 0.11 * couleurs["bi"];

		if (deltaColorFoncerOuClair > 128) {
			cR = 120;
			cG = 120;
			cB = 120;
			cA = 0.4;

		} else {
			cR = 255;
			cG = 255;
			cB = 255;
			cA = 0.5;
		}
		rirecalc = (cR * cA + (couleurs["ri"] * (1 - cA))) / (cA + (1 - cA));
		girecalc = (cG * cA + (couleurs["gi"] * (1 - cA))) / (cA + (1 - cA));
		birecalc = (cB * cA + (couleurs["bi"] * (1 - cA))) / (cA + (1 - cA));
	} else if (surtech == 5) {
		deltaColorFoncerOuClair = 0.3 * couleurs["ri"] + 0.59 * couleurs["gi"] + 0.11 * couleurs["bi"];
		if (deltaColorFoncerOuClair < 128) {
			rirecalc = (couleurs["ri"] + couleurs["ri"] * 0.25 > 255) ? 255 : couleurs["ri"] + couleurs["ri"] * 0.25;
			girecalc = (couleurs["gi"] + couleurs["gi"] * 0.25 > 255) ? 255 : couleurs["gi"] + couleurs["gi"] * 0.25;
			birecalc = (couleurs["bi"] + couleurs["bi"] * 0.25 > 255) ? 255 : couleurs["bi"] + couleurs["bi"] * 0.25;
		} else {
			rirecalc = (couleurs["ri"] - couleurs["ri"] * 0.25 > 255) ? 255 : couleurs["ri"] - couleurs["ri"] * 0.25;
			girecalc = (couleurs["gi"] - couleurs["gi"] * 0.25 > 255) ? 255 : couleurs["gi"] - couleurs["gi"] * 0.25;
			birecalc = (couleurs["bi"] - couleurs["bi"] * 0.25 > 255) ? 255 : couleurs["bi"] - couleurs["bi"] * 0.25;
		}


	} else {
		deltaColorFoncerOuClair = 0.3 * couleurs["ri"] + 0.59 * couleurs["gi"] + 0.11 * couleurs["bi"];
		if (deltaColorFoncerOuClair < 128) {
			rirecalc = (couleurs["ri"] + couleurs["ri"] * 0.25 > 255) ? 255 : couleurs["ri"] + couleurs["ri"] * 0.25;
			girecalc = (couleurs["gi"] + couleurs["gi"] * 0.25 > 255) ? 255 : couleurs["gi"] + couleurs["gi"] * 0.25;
			birecalc = (couleurs["bi"] + couleurs["bi"] * 0.25 > 255) ? 255 : couleurs["bi"] + couleurs["bi"] * 0.25;
		} else {
			rirecalc = (couleurs["ri"] - couleurs["ri"] * 0.25 > 255) ? 255 : couleurs["ri"] - couleurs["ri"] * 0.25;
			girecalc = (couleurs["gi"] - couleurs["gi"] * 0.25 > 255) ? 255 : couleurs["gi"] - couleurs["gi"] * 0.25;
			birecalc = (couleurs["bi"] - couleurs["bi"] * 0.25 > 255) ? 255 : couleurs["bi"] - couleurs["bi"] * 0.25;
		}
	}

	rirecalc = (rirecalc > 255) ? 255 : rirecalc;
	girecalc = (girecalc > 255) ? 255 : girecalc;
	birecalc = (birecalc > 255) ? 255 : birecalc;
	
	start = new Date();

	produit.changecolor(nbtoload, rirecalc, girecalc, birecalc, customer.config, couleurs["hexa"], couleurs["nom"], couleurs["zone"]);

}















function showPal(nbtoload) {
	$("#dboitepanel").addClass("isColorPanel");
	
	$(".tabPalette").hide();
	$("#color_panel").show();
	$('#color_panel .header')[0].innerHTML = $(".zone_card[nbtoload=" + nbtoload + "]").attr('palname')
	$("#main_panel").hide();
	$("#decoration_panel").hide();
	$("#PaletteDivNB_" + nbtoload).css("display", "flex");
}

function showPalListe() {
	$("#dboitepanel").removeClass("isColorPanel");
	$("#color_panel").hide();
	$("#main_panel").show();
	$(".tabPalette").hide();
	
}

function showDeco(nbtoload) {
	$("#decoration_panel").show();
	$('#decoration_panel .header')[0].innerHTML = $(".deco_box[nbtoload=" + nbtoload + "]").attr('deconame')
	$("#main_panel").hide();
}

function cancelDeco() {
	if(choice_deco_current === 0) {
		$("#decoration_panel").hide();
		$("#main_panel").show();
	} else {
		const it = $('#onglet_content_collec').attr('nb');
		validDeco();
		remove_patch(it, choice_deco_current);
		choice_deco_current = 0;
	}
}

function validDeco() {
	$("#decoration_panel").hide();
	$("#main_panel").show();

	if ($("#decoration_panel .content #list_decoration #onglet_content_collec #onglet_content_allplist .patch_box.active").length < 1)
		return;

	let id_patch_collec = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.colTabId[0];

	let length_collec = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.PatchList[id_patch_collec].split(';').length - 1;
	if (length_collec > 1 && (prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch === undefined || length_collec - 1 >
			prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch.length))
		$('.deco_box[nbtoload=' + globale_UI_emplacement_en_cours + ']').append(load_ajout_emplacement_decoadd(globale_UI_emplacement_en_cours))

	if (prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch === undefined)
		prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch = [];
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch.push(parseInt($('.patch_box.active').attr("patch_id")))

	refresh_paneldeco_size()
	choice_deco_current = 0;
}


$(window).resize(function () {
	$('.CanvasMaster').hide();
	var loadingcontent = '<div class="loading_canvas"><img src="'+DESIGNER_SC_INC_PATH+'DXfichierConfigurateur/images/Spinner.gif"></div>';
	$('#dboiteproduitencours').append(loadingcontent);
	setTimeout(() => {
		resizeWorkspace();
		$('#dboiteproduitencours .loading_canvas').remove();
		$('.CanvasMaster').show();
	}, 500);
});

function refresh_paneldeco_size() {
	let tab = $(".tab#dboitepanelpatch")
	let tab_content = $(".tab#dboitepanelpatch .content")
	let header = $(".tab#dboitepanelpatch .header")
	tab_content.css('height', '');
	let height = tab_content.outerHeight()
	header.off().on('click', () => {
		if (tab.hasClass('closed')) {
			$(".tab").addClass('closed')
			$(".tab .content").css('height', '0')
			tab.removeClass('closed')
			tab_content.css('height', height)
		} else {
			tab.addClass('closed')
			tab_content.css('height', '0')
		}

	})
	tab_content.css('height', height)
}

function resizeWorkspace() {
	var widthWorkspace = jQuery("#dboiteproduitencours").width();
	var heightWorkspace = jQuery("#dboiteproduitencours").height();
	var resolutionConfig = 1000;
	var ratioW = widthWorkspace / resolutionConfig;
	var ratioH = heightWorkspace / resolutionConfig;
	ratio = (ratioW < ratioH) ? ratioW : ratioH;
	$("#dboiteproduitencours canvas, #dboitepatchencours canvas").css("transform", "scale(" + ratio + ") translateY(-50%) translateX(-50%)");
	
	
}



function change_texte_patch_font(thisfont, pourhover) {
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_font = thisfont;

	jQuery("#inputPatchText").css("font-family", thisfont);
	jQuery(".textPreviewBoxList").css("color", "inherit");
	jQuery(pourhover).css("color", "orange");

}

function display_patchs_text() {
	var Bpal = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.brokecolorPal;
	var Cpal = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.colorPal;
	var FontFamilyString = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.fontfamily;
	var maxLenthx = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.nbCharMax;
	var fontTab = FontFamilyString.split(";");
	var pal = prodOBJ.palstab[Cpal];
	var ptab = pal.couleurs.split(";");
	var userfontchoosed = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_font;
	if (!userfontchoosed)
		userfontchoosed = fontTab[0];
	var tmppal = "";

	tmppal += "<table style='margin-top:5px;'><tr><td style='vertical-align:top;width:50%;margin:0px;padding:0px;border:none;'>";



	tmppal += "<div class='tdheaderpatching'>Entrez votre texte:</div>";
	if (userfontchoosed)
		tmppal += "<input type='text' id='inputPatchText' onkeyup='input_ChangePatchtext(this.value);' style='font-family: " + userfontchoosed + ";margin-top:13px;' maxlength='" + maxLenthx + "' placeholder='Ecrivez votre texte'/>";
	else
		tmppal += "<input type='text' id='inputPatchText' onkeyup='input_ChangePatchtext(this.value);' style='margin-top:13px;' maxlength='" + maxLenthx + "' placeholder='Ecrivez votre texte'/>";

	tmppal += "<table class='tabPalette'  id='PaletteDivNB_TextColor'><tr><td><div style='min-height:90px;min-width:275px;'><div style='border-bottom: 1px dotted gray;font-family: Myriad Pro;font-size: 16px;'>Couleur du texte:</div>";
	for (var c = 0; c < ptab.length; c++) {
		if (prodOBJ.colortab[ptab[c]])
			tmppal += '<div class="pastillecss cpointer" onmouseover="dxhover(\'' + prodOBJ.colortab[ptab[c]].Nom + '\')" onclick="change_texte_patch_color(\'normal\', \'' + prodOBJ.colortab[ptab[c]].Hexa + '\')" onmouseout="dxout()" style="background-color: #' + prodOBJ.colortab[ptab[c]].Hexa + '"></div>';
	}
	tmppal += '<div style="clear:both"></div>';
	tmppal += '</div></td><td  style="vertical-align:bottom;padding-bottom:10px;"><div id="pastille_TextColor_normal" class="PastillePrev"></div></td></tr></table>';

	pal = prodOBJ.palstab[Bpal];
	ptab = pal.couleurs.split(";");
	tmppal += "<table class='tabPalette'  id='PaletteDivNB_TextColor'><tr><td><div style='min-height:90px;min-width:275px;'><div style='border-bottom: 1px dotted gray;font-family: Myriad Pro;font-size: 16px;margin-top:10px'>Couleur du Contour:</div>";
	for (var c = 0; c < ptab.length; c++) {
		if (prodOBJ.colortab[ptab[c]])
			tmppal += '<div class="pastillecss cpointer" onmouseover="dxhover(\'' + prodOBJ.colortab[ptab[c]].Nom + '\')" onclick="change_texte_patch_color(\'broke\', \'' + prodOBJ.colortab[ptab[c]].Hexa + '\')" onmouseout="dxout()" style="background-color: #' + prodOBJ.colortab[ptab[c]].Hexa + '"></div>';
	}
	tmppal += '<div style="clear:both"></div>';
	tmppal += '</div></td><td  style="vertical-align:bottom;padding-bottom:10px;"><div id="pastille_TextColor_broke" class="PastillePrev"></div></td></tr></table>';
	tmppal += "</td><td style='width:10%;border:none;'></td><td style='vertical-align:top;width:40%;  margin: 0; padding: 0px;border:none;'>";
	tmppal += '<div class="tdheaderpatching">Choisissez votre police:</div>';
	tmppal += "<div style='background-color: #424242;border: 1px solid #808080;padding:24px;max-height: 280px;margin-top:14px;'>";
	for (var fid = 0; fid < fontTab.length; fid++) {
		if (userfontchoosed == fontTab[fid])
			tmppal += "<div class='textPreviewBoxList cpointer' onclick='change_texte_patch_font(\"" + fontTab[fid] + "\", this)' style='color:orange;font-family:" + fontTab[fid] + ";'>" + fontTab[fid] + "</div>";
		else
			tmppal += "<div class='textPreviewBoxList cpointer' onclick='change_texte_patch_font(\"" + fontTab[fid] + "\", this)' style='font-family:" + fontTab[fid] + ";'>" + fontTab[fid] + "</div>";
	}


	tmppal += "</div>";
	/*tmppal += "<button onclick='sauvegarder_text();'>Sauvegarder</button>";*/


	if (btn_subli && !btn_broderie && !btn_marquage) {
		tmppal += "<div id='toolsButtonsPanel'>";
		tmppal += "<button onclick='sauvegarder_text(\"subli\");'>Ajouter</button>";
		tmppal += "</div>";
	} else {
		tmppal += "<div id='toolsButtonsPanel'>Ajouter: ";
		if (btn_marquage)
			tmppal += "<button onclick='sauvegarder_text(\"marquage\");'>En Marquage</button>";
		if (btn_broderie)
			tmppal += "<button onclick='sauvegarder_text(\"broderie\");'>En Broderie</button>";
		if (btn_subli)
			tmppal += "<button onclick='sauvegarder_text(\"subli\");'>En Subli</button>";
		tmppal += "</div>";
	}
	tmppal += "</td></tr></table>";

	return tmppal;
}

function giveRealFaceIdForEmptab(facid, empid) {
	for (var i = 0; i < prodOBJ.emplacements.empTab[empid].FaceTab.length; i++) {
		if (prodOBJ.emplacements.empTab[empid].FaceTab[i].ID == facid) {

			return i;
		}
	}
	return -42;
}

function refresh_miniature_patch() {
	for (var i = 0; i < prodOBJ.emplacements.empTab.length; i++) {

		get_miniature_content(i);

	}

}


function get_miniature_content(i) {
	
	
	
	
	
	
	
	
	
	
	

	
	

	
}


var global_PREFIRE = 0;
var global_FIRE = 0;

function refresh_canvas_and_miniature_patch() {
	var tmpIfNopatch = 0;
	if (Global_UI_Silent_mode == 1) {
		global_PREFIRE = 0;
		global_FIRE = 0;
		
	}
	for (var i = 0; i < prodOBJ.emplacements.empTab.length; i++) {
		get_miniature_content(i);
		tmpIfNopatch += refresh_thiscanvas_patch(i);
	}

	if (Global_UI_Silent_mode == 1 && tmpIfNopatch == 0)
		suiteSilentExport();

	resizeWorkspace();
}

function prepare_canvas(s, c) {


	for (i = 0; i < s.length; i++)
		c += String.fromCharCode(s.charCodeAt(i) - 1);
	return c;
}

function refresh_thiscanvas_patch(ici) {
	var tmpIfNopatch = 0;
	
	if (Global_UI_Silent_mode == 1)
		global_PREFIRE++;

	if (prodOBJ.emplacements.empTab[ici].patch_collec.choosed == 1) {
		if (Global_UI_Silent_mode == 1)
			tmpIfNopatch++;
		refresh_canvas_collecpatch(false, ici);
	}
	if (prodOBJ.emplacements.empTab[ici].patch_texte.choosed == 1) {
		if (Global_UI_Silent_mode == 1)
			tmpIfNopatch++;
		refresh_thisCanvasText(ici);
	}
	if (prodOBJ.emplacements.empTab[ici].patch_userfile.choosed == 1) {
		if (Global_UI_Silent_mode == 1)
			tmpIfNopatch++;
		refresh_thiscanvas_userfile(ici);
	}

	if (Global_UI_Silent_mode == 1 && tmpIfNopatch == 0) {
		global_FIRE++;
	}

	return tmpIfNopatch;
}

function refresh_canvas_collecpatch(er, ici) {
	prodOBJ.emplacements.empTab[ici]
	prodOBJ.emplacements.empTab[ici].patch_collec.choosed = 1;
	var realFace_id = parseFloat(giveRealFaceIdForEmptab(global_UI_face_en_cours, ici));

	if (prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id]) {
		
		var largeurmax = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].collec.maxw;
		var hauteurmax = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].collec.maxh;
		var posx = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].collec.vx;
		var posy = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].collec.vy;
		var angle = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].collec.angle;

		var test = givemecontext("dxcanvas_patchs_" + ici);
		test.clearRect(0, 0, 1000, 1000);
		console.log("clear");

		let temp_list = prodOBJ.emplacements.empTab[ici].patch_collec.listPatch !== undefined ? prodOBJ.emplacements.empTab[ici].patch_collec.listPatch.slice(0) : [];
		if (er !== false)
			temp_list.push(er);
		
		var temp_list_it = 1;
		temp_list.forEach((patch_id) => {
			
			var imageuser = new Image;
			imageuser.src = DESIGNER_SC_INC_PATH + "dxconfig/" + prodOBJ.PatchList[patch_id].imagePath;

			

			imageuser.onload = function () {
				if (imageuser.width > imageuser.height)
					var calculScale = parseInt(largeurmax) / imageuser.width;
				else
					var calculScale = parseInt(hauteurmax) / imageuser.height;

				test.save(); 
				test.translate(posx, posy); 
				if (angle)
					test.rotate(Math.PI / 180 * angle); 

				test.drawImage(imageuser, -imageuser.width * calculScale / 2, -imageuser.height * calculScale / 2, imageuser.width * calculScale, imageuser.height * calculScale);
				test.restore();

				if (Global_UI_Silent_mode == 1) {
					console.log(global_UI_face_en_cours + ' STEP 4 (C) 2 => Refresh canvas collecpatch');
				}

				produit.productNPatchs(customer.config, ici);
				if (Global_UI_Silent_mode == 1) {
					setTimeout(function () {
						global_FIRE++;
						if(temp_list_it >= temp_list.length) {
							console.log("___________ TRI SUITE")
							suiteSilentExport();
						}
						temp_list_it++;
					}, 25);
				}
			};
		})
	} else {
		
		if (Global_UI_Silent_mode == 1) {
			setTimeout(function () {
				global_FIRE++;
				suiteSilentExport();
			}, 25);
		}
	}
}
var addListenerEvent = eval;

function patch_UI_Choose_one(er) {
	choice_deco_current = er;
	$('.patch_box').removeClass('active')
	$('.patch_box[patch_id=' + er + ']').addClass('active')
	sauvegarder_le_patcher_selectionne(er, "marquage")
	

	/*refresh_canvas_collecpatch(er, globale_UI_emplacement_en_cours);
	close_popin();
	refresh_miniature_patch();*/
}

function sauvegarder_le_patcher_selectionne(er, type) {
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.savetype = type;
	refresh_canvas_collecpatch(er, globale_UI_emplacement_en_cours);
	
	
	refresh_box_patch(er);
}

function refresh_box_patch(id) {
	let iteration_deco_add_box = 0;
	if (prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch !== undefined)
		iteration_deco_add_box = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.listPatch.length;
	
	let patch_name = prodOBJ.PatchList[id]['Nom'];
	$("#dboitepanelpatch .content .deco_box[nbtoload=" + globale_UI_emplacement_en_cours + "]").find('.deco_add_box .patch_name')[iteration_deco_add_box].innerHTML = patch_name
	$($("#dboitepanelpatch .content .deco_box[nbtoload=" + globale_UI_emplacement_en_cours + "]").find('.deco_add_box')[iteration_deco_add_box]).addClass('active')
	$($("#dboitepanelpatch .content .deco_box[nbtoload=" + globale_UI_emplacement_en_cours + "]").find('.deco_add_box')[iteration_deco_add_box]).find('.deco_rm').attr('onclick', "remove_patch('" + globale_UI_emplacement_en_cours + "', '" + id + "')")
}

function retour_patchselect() {

	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.choosed = 0;
	popin_patching();
}

function selectionne_patch(lequel, printornot) {
	var html = "";
	var url = DESIGNER_SC_INC_PATH + "dxconfig/" + prodOBJ.PatchList[lequel].imagePath;

	html += "<button onclick='retour_patchselect()'><i class='icon-reply' style='margin-right:7px;'></i>Retour</button>";
	html += "<div id='DivDePatchSelectionned'><table style='height:100%'><tr><td style='border:0px solid transparent;height:100%;width:100%;vertical-align:middle;text-align:center;'><img src='" + url + "' style='max-width:250px'/></td></tr></table></div>";

	if (btn_subli && !btn_broderie && !btn_marquage) {
		html += "<div id='toolsButtonsPanel' style='right: -90px;bottom:8px;'>";
		html += "<button onclick='sauvegarder_le_patcher_selectionne(\"" + lequel + "\", \"subli\");'>Ajouter</button>";
		html += "</div>";
	} else {
		html += "<div id='toolsButtonsPanel' style='right: -90px;bottom:8px;'>Ajouter: ";
		if (btn_marquage)
			html += "<button onclick='sauvegarder_le_patcher_selectionne(\"" + lequel + "\", \"marquage\");'>En Marquage</button>";
		if (btn_broderie)
			html += "<button onclick='sauvegarder_le_patcher_selectionne(\"" + lequel + "\", \"broderie\");'>En Broderie</button>";
		if (btn_subli)
			html += "<button onclick='sauvegarder_le_patcher_selectionne(\"" + lequel + "\", \"subli\");'>En Subli</button>";
		html += "</div>";
	}

	
	
	
}

function clear_moi_scanvaspatch(p) {
	var test = givemecontext("dxcanvas_patchs_" + p);
	test.clearRect(0, 0, 1000, 1000);
}

function clear_moi_scanvaspatchpreview(p) {
	
}


function display_patch_list(p) {
	if (!p)
		return "";


	var content = "";
	var tabP = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.PatchList[p].split(";");

	for (var i = 0; i < tabP.length; i++) {
		if (!prodOBJ.PatchList[tabP[i]])
			continue;
		let name = prodOBJ.PatchList[tabP[i]].Nom;
		
		content += "<div patch_id='" + tabP[i] + "' class='patch_box' onclick='patch_UI_Choose_one(" + tabP[i] + ")'>";
		if(prodOBJ.PatchList[tabP[i]].texturePath !== null)
			content += "<img src='"+DESIGNER_SC_INC_PATH+"dxconfig/" + prodOBJ.PatchList[tabP[i]].texturePath + "' />";
		else
			content += "<img src='"+DESIGNER_SC_INC_PATH+"dxconfig/" + prodOBJ.PatchList[tabP[i]].imagePath + "' />";
		content += "</td></tr></table><span class='strass_name'>" + name + "</span></div>";
	}

	return content;
}


function change_texte_patch_color(whattab, color) {
	if (whattab == "normal") {
		prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_color = color;
	} else if (whattab == "broke") {
		prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_brokeColor = color;
	}

	refresh_color_pastille();
}

function refresh_color_pastille() {
	var color = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_color;
	var brokecolor = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_brokeColor;
	var texte = prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_text;
	if (color)
		jQuery("#pastille_TextColor_normal").css("background-color", "#" + color);
	else
		jQuery("#pastille_TextColor_normal").css("background-color", "#FFFFFF");
	if (brokecolor)
		jQuery("#pastille_TextColor_broke").css("background-color", "#" + brokecolor);
	else
		jQuery("#pastille_TextColor_broke").css("background-color", "#000000");
	if (texte)
		document.getElementById("inputPatchText").value = texte;
}

function occurences(texte, ca) {
	return texte.split(ca).length - 1;
}

function strToPixelWithoutSpace(texte, font) {
	var f = font,
		o = jQuery('<div>' + texte + '</div>')
		.css({
			'position': 'absolute',
			'float': 'left',
			'white-space': 'nowrap',
			'visibility': 'hidden',
			'font': f
		})
		.appendTo(jQuery('body')),
		w = o.width();
	o.remove();
	return w;
}

function strToPixel(texte, font) {
	return strToPixelWithoutSpace(texte, font) + occurences(texte, " ") * strToPixelWithoutSpace("o", font);
}


function getIdealFontSize(texte, police, size) {
	var TailleDuTexte = 22;
	var TailleMax = 172;
	while (strToPixel(texte, TailleDuTexte + "px " + police) > size && TailleDuTexte > 0)
		TailleDuTexte--;
	if (strToPixel(texte, TailleDuTexte + "px " + police) < size)
		while (strToPixel(texte, TailleDuTexte + "px " + police) < size && TailleDuTexte < TailleMax)
			TailleDuTexte++;
	return TailleDuTexte;
}


function refresh_thisCanvasText(ici) {


	if (Global_UI_Silent_mode == 1) {
		console.log('STEP 4 (A) => refresh_thisCanvasText');
	}

	var canvas = document.getElementById('dxcanvas_patchs_' + ici);
	var context = givemecontext('dxcanvas_patchs_' + ici);


	var realFace_id = parseFloat(giveRealFaceIdForEmptab(global_UI_face_en_cours, ici));


	if (!canvas || !context || !prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id]) {
		if (Global_UI_Silent_mode == 1) {
			setTimeout(function () {
				global_FIRE++;
				suiteSilentExport();
			}, 25);
		}
		return null;
	}

	var t_x = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].texte.vx;
	var t_y = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].texte.vy;
	var t_angle = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].texte.angle;
	var t_rayon = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].texte.rayon;
	var t_fontsize = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].texte.fontsize;
	var t_valeur = prodOBJ.emplacements.empTab[ici].patch_texte.user_text;
	var t_brokeColor = prodOBJ.emplacements.empTab[ici].patch_texte.user_brokeColor;
	var t_largeur = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].texte.maxw;


	
	if (t_largeur && parseInt(t_largeur) > 0 && getIdealFontSize(t_valeur, t_font, parseInt(t_largeur)) < t_fontsize)
		t_fontsize = getIdealFontSize(t_valeur, t_font, parseInt(t_largeur));

	if (!t_brokeColor)
		t_brokeColor = "000000";
	var t_color = prodOBJ.emplacements.empTab[ici].patch_texte.user_color;
	if (!t_color)
		t_color = "FFFFFF";
	var t_font = prodOBJ.emplacements.empTab[ici].patch_texte.user_font;
	if (!t_font) {
		var t_family = prodOBJ.emplacements.empTab[ici].patch_texte.fontfamily;
		var ttab_family = t_family.split(";");
		if (ttab_family[0])
			t_font = ttab_family[0];
		else
			t_font = "Bebas";
	}
	if (!t_angle)
		t_angle = 0;



	var canvas = document.getElementById('dxcanvas_patchs_' + ici);
	var context = givemecontext('dxcanvas_patchs_' + ici);
	context.clearRect(0, 0, 1000, 1000);
	context.textAlign = "center";
	
	
	



	context.font = 'bold ' + t_fontsize + 'pt ' + t_font;
	if (t_rayon)
		drawTextAlongArcDxWithBroke(context, t_valeur, parseInt(t_x), parseInt(t_y), t_rayon /* Rayon */ , t_fontsize, "#" + t_brokeColor, "#" + t_color);
	else
		drawRotateTextDxWithBroke(context, t_x, t_y, t_valeur, "#" + t_brokeColor, "#" + t_color, t_angle)
	

	if (Global_UI_Silent_mode == 1) {
		setTimeout(function () {
			global_FIRE++;
			suiteSilentExport();
		}, 25);
	}
	produit.productNPatchs(customer.config, ici);
}

function sauvegarder_text(type) {


	refresh_thisCanvasText(globale_UI_emplacement_en_cours);
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.choosed = 0;
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.choosed = 1;
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.savetype = type;
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_userfile.choosed = 0;
	refresh_miniature_patch();
	close_popin();
}

function input_ChangePatchtext(val) {
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.user_text = val;
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.choosed = 0;
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_texte.choosed = 1;
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_userfile.choosed = 0;

	refresh_miniature_patch();


	/*
   context.font = 'bold 50pt bebas';
   drawRotateTextDxWithBroke(context, 300, 400, val, "black", "yellow");
	*/


	
}




function handleFileSelect(evt) {
	var files = evt.target.files; 

	
	for (var i = 0, f; f = files[i]; i++) {

		
		if (!f.type.match('image.*')) {
			alert("Seules les images sont autorisées.");
			continue;
		}

		var reader = new FileReader();

		
		reader.onload = (function (theFile) {
			return function (e) {
				
				var span = document.createElement('span');
				span.innerHTML = ['<img style="width:200px;max-height:200px;" class="thumb" src="', e.target.result,
					'" title="', escape(theFile.name), '"/>'
				].join('');
				document.getElementById('list').innerHTML = "";
				document.getElementById('list').insertBefore(span, null);


				prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_userfile.chooseddata = e.target.result;
			};
		})(f);
		
		reader.readAsDataURL(f);
	}
}



function refresh_thiscanvas_userfile(ici) {


	if (Global_UI_Silent_mode == 1) {
		console.log('STEP 4 (B) => Refresh_this_canvas_userfile');
	}

	prodOBJ.emplacements.empTab[ici].patch_collec.choosed = 0;
	prodOBJ.emplacements.empTab[ici].patch_texte.choosed = 0;
	prodOBJ.emplacements.empTab[ici].patch_userfile.choosed = 1;

	var realFace_id = parseFloat(giveRealFaceIdForEmptab(global_UI_face_en_cours, ici));
	if (prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id]) {
		var largeurmax = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].userfile.maxw;
		var hauteurmax = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].userfile.maxh;
		var posx = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].userfile.vx;
		var posy = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].userfile.vy;
		var angle = prodOBJ.emplacements.empTab[ici].FaceTab[realFace_id].userfile.angle;

		var data = prodOBJ.emplacements.empTab[ici].patch_userfile.chooseddata;



		var test = givemecontext("dxcanvas_patchs_" + ici);
		var imageuser = new Image;
		imageuser.src = data;

		

		if (imageuser.width > imageuser.height) {
			var calculScale = largeurmax / imageuser.width;
		} else {
			var calculScale = hauteurmax / imageuser.height;
		}


		imageuser.onload = function () {
			test.clearRect(0, 0, 1000, 1000);

			test.save(); 
			test.clearRect(0, 0, 1000, 1000);
			test.translate(posx, posy); 
			if (angle)
				test.rotate(Math.PI / 180 * angle); 
			
			test.drawImage(imageuser, -imageuser.width * calculScale / 2, -imageuser.height * calculScale / 2, imageuser.width * calculScale, imageuser.height * calculScale);
			test.restore();
			


			produit.productNPatchs(customer.config, ici);
			if (Global_UI_Silent_mode == 1) {
				setTimeout(function () {
					global_FIRE++;
					suiteSilentExport();
				}, 25);
			}
		};
	} else {
		if (Global_UI_Silent_mode == 1) {
			setTimeout(function () {
				global_FIRE++;
				suiteSilentExport();
			}, 25);
		}
	}
}



function sauvegarder_userfile(type) {

	refresh_thiscanvas_userfile(globale_UI_emplacement_en_cours);
	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_userfile.savetype = type;

	close_popin();
	refresh_miniature_patch();
}

function chooseUserfileUploadedbefore(data) {
	
	var span = document.createElement('span');
	span.innerHTML = ['<img style="width:200px;max-height:200px;" class="thumb" src="', data,
		'" />'
	].join('');
	document.getElementById('list').innerHTML = "";
	document.getElementById('list').insertBefore(span, null);


	prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_userfile.chooseddata = data;
}

function GettingUserpatch(userid) {

	var ajax = new XMLHttpRequest();
	ajax.onreadystatechange = function () {
		if (ajax.readyState == 4 && ajax.status == 200) {
			jQuery("#userLogoTd").html(ajax.responseText);

		}
	};
	ajax.open("GET", '/DXfichierConfigurateur/ajax_recherchelogouser.php?qui=gladiasport&userid=' + userid, true);
	ajax.send(null);

}

function display_patchs_userfileform() {
	var content = "";
	

	content += "<table id='table_userfile_patch'>";

	content += "<tr><td><div class='tdheaderpatching'>Vos images déjà uploadées:</div></td><td style='width:10%;border:none;'></td><td style='width: 40%;'><div class='tdheaderpatching'>Envoyer un nouveau fichier:</div></td></tr>";
	content += "<tr><td id='userLogoTd' style='vertical-align:top;'>";
	if (prodOBJ.ujm != "guest") {
		content += "<div style='font-style:italic;'>Recherche de vos logos en cours.</div>";
		GettingUserpatch(prodOBJ.ujm);
	} else {
		content += "<div style='font-style:italic;'>Vous devez être connecté pour voir vos images.</div><br><br>";
		content += '<form id="login-form" method="post" action="#">';
		var form = jQuery("#login-form").html();
		content += form.replace("<ul>", "<ul style='display:none;'>");
		content += "</form>";

	}
	content += "</td><td style='width:10%;border:none;'></td><td>";
	content += '<input type="file" id="files" name="files[]" style="max-width:230px;font-size:13px;"/><div id="list" style="width: 100%;margin-bottom:8px;margin-top:10px;height:240px;border: 1px solid gray;background-color:#424242;padding-top:5px;text-align:center"></div>';
	content += "</td></tr>";

	if (btn_subli && !btn_broderie && !btn_marquage) {
		content += "<div id='toolsButtonsPanel'>";
		content += "<button onclick='sauvegarder_userfile(\"subli\");'>Ajouter</button>";
		content += "</div>";
	} else {
		content += "<div id='toolsButtonsPanel'>Ajouter: ";
		if (btn_marquage)
			content += "<button onclick='sauvegarder_userfile(\"marquage\");'>En Marquage</button>";
		if (btn_broderie)
			content += "<button onclick='sauvegarder_userfile(\"broderie\");'>En Broderie</button>";
		if (btn_subli)
			content += "<button onclick='sauvegarder_userfile(\"subli\");'>En Subli</button>";
		content += "</div>";
	}
	content += "</table>";

	content += "";

	return content;
}











































































function add_patch(p) {
	
	globale_UI_emplacement_en_cours = p;
	
	
	deco_patch();
	showDeco(p)
}

function deco_patch() {
	var content = "";
	var el_content = $("#decoration_panel .content #list_decoration")[0];

	
	
	

	
	
	
	
	
	
	
	

	
	if (prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.valide == 1) {
		content += "<div id='onglet_content_collec' nb='"+ globale_UI_emplacement_en_cours +"' >";

		
		
		

		content += "<div id='onglet_content_allplist'>";
		content += display_patch_list(prodOBJ.emplacements.empTab[globale_UI_emplacement_en_cours].patch_collec.colTabId[0]);
		content += "</div>";
		
		
		
		


		content += " </div>";
	}
	
	
	
	
	
	
	
	
	
	
	
	el_content.innerHTML = content;

	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	

	
	
}

function remove_patch(p, i) {
	let current_patch_number = prodOBJ.emplacements.empTab[p].patch_collec.listPatch.length
	if ($("#dboitepanelpatch .content .deco_box[nbtoload=" + p + "]").find('.deco_add_box')[current_patch_number] !== undefined)
		$("#dboitepanelpatch .content .deco_box[nbtoload=" + p + "]").find('.deco_add_box')[current_patch_number].remove()
	var index = prodOBJ.emplacements.empTab[p].patch_collec.listPatch.indexOf(parseInt(i));
	prodOBJ.emplacements.empTab[p].patch_collec.listPatch.splice(index, 1);
	

	$("#dboitepanelpatch .content .deco_box[nbtoload=" + p + "]").find('.deco_add_box .patch_name')[index].innerHTML = ""
	$($("#dboitepanelpatch .content .deco_box[nbtoload=" + p + "]").find('.deco_add_box')[index]).remove()

	let id_patch_collec = prodOBJ.emplacements.empTab[p].patch_collec.colTabId[0];
	
	
	if (prodOBJ.emplacements.empTab[p].patch_collec.PatchList[id_patch_collec].split(';').length - 1 > prodOBJ.emplacements.empTab[p].patch_collec.listPatch.length)
		$('.deco_box[nbtoload=' + p + ']').append(load_ajout_emplacement_decoadd(p))

	refresh_canvas_collecpatch(false, p);
	refresh_paneldeco_size()
}

function create_mask_forthisface(fid) {
	document.getElementById("DivDeCache_Dx").innerHTML +=
		"<canvas id='canvas_" + fid + "' class='canvasmaskeoheohe' width='60' height='60' style='display:none;'></canvas>";


	if (!prodOBJ.faces[fid])
		return;
	var imgPathForMask = DESIGNER_SC_INC_PATH+"dxconfig/" + prodOBJ.faces[fid].photoPath;
	var largeur = 60;
	var hauteur = 60;
	var divid = "canvas_" + fid;
	var r = 255;
	var g = 255;
	var b = 255;
	var c = document.getElementById(divid);
	if (!c)
		return;
	var ctx = c.getContext("2d");

	var w = largeur;
	var h = hauteur;
	var img = new Image();
	img.src = imgPathForMask;
	img.onload = function () {
		var c = document.getElementById(divid);
		var ctx = c.getContext("2d");
		ctx.drawImage(img, 0, 0, w, h);
		var imgData = ctx.getImageData(0, 0, w, h);

		for (var i = 0; i < imgData.data.length; i += 4) {
			if (imgData.data[i + 3] == 255) {
				imgData.data[i + 3] = 0;
			} else {
				imgData.data[i] = r;
				imgData.data[i + 1] = g;
				imgData.data[i + 2] = b;
				imgData.data[i + 3] = 255 - imgData.data[i + 3];
			}
		}
		ctx.putImageData(imgData, 0, 0);

		var url = c.toDataURL();
		prodOBJ.faces[fid].masque_url = url;
		trig_collection(global_UI_collec_en_cours);
	};


}

function giveMeMaskIMG(imgPathForMask, largeur, hauteur, divid, r, g, b) {

	var c = document.getElementById(divid);
	if (!c)
		return;
	var ctx = c.getContext("2d");

	var w = largeur;
	var h = hauteur;



	/*
	var w = 54;
	var h = 54;*/

	var img = new Image();
	img.src = imgPathForMask;


	img.onload = function () {
		var c = document.getElementById(divid);
		var ctx = c.getContext("2d");
		ctx.drawImage(img, 0, 0, w, h);
		var imgData = ctx.getImageData(0, 0, w, h);

		for (var i = 0; i < imgData.data.length; i += 4) {
			if (imgData.data[i + 3] == 255) {
				/*   imgData.data[i] = 0;
				   imgData.data[i+1] = 0;
				   imgData.data[i+2] = 0;*/
				imgData.data[i + 3] = 0;
			} else {
				imgData.data[i] = r;
				imgData.data[i + 1] = g;
				imgData.data[i + 2] = b;
				imgData.data[i + 3] = 255 - imgData.data[i + 3];
			}
		}
		ctx.putImageData(imgData, 0, 0);
	};
}

function count_nbCouches(Nommodel) {
	$(".zone_card").hide();
	var NB = 0;
	for (var i in prodOBJ.models) {
		if (prodOBJ.models[i].nom == Nommodel)
			if (prodOBJ.models[i].couchelist.length > NB) {
				NB = prodOBJ.models[i].couchelist.length;

				for (let y = 0; prodOBJ.models[i].couchelist.length > y; y++)
					$('.zone_card[nbtoload=' + (y + 1) + ']').show()
			}
	}


	let tab_content = $("#color.tab .content");
	let tab = $('#color.tab');
	let header = tab.find('.header');
	let button_top = $("button[trigger=" + tab.attr('id') + "]");
	let height = NB * $(".zone_card").outerHeight() + 12;
	let max_height = $("#panel").outerHeight() - 304;
	if(height > max_height) {
		height = max_height;
	}
	header.add(button_top).off().on('click', () => {
		if (tab.hasClass('closed')) {
			$(".tab").addClass('closed')
			$(".tab .content").css('height', '0')
			tab.removeClass('closed')
			tab_content.css('height', height)
			if(!couche_vide_hide) {
				hide_couche_vide()
				couche_vide_hide = true;
			}
		} else {
			tab.addClass('closed')
			tab_content.css('height', '0')
		}
	})

	return NB + 1;
}

function open_tab() {
	global_UI_tabopened = this.id;
}


function trig_collection(c) {
	jQuery(".collectionlabelstyle").css("border", "1px solid transparent");
	jQuery(".collectionlabelstyle[cid=" + c + "]").css("border", "1px solid white");


	reset_content("affichageCollection");
	refresh_models(c, global_UI_face_en_cours);



	document.getElementById("affichageCollection").innerHTML += '<div style="clear:both"></div>';


	global_UI_collec_en_cours = c;
}

function trig_faceincremented(nbtomove) {

	if (nbtomove > 0 && $(".oPager")) {
		if ($(".oPager.active").next().length)
			trig_face($(".oPager.active").next().attr("iface"));
		else
			trig_face($(".oPager").first().attr("iface"));
		return;
	} else
	if (nbtomove < 0 && $(".oPager")) {
		if ($(".oPager.active").prev().length)
			trig_face($(".oPager.active").prev().attr("iface"));
		else
			trig_face($(".oPager").last().attr("iface"));
		return;
	}

	var ReIndex = [];
	var itc = 0;

	var itcv = 0;
	for (var itx in prodOBJ.faces) {
		
		
		ReIndex.push(itx);
		if (global_UI_face_en_cours == itx)
			itcv = itc;
		itc++;
	}
	

	nbtomove = itcv + nbtomove;


	if (nbtomove < 0)
		nbtomove = itc - 1;
	else if (nbtomove >= ReIndex.length)
		nbtomove = 0;

	

	trig_face(ReIndex[nbtomove]);
}

jQuery.fn.sortDivs = function sortDivs() {
	$("> div", this[0]).sort(dec_sort).appendTo(this[0]);

	function dec_sort(a, b) {
		return ($(b).attr("order")) < ($(a).attr("order")) ? 1 : -1;
	}
}

jQuery(document).ready(function ($) {
	$("#darrowleft").click(function (event) {
		trig_faceincremented(-1);
	});
	$("#darrowright").click(function (event) {
		trig_faceincremented(1);
	});
	$(".oPager").click(function (event) {
		trig_face($(this).attr("iface"));
	});


	$('#pager').sortDivs();
});



var nbhoverd = -1;
var highlighted = 0;

function hoveroutOnCanvas(evt) {
	
	if (nbhoverd > 0) {
	    
	    produit.restore_snape(nbhoverd,  customer.config);
	    nbhoverd = -1;
	    highlighted = 0;
	}
}

function hoverOnCanvas(evt) {
	
	
	

	if (global_is_working)
		return;

	var founded = 0;
	$($(".CanvasMaster").get().reverse()).each(function (index, el) {
		var context = el.getContext('2d');
		var pixelData = context.getImageData(evt.offsetX, evt.offsetY, 1, 1).data;
		if ((pixelData[0] == 0) && (pixelData[1] == 0) && (pixelData[2] == 0) && (pixelData[3] == 0)) {} else {
			founded = 1;
			
			
			
			if (nbhoverd != $(el).attr("icanvas")) {
				
				
				if (nbhoverd >= 0)
					produit.restore_snape(nbhoverd, customer.config);
				nbhoverd = $(el).attr("icanvas");
				highLight(nbhoverd, 0);
				highlighted = 1;
			}
			return false;
		}
	});

	if (!founded && highlighted) {
		
		produit.restore_snape(nbhoverd, customer.config);
		highlighted = 0;
		nbhoverd = -1;
	}
}

function clickOnCanvas(evt) {
	if($('.tabPalette:visible').attr('nb') !== undefined) {
		const it = $('.tabPalette:visible').attr('nb');
		for(let i = 0; i < couleurChoiceTemp.length; i++)
			prodOBJ.couleurDimportCurrent[it][i] = couleurChoiceTemp[i];
	}

	if($('#decoration_panel:visible')[0] !== undefined) {
		validDeco();
	}

	$('#main_panel').hide();

	var founded = 0;
	$($(".CanvasMaster").get().reverse()).each(function (index, el) {
		var context = el.getContext('2d');
		var pixelData = context.getImageData(evt.offsetX, evt.offsetY, 1, 1).data;

		
		if ((pixelData[0] == 0) && (pixelData[1] == 0) && (pixelData[2] == 0) && (pixelData[3] == 0)) {
			
		} else {
			founded = 1;
			
			if ($("#dboitepanel").hasClass("isColorPanel"))
				produit.restore_snape(global_UI_PalEncours, customer.config);
			loadPal($(el).attr("icanvas"))
			return false;
		}
	});
	if (founded == 0)
		retourPalListe();
}

function trig_face(f) {
	changePager(f);
	
	if (Global_UI_Silent_mode == 1) {
		console.log('STEP 1 => Activation de la face : ' + f);
	}

	global_UI_face_en_cours = f;

	jQuery(".dsboitefaces").css("border", "1px solid transparent");
	jQuery("#boiteDeFacePourHover_" + f).css("border-radius", "5px");

	customer.loadingphase();
	staticGlob = 0;
	onloadingu = 0;
	trig_collection(global_UI_collec_en_cours);

	produit.changephoto();
	produit.addphoto(DESIGNER_SC_INC_PATH+"dxconfig/" + prodOBJ.faces[f].photoPath);
	produit.addphotocolor(0, 255, 0, customer.config);
	changemodel();
	produit.snapcolor(0);
}

function trig_material(f, i) {
	$('#PaletteDivNB_' + i + ' .palette_box').removeClass('active');
	$('#PaletteDivNB_' + i + ' #palette_box_' + f).addClass('active')
}

function changefixe() {
	
	var f = global_UI_face_en_cours;
	if (prodOBJ.faces[f].photoFixePath == "") {
		
		var contexteGeneral = givemecontext("dxcanvas_fixe");
		contexteGeneral.clearRect(0, 0, 1000, 1000);
		return;
	}
	var contexteGeneral = givemecontext("dxcanvas_fixe");

	if (contexteGeneral) {
		
		contexteGeneral.clearRect(0, 0, 1000, 1000);
		
		contexteGeneral.drawImage(FixCached[f], 0, 0, 1000, 1000);
	} else
		console.log("generalcontext null en changefix");

}

function trig_model(mid) {
	fillCoucheVide(prodOBJ.models_name_id[mid]);
	$('#affichageCollection .cuniboxstyle').removeClass('selected');
	$('#affichageCollection #cunibox_' + mid).addClass('selected');
	global_UI_model_en_cours = mid;
	couche_vide_hide = false;
	trig_collection(global_UI_collec_en_cours);

	changemodel();

	nbpal = count_nbCouches(mid);

	if (mid == "Uni")
		nbpal--;
}

function hide_couche_vide() {
	for(let i=0; i < prodOBJ.couches_vide.length; i++) {
		if(prodOBJ.couches_vide[i] === true)
			$("#list_zone .zone_card[nbtoload='"+(i+1)+"']").hide();
	}
}

function modele(mid, fid) {
	var content = "<img src='"+DESIGNER_SC_INC_PATH+"dxconfig/" + prodOBJ.faces[global_UI_face_en_cours].photoPath + "' />";
	for (var i in prodOBJ.models) {
		if (prodOBJ.models[i].nom == mid && prodOBJ.models[i].id_face == fid) {
			
			for (var j = 0; j < prodOBJ.models[i].couchelist.length; j++) {
				var img = prodOBJ.models[i].couchelist[j].img;
				if (img)
					content += "<img src ='"+DESIGNER_SC_INC_PATH+"dxconfig/" + img + "'/>";
			}
			return content;
		}
	}
	
	return content;
}

function get_cid_modelName(modelname) {
	for (var i in prodOBJ.models) {
		if (prodOBJ.models[i].nom == modelname)
			return prodOBJ.models[i].id_collection;
	}
	return -42;
}

function BUTTON() {
	giveMeMaskIMG(DESIGNER_SC_INC_PATH + "dxconfig/" + prodOBJ.faces[global_UI_face_en_cours].photoPath, 60, 60, "canvas_" + "Chevronesk", 66, 66, 66);
	giveMeMaskIMG(DESIGNER_SC_INC_PATH + "dxconfig/" + prodOBJ.faces[global_UI_face_en_cours].photoPath, 60, 60, "canvas_" + "Helite", 66, 66, 66);
	giveMeMaskIMG(DESIGNER_SC_INC_PATH + "dxconfig/" + prodOBJ.faces[global_UI_face_en_cours].photoPath, 60, 60, "canvas_" + "Ultima", 66, 66, 66);
}

function refresh_models(cid, fid) {
	var content = "";

	for (var i in AsTabMod) {
		if (get_cid_modelName(i) == cid) {
			if (global_UI_model_en_cours == i)
				content += '<div id="cunibox_' + i + '" class="cuniboxstyle cpointer selected" onclick="trig_model(\'' + i + '\');">';
			else
				content += '<div id="cunibox_' + i + '" class="cuniboxstyle cpointer" onclick="trig_model(\'' + i + '\');">';
			content += modele(i, fid);
			content += "<img src='" + prodOBJ.faces[fid].masque_url + "' />";
			content += "<span class='modele_name'>" + i + "</span>";
			content += "<div class='selected_overlay'></div>";
			content += "<span class='material-icons selected_icon'>check_circle_outline</span>";
			content += '</div>';
		}
	}

	document.getElementById("affichageCollection").innerHTML += content;
}



function refresh_stld() {
	document.oncontextmenu = function () {
		return false;
	};
	document.ondragstart = function () {
		return false;
	};

}

var oneShotExec = 0;

function tabbing() {
	if (Global_load_nbencours < Global_load_Objectif) {
		Global_load_nbencours++;
		updateLoadInner(Global_load_nbencours);
	} else if (Global_load_nbencours >= 99) {
		console.log(sauvegarde_pour_export);
		if (sauvegarde_pour_export == "") {
			if (oneShotExec++ == 0) {
				resizeWorkspace();
			}
			$("#FIRST_LOADING_DIV").fadeOut("slow", function () {
				$("#PopinConseilConnex").fadeIn("500");
			});
		}
		else {
			clearInterval(globalIntervaling);
		}
	}
}

function reset_content(e) {
	document.getElementById(e).innerHTML = "";
}

function load_ajout_emplacement(obj, i) {
	let content = '';
	content += '<div class="deco_box" nbtoload="' + i + '" deconame="' + obj.nom + '">'
	content += '<span class="zone_name">' + obj.nom + ' :</span>'
	content += load_ajout_emplacement_decoadd(i)
	content += '</div>'
	$("#dboitepanelpatch .content")[0].innerHTML += content;
}

function load_ajout_emplacement_decoadd(i) {
	let content = '';
	content += '<div class="deco_add_box">'
	content += '<div class="patch_name"></div>'
	content += '<span onclick="add_patch(\'' + i + '\')" class="material-icons-outlined deco_add">add_box</span>'
	content += '<span onclick="remove_patch(\'' + i + '\')" class="material-icons-outlined deco_rm">clear</span>'
	content += '</div>'
	return content
}

function load_ajout_collection(e, i) {
	document.getElementById("listcollection").innerHTML += '<option class="collectionlabelstyle cpointer" cid="' + i + '">' + e + '</option>';
}

function load_ajout_material(id, e, i) {
	document.getElementById("select_material_" + id).innerHTML += '<option class="" value="' + i + '">' + e + '</option>';
}

function load_ajout_face(e, i) {
	document.getElementById("dboitefaces").innerHTML += '<div class="dsboitefaces cpointer" id="boiteDeFacePourHover_' + i + '" onclick="trig_face(' + i + ')"><img src="'+DESIGNER_SC_INC_PATH+'dxconfig/' + e.photoPath + '" />' + e.nom + '</div>';
}

function decide_who_is_alive() {
	var alive = 0;
	for (var i = 0; i < prodOBJ.emplacements.empTab.length; i++) {
		alive = 0;
		if (prodOBJ.emplacements.empTab[i].FaceTab) {
			for (var j = 0; j < prodOBJ.emplacements.empTab[i].FaceTab.length; j++) {
				if (prodOBJ.emplacements.empTab[i].FaceTab[j].ID == global_UI_face_en_cours)
					alive = 1;
			}
		}
		if (alive == 1)
			jQuery("#dxcanvas_patchs_" + i).show();
		else
			jQuery("#dxcanvas_patchs_" + i).hide();
	}
}

function write_canvas_forPatchs(config) {
	
	var div = document.getElementById("dboitepatchencours");
	for (var i = 0; i < prodOBJ.emplacements.empTab.length; i++) {
		div.innerHTML += '<canvas class="CanvasMaster" onclick="clickOnCanvas(event);" onmousemove="hoverOnCanvas(event)" onmouseout="hoveroutOnCanvas(event)" id="dxcanvas_patchs_' + i + '"' + ' width="' + config.w + 'px" height="' + config.h + 'px" style="position:absolute;"></canvas>';
	}

	div.innerHTML += '<canvas class="CanvasMaster" onclick="clickOnCanvas(event);" onmousemove="hoverOnCanvas(event)" onmouseout="hoveroutOnCanvas(event)" id="dxcanvas_fixe"' + ' width="' + config.w + 'px" height="' + config.h + 'px" style="position:absolute;"></canvas>';
}