/* DEBUT GABARIT 2 PRODUITS */
function razFdVisuelsProduits(){
	$("#global").removeClass("fdproduit1");
	$("#global").removeClass("fdproduit2");	
	$("#produit1").removeClass("produitsColHoverproduit1");
	$("#produit2").removeClass("produitsColHoverproduit2");
	$("#produit1Bas").removeClass("souligne");
	$("#produit2Bas").removeClass("souligne");
}

function debutPage(){
	$("#global").addClass("fdproduit1");
	$("#produit1").addClass("produitsColHoverproduit1");
	$("#produit1Bas").addClass("souligne");	
}

function rollOnProduits(tmp,av){
	var recupNombreProduits = $('.produitglobal').length;	
	razFdVisuelsProduits();
	if(recupNombreProduits<=8){$("#global").addClass("fd"+tmp);}
	else {$("#global").addClass("fdproduit1");}
	if (av != ""){$("#"+tmp).addClass("produitsColHoverEnAvant");}
	else {$("#"+tmp).addClass("produitsColHover");}
	$("#"+tmp+"Bas").addClass("souligne");	
}

function closingAll(e){

	var el;
	if (navigator.userAgent.indexOf("MSIE") != "-1") {
		el = window.event.toElement;
	} else if (e.relatedTarget != null) {
		el = (e.relatedTarget.tagName ? e.relatedTarget : e.relatedTarget.parentNode);
	}
	
	if (getContainerWith(el, "DIV", "produits") == null || getContainerWith(el, "DIV", "produitsLigne") == null) {		
		razFdVisuelsProduits();
		//debutPage();
		$("#global").addClass("fdproduit1");
	}

}
/* FIN GABARIT 2 PRODUITS */

/* DEBUT GABARIT 8 PRODUITS */
function razFdVisuelsProduits8(){
	$("#global").removeClass("fdproduit1");
	$("#global").removeClass("fdproduit2");
	$("#global").removeClass("fdproduit3");		
	$("#global").removeClass("fdproduit4");
	$("#global").removeClass("fdproduit5");
	$("#global").removeClass("fdproduit6");
	$("#global").removeClass("fdproduit7");		
	$("#global").removeClass("fdproduit8");
	$("#global").removeClass("fdproduit9");
	$("#global").removeClass("fdproduit10");
	$("#global").removeClass("fdproduit11");		
	$("#global").removeClass("fdproduit12");	
	$(".produitglobal").removeClass("produitsColHover");
	$(".produitglobal").removeClass("produitsColHoverEnAvant");
	$(".produitsColGlobal").removeClass("texteblanc");
	$(".fondProduitBas a").removeClass("textebold");
	$(".fondProduitBas a").removeClass("souligne");	
}

function debutPage8(){
	$("#global").addClass("fdproduit1");
	$("#produit1Haut").addClass("texteblanc");	
	$("#produit1").addClass("produitsColHover");
	$("#produit1Bas").addClass("textebold");
	$("#produit1Bas").addClass("souligne");
}

function rollOnProduits8(tmp,av){
	var recupNombreProduits = $('.produitglobal').length;	
	razFdVisuelsProduits8();
	if(recupNombreProduits<=8){$("#global").addClass("fd"+tmp);}
	else {
		$("#global").addClass("fdproduit1");
	}
	if (av != ""){$("#"+tmp).addClass("produitsColHoverEnAvant");}
	else {$("#"+tmp).addClass("produitsColHover");}
	$("#"+tmp+"Bas").addClass("textebold");
	$("#"+tmp+"Bas").addClass("souligne");
	$("#"+tmp+"Haut").addClass("texteblanc");	
}

function closingAll8(e){

	var el;
	if (navigator.userAgent.indexOf("MSIE") != "-1") {
		el = window.event.toElement;
	} else if (e.relatedTarget != null) {
		el = (e.relatedTarget.tagName ? e.relatedTarget : e.relatedTarget.parentNode);
	}
	
	if (getContainerWith(el, "DIV", "produits") == null || getContainerWith(el, "DIV", "produitsLigne") == null) {		
		razFdVisuelsProduits8();
		//debutPage8();
		$("#global").addClass("fdproduit1");
	}

}
/* FIN GABARIT 8 PRODUITS */	

function getContainerWith(node, tagName, className) {
	while (node != null) {
		if (node.tagName != null && node.tagName == tagName && hasClassName(node, className)) {
			return node;
		}
		node = node.parentNode;
	}
	return node;
}
 
function hasClassName(el, name) {
	var i, list;
	list = el.className.split(" ");
	for (i = 0; i < list.length; i++) {
		if (list[i] == name) {
			return true;
		}
	}
	return false;
}

function preloadPage(){
	document.getElementById('cache').style.display='none';	
	document.getElementById('preload').style.display='block';
}

function calculWidthDivProduitsGab1(){
	var recupNombreProduits = $('.produitglobal').length;
	var recupWidthDivProduits = $('.produits').width();	
	var recupWidthDivProduitsColGlobal = $('.produitsColGlobal').width();	
	
	if(recupNombreProduits==1){
		$('.produits').width(recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceBas');		
	}
	
	if(recupNombreProduits==2){
		$('.produits').width(2*recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceBas');		
	}
	
	if(recupNombreProduits==3){
		$('.produits').width(3*recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceHaut');		
	}
}

function calculWidthDivProduitsGab2(){
	var recupNombreProduits = $('.produitglobal').length;
	var recupWidthDivProduits = $('.produits').width();	
	var recupWidthDivProduitsColGlobal = $('.produitsColGlobal').width();	
	
	if(recupNombreProduits==1 || recupNombreProduits==2){
		$('.produits').width(recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');	
		$('.lienService').addClass('lienServiceBas');		
	}
	
	if(recupNombreProduits==3 || recupNombreProduits==4){
		$('.produits').width(2*recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');		
		$('.lienService').addClass('lienServiceBas');		
	}
	
	if(recupNombreProduits==5 || recupNombreProduits==6){
		$('.produits').width(3*recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceBas');		
	}
	
	if(recupNombreProduits==7 || recupNombreProduits==8){
		$('.produits').width(4*recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceBas');
	}
	
	if(recupNombreProduits==9 || recupNombreProduits==10){
		$('.produits').width(5*recupWidthDivProduitsColGlobal);
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceHaut');		
	}
	
	if(recupNombreProduits>=11){
		$('.produits').width(6*recupWidthDivProduitsColGlobal);	
		$('.lienService').removeClass('lienServiceBas');			
		$('.lienService').addClass('lienServiceHaut');				
	}	
}

function lienService(){
	/*Largeur du lien service en fonction du texte*/
	var recupWidthLienService = $('.spanLienService').width();
	var recupWidthLienServiceTotal = recupWidthLienService;
	$('.lienServiceC').width(recupWidthLienServiceTotal);
}

function lienService2(){
	/*Largeur du lien service en fonction du texte*/
	var recupWidthLienService = $('#spanLienService1').width();
	var recupWidthLienServiceTotal = recupWidthLienService;
	$('#lienServiceC1').width(recupWidthLienServiceTotal);
	
	recupWidthLienService = $('#spanLienService2').width();
	recupWidthLienServiceTotal = recupWidthLienService;
	$('#lienServiceC2').width(recupWidthLienServiceTotal);
}

// ############## NAV LEFT  ############## 

	// push_ingredient -> product.aspx; range.aspx
	function push_ingredient(the_tpcode,the_hierarchie,the_prdcode,thepages){
		alt_title = document.getElementById("key_"+the_tpcode).innerHTML;
		alt_titlebalise = alt_title;
		alt_title = alt_title.replace('<br>', "&nbsp;");
		alt_title = alt_title.replace('<br/>', "&nbsp;");
		alt_title = alt_title.replace('<br />', "&nbsp;");
		alt_title = alt_title.replace(/<.*?>/gi, " ");
		alt_title = alt_title.replace(/&nbsp;/gi, " ");
		alt_title = alt_title.replace(/&nbsp;&nbsp;/gi, " ");
		alt_title = alt_title.replace(/'/gi, "\'");
		document.write("<div class=\"imgHaut\" onclick=\"location.href='"+thepages+"?tpcode="+the_hierarchie+"&ingredient=1&prdcode="+the_prdcode+"'\" title=\""+alt_title+"\">");					
		document.write("<div id=\"middle\">");
		document.write("<div id=\"inner\">");
		document.write("<p>"+alt_titlebalise+"</p>");	
		document.write("</div></div></div>");
	}
	
	// push_minisite -> product.aspx; range.aspx
	function push_minisite(the_tpcode,target){
		alt_title_ministe = document.getElementById("minisite1_"+the_tpcode).innerHTML;
		link_minisite = document.getElementById("minisite2_"+the_tpcode).innerHTML;
		alt_title_ministebalise = alt_title_ministe;
		alt_title_ministe = alt_title_ministe.replace("<br>", "&nbsp;");
		alt_title_ministe = alt_title_ministe.replace("<br/>", "&nbsp;");
		alt_title_ministe = alt_title_ministe.replace("<br />", "&nbsp;");
		alt_title_ministe = alt_title_ministe.replace(/<.*?>/gi, " ");
		alt_title_ministe = alt_title_ministe.replace(/&nbsp;/gi, " ");
		alt_title_ministe = alt_title_ministe.replace(/&nbsp;&nbsp;/gi, " ");
		alt_title_ministe = alt_title_ministe.replace(/'/gi, "\'");
		if(link_minisite != ""){
			if(target!="_blank"){
				document.write("<div class=\"imgBas\" onclick=\"location.href='"+link_minisite+"'\" title=\""+alt_title_ministe+"\">");
			}else{
				document.write("<div class=\"imgBas\" onclick=\"javascript:window.open('"+link_minisite+"')\" title=\""+alt_title_ministe+"\">");
			}
			document.write("<div id=\"middle\">");
			document.write("<div id=\"inner\">");
			document.write("<p>"+alt_title_ministebalise+"</p>");	
			document.write("</div></div></div>");
		}
	}
	
	// style_pushingredient & push minisite -> product.aspx; range.aspx
	function style_pushingredient(the_tpcode,the_hierarchieimg,the_color_txt1,the_color_txt2,offon){
		$(".navDeGauche .blockBas .imgHaut").css({"background":"transparent url('/img/our_products/"+the_hierarchieimg+"/key-facts"+offon+"-"+the_tpcode+".png') top left no-repeat"});
		$(".navDeGauche .blockBas .imgHaut p").css({"background":"transparent url('/img/our_products/"+the_hierarchieimg+"/arrow-keyfacts"+offon+".png') top left no-repeat", "color": the_color_txt1});
		$(".navDeGauche .blockBas .imgBas").css({"background": "transparent url('/img/our_products/"+the_hierarchieimg+"/minisite-"+the_tpcode+".png') top left no-repeat", "color": the_color_txt2}); 
	$(".navDeGauche .blockBas .imgBas p").css({"background":"transparent url('/img/our_products/"+the_hierarchieimg+"/arrow-minisite.png') top left no-repeat","color":the_color_txt2});
	} 
	
	// push_faq -> product.aspx; product-struct.aspx; range-haircolor; shade-haircolor
	function push_faq(){
		/* recup et transform txt faq */
		var alt_title_faq = $("#faq").html();
		var url_img_faq = $("#faq_url_img").val();
		var alt_titlebalise_faq = alt_title_faq;
		alt_title_faq = alt_title_faq.replace('<br>', "&nbsp;");
		alt_title_faq = alt_title_faq.replace('<br/>', "&nbsp;");
		alt_title_faq = alt_title_faq.replace('<br />', "&nbsp;");
		alt_title_faq = alt_title_faq.replace(/<.*?>/gi, " ");
		alt_title_faq = alt_title_faq.replace(/&nbsp;/gi, " ");
		alt_title_faq = alt_title_faq.replace(/&nbsp;&nbsp;/gi, " ");
		alt_title_faq = alt_title_faq.replace(/'/gi, "\'");
		/* recup url faq + add onclick + append */
		
		var url_faq0 = $("input#faq_url").val();
		var url_faq = "location.href='"+url_faq0+"'";
		if (url_faq0 != ""){
			$(".pushfaq").append("<a href=\""+url_faq0+"\" title=\""+alt_title_faq+"\"><div class=\"imgBas\"><div id=\"middlefaq\"><div id=\"innerfaq\"><p>"+alt_titlebalise_faq+"</p></div></div></div></a>");	
			/* css */
			var faq_prdcode = $("input#faq_prdcode").val();
			var faq_color = "#ffffff";
			if (faq_color != ""){faq_color = $("input#faq_color").val();}
			if (url_img_faq != ""){$(".navDeGauche .blockBas .pushfaq .imgBas").css({background: "transparent url('"+url_img_faq+"') top left no-repeat"}).css("margin-bottom","0");}
			else{$(".navDeGauche .blockBas .pushfaq .imgBas").css({background: "transparent url('/img/our_products/"+faq_prdcode+"/backgroundpushfad-"+faq_prdcode+".png') top left no-repeat"}).css("margin-bottom","0");}
			$(".navDeGauche .blockBas .pushfaq .imgBas p").css({background: "transparent url('/img/our_products/"+faq_prdcode+"/arrowpushfad-"+faq_prdcode+".png') top left no-repeat", color:faq_color});
			$(".navDeGauche .blockBas .pushfaq .imgBas p").css("width","95px");
			$(".pushfaq").css("width","160px");
		}
	}
	
	$(document).ready(function(){				
		/* for push ingredient */
		var recup_PushIng_tpcode = $(".recup_PushIng_tpcode").val();
		var recup_PushIng_hierarchie = $(".recup_PushIng_hierarchie").val();
		var recup_PushIng_txt1 = $(".recup_PushIng_txt1").val();
		var recup_PushIng_txt2 = $(".recup_PushIng_txt2").val();
		var recup_PushIng_type = $(".recup_PushIng_type").val();
		style_pushingredient(recup_PushIng_tpcode,recup_PushIng_hierarchie,recup_PushIng_txt1,recup_PushIng_txt2,recup_PushIng_type);
		/* for push faq */		
		if ( $("input#faq_url").length > 0){
			push_faq();	
		}
	});