var lyrList = ["rien","contentpeel","contentlaser","contentinj"];

// met toutes les images d'onglet à off
function offAllImages(){
	for(var j=1; j<lyrList.length; j++){
		var img = document.getElementById(lyrList[j]+"Img");
		img.src = img.src.replace(/_on/gi,"_off");
	}
}

// met l'image de l'onglet actif à on
function changeStateOngletImage(ongletId){
	var img = document.getElementById(lyrList[ongletId]+"Img");
	img.src = img.src.replace(/_off/gi,"_on");
}

// gere les boutons On et Off dans la nav d'onglet
function changeBoutonNav(ongletId){
	offAllImages();
	changeStateOngletImage(ongletId);
}


// masque tous les layers de contenu
function hideAllContents(){
	for(var j=1; j<lyrList.length; j++){
		var lyr = document.getElementById(lyrList[j]);
		lyr.style.display = "none";
	}
}

function showNewContent(ongletId){
	var lyr = document.getElementById(lyrList[ongletId]);
	lyr.style.display = "block";
}

// rend le nouvel onglet visible, et masque l'ancien 
function swapContents(ongletId){
	hideAllContents();
	showNewContent(ongletId);
}

// au clic sur un onglet
function onOngletRelease(ongletId){
	// change les images des bouton de nav
	changeBoutonNav(ongletId);
	// change les div de contenu
	swapContents(ongletId);
}