// Initialisation des paramètres
function paramTpl ()
	{
		for (var p in param)
			if ( expTpl.test(p) )
				param_tpl[p] = param[p];
	}	
// Mise à jour des paramètres actifs
function validTpl ()
	{		
		applyTemplate ();	
		for (var p in param)
		{	
			if ( expTpl.test(p) )
				param[p] = param_tpl[p];
		}
		loadIframe();
		document.getElementById('popup_template').style.display = 'none'; 
	}
// Initialisation des éléments de la popup
function initTpl ()
	{	
		// Affichage des choix
		document.getElementsByName("set_template_number")[param['tpl_number']].checked = true;
		enableTab (param['tpl_number']);
		/* Sélectionne les bonnes couleurs */
		for (i = 0 ; i <= 6 ; i++)
			{
				document.getElementById("tpl_top_"+i).style.background = param["color"+param["top_color"]];
				setSelectColor (document.getElementById("slMPMnu"+i), param['tpl_color_menu']);
				setSelectColor (document.getElementById("slMPWork"+i), param['tpl_color_work']);
				setSelectColor (document.getElementById("slMPLnk"+i), param['tpl_color_link']);
				if (i != 0) 
					setSelectColor (document.getElementById("slMPLeft"+i), param['tpl_color_left']);
				if (i == 5 || i == 6) 
					setSelectColor (document.getElementById("slMPRight"+i), param['tpl_color_right']);
			}
		/* Sélectionne la bonne marge selon celle en cours */
		tpl_margin = document.getElementById('slTmpMargin');
		i = 0;
		while (tpl_margin.options[i].value != param['tpl_margin'])	i++;			
		tpl_margin.options[i].selected = true;
				
		document.getElementById('popup_template').style.display = 'block'; 
	}
// Change la couleur d'un élément
function setSelectColor (object, parameter)
{
	object.options[parameter].selected = true;
	object.style.background = param["color"+parameter];
	object.parentNode.style.background = param['color'+parameter];
}
// Attribut une marge au site
function setTemplateMargin (margin)
	{ 
		param_tpl['tpl_margin'] = margin; 
	}
// Change l'état activé ou non de la partie droite dans la BDD
function setRightBlock (order) 
	{
		var xhr_object = null;
		xhr_object = fxGetHTTPObject();
		xhr_object.open("GET", scriptsUrl+"setRight.php?storeId="+storeId+"&stoRight="+order, true);
		xhr_object.send(null);  
	}
// Applique la template choisie
function applyTemplate ()
	{
		// Active oudésactive la partie droite
		if (param['tpl_number'] < 5 && param_tpl['tpl_number'] >= 5)
			setRightBlock (1);
		else if (param['tpl_number'] >= 5 && param_tpl['tpl_number'] < 5)
			setRightBlock (0);
		
		// Met à jour les couleurs de chaque partie selon la 6 ème tpl car toutes 
		// sont actives et les couleurs synchronisées avec les autres
		param_tpl['tpl_color_left'] = document.getElementById('slMPLeft6').selectedIndex;
		param_tpl['tpl_color_menu'] = document.getElementById('slMPMnu6').selectedIndex;
		param_tpl['tpl_color_work'] = document.getElementById('slMPWork6').selectedIndex;
		param_tpl['tpl_color_link'] = document.getElementById('slMPLnk6').selectedIndex;
		param_tpl['tpl_color_right'] = document.getElementById('slMPRight6').selectedIndex;
}
// Met à jour la prévisualisation de la template
function enableTab (val)
	{
		document.getElementById("tab_"+param_tpl['tpl_number']).style.display = "none";
		document.getElementById("tab_"+val).style.display = "block";
		param_tpl['tpl_number'] = val;
	}
// Met a jour les couleurs des différents blocs
function setTplColor (name)
	{
		// On analyse l'id de l'objet pour connaitre la template choisie et le bloc changé
		var id_tab = name.substring(0, name.length-1);
		var tpl_number = name.substring(name.length-1, name.length);
		
		// On récupère la couleur
		var current_tab = document.getElementById(id_tab+tpl_number);
		var current_color = current_tab.options[current_tab.selectedIndex].value;
		
		// On gère les cas particuliers de la partie gauche et droite absente de certaines templates
		var start = 0;
		if (id_tab == 'slMPRight')  start = 5;
		if (id_tab == 'slMPLeft') 	start = 1;
		
		// Pour chaque aperçu de la template
		for ( i = start ; i < 7 ; i++ )
			setSelectColor (document.getElementById(id_tab+i), current_color);
	}
// Mise à jour des couleurs de fond dans l'aperçu du menu "police"
function updateFontPreview ()
	{
		document.getElementById("view_left").style.background = param['color'+param['tpl_color_left']];
		document.getElementById("view_menu").style.background = param['color'+param['tpl_color_menu']];
		document.getElementById("view_work").style.background = param['color'+param['tpl_color_work']];
	}