var  imageNameList = ["none","peelImg","injImg","lasImg","dermaImg"];
  var  labelList = ["none","<img src='/img/_fr/_fr/correction/peeling-mouseover.gif' alt='Le Peeling' />","<img src='/img/_fr/_fr/correction/injections-mouseover.gif' alt='Les Injections' />","<img src='/img/_fr/_fr/correction/lasers-mouseover.gif' alt='Les Lasers' />","<img src='/img/_fr/_fr/correction/derma-mouseover.gif' alt='La Micro-Dermabrasion' />"];

function  sousNavOut(outNavId){
	document.getElementById("info").innerHTML = labelList[defaultBtn];
	offAllImages();
}

 // met les images des mouseover off
function  offAllImages(){
	for(var j=1; j<imageNameList.length; j++){
		if(defaultBtn == j){
			continue;
		}
		
		var  img = document.getElementById(imageNameList[j]);
		img.src = img.src.replace(/_on/gi,"_off");
	}
}
 
function  sousNavOver(sousNavId){
 changeTextInfoMouseOver(sousNavId);
changeStateMouseOver(sousNavId);
}


 // met le texte d'info correspondant
function  changeTextInfoMouseOver(sousNavId){
	var  element = document.getElementById("info");
	if (element.style.display!="block")
	element.style.display="block";
	var  text = labelList[sousNavId];
	element.innerHTML = text;
}

 // met l'image du mouseover actif on
function  changeStateMouseOver(sousNavId){
	var  img = document.getElementById(imageNameList[sousNavId]);
	img.src = img.src.replace(/_off/gi,"_on");
}

var defaultBtn;
function setDefaultBouton(defaultBtnId){
	defaultBtn = defaultBtnId;
	sousNavOver(defaultBtn);
}