// JavaScript Document

var ie = (document.all) ? true : false; // True si le navigateur est IE
var ns4 = (document.layers) ? true : false; // True si le navigateur est NS version < 6
var ns6 = (document.getElementById) ? true : false; // True si le navigateur est NS version 6 ou FireFox ou IE6

if (ie){
	if (document.getElementById){
		ie = false;
		ns6 = true;
	}
}

function showlayer(layer) {
// Affiche le layer suivant son état
// layer -> nom du layer
    if(ie) document.all[layer].style.display = "block";
	else if(ns4) document.layers[layer].display = "block";
	else if(ns6) document.getElementById(layer).style.display = "block";
}


function hidelayer(layer) {
// Cache le layer suivant son état
// layer -> nom du layer
    if(ie) document.all[layer].style.display = "none";
	else if(ns4) document.layers[layer].display = "none";
	else if(ns6) document.getElementById(layer).style.display = "none";
}

/* FONCTION DE DÉFINITION DES CALQUES */
function NameDiv(id){
	if(document.all){ doc = document.all[id]; }
	if(document.getElementById){ doc = document.getElementById(id);}
	return doc;
}

/* FONCTION D'AFFICHAGE/MASQUAGE DES ELEMENTS */
// id : id de l'élement
// prop : propriété du display (none, block, inline)
function SetObjDisplay(id, prop){
	NameDiv(id);
	doc.style.display=prop;
}

/* FONCTION D'AFFECTATION DE CLASSE AUX ELEMENTS */
// id : id de l'élement
// cssName : nom de la classe
function SetObjCss(id, cssName){
	NameDiv(id);
	doc.className=cssName;
}

// SWAP PRODUITS PROFESSIONELS

function SwapContentPro(id){
	// TABLEAU DES PRODUITS PRO */
	var Btn = new Array();
	Btn[0] = "Prod1";
	Btn[1] = "Prod2";
	Btn[2] = "Prod3";
	Btn[3] = "Prod4";
	Btn[4] = "Prod5";
	Btn[5] = "Prod6";
	Btn[6] = "Prod7";
	Btn[7] = "Prod8";
	// TABLEAU DES CALQUES DES PRODUITS PRO */
	var LayerBtn = new Array();
	LayerBtn[0] = "LayerProd1";
	LayerBtn[1] = "LayerProd2";
	LayerBtn[2] = "LayerProd3";
	LayerBtn[3] = "LayerProd4";
	LayerBtn[4] = "LayerProd5";
	LayerBtn[5] = "LayerProd6";
	LayerBtn[6] = "LayerProd7";
	LayerBtn[7] = "LayerProd8";
	
	for(i=0; i<Btn.length; i++){
		if(id==Btn[i]){
			SetObjDisplay(LayerBtn[i], "inline");
			SetObjCss(Btn[i], "on")
		} else{
			SetObjDisplay(LayerBtn[i], "none");
			SetObjCss(Btn[i], "")
		}
	}
}

// SWAP CLIENTS VISU + CLASS ON

function SwapVisuClient(id){
	// TABLEAU DES PRODUITS PRO */
	var Btn = new Array();
	Btn[0] = "Client4";
	Btn[1] = "Client1";
	Btn[2] = "Client2";
	Btn[3] = "Client8";
	Btn[4] = "Client5";
	Btn[5] = "Client7";
	Btn[6] = "Client3";
	Btn[7] = "Client6";
	Btn[8] = "Client9";
	// TABLEAU DES CALQUES DES PRODUITS PRO */
	var LayerBtn = new Array();
	LayerBtn[0] = "VisuClient4";
	LayerBtn[1] = "VisuClient1";
	LayerBtn[2] = "VisuClient2";
	LayerBtn[3] = "VisuClient8";
	LayerBtn[4] = "VisuClient5";
	LayerBtn[5] = "VisuClient7";
	LayerBtn[6] = "VisuClient3";
	LayerBtn[7] = "VisuClient6";
	LayerBtn[8] = "VisuClient9";
	
	for(i=0; i<Btn.length; i++){
		if(id==Btn[i]){
			SetObjDisplay(LayerBtn[i], "inline");
			SetObjCss(Btn[i], "on")
		} else{
			SetObjDisplay(LayerBtn[i], "none");
			SetObjCss(Btn[i], "")
		}
	}
}

function SwapItemMarques(id){
	// TABLEAU DES PRODUITS PRO */
	var Btn = new Array();
	Btn[0] = "Pro1";
	Btn[1] = "Pro2";
	Btn[2] = "Pro3";
	// TABLEAU DES CALQUES DES PRODUITS PRO */
	var LayerBtn = new Array();
	LayerBtn[0] = "MarquesPro1";
	LayerBtn[1] = "MarquesPro2";
	LayerBtn[2] = "MarquesPro3";
	
	for(i=0; i<Btn.length; i++){
		if(id==Btn[i]){
			SetObjDisplay(LayerBtn[i], "block");
			SetObjCss(Btn[i], "on")
		} else{
			SetObjDisplay(LayerBtn[i], "none");
			SetObjCss(Btn[i], "")
		}
	}
}