/* addHover : Cette fonction ajoute le fonctionnement de la pseudo classe hover en CSS, et SEULEMENT pour IE */
function addHover(elm) {
	elm.style.behavior = " ";
	elm.onmouseenter = function() {
		this.className+= ' hover';
	}
	elm.onmouseleave = function() {
		this.className = this.className.replace(/\bhover\b/,"");
	}
}

/* change le style de la lettre selectionnee, ex : B passe d'une typo grise a un fond orange + typo blanche */
function changeLetter(elm) {
	var ul = elm.parentNode.parentNode;
	var lis = ul.getElementsByTagName("li");
	for (var i=0; i<lis.length; i++) {
		removeClass(lis[i], "current");
	}
	addClass(elm.parentNode, "current");
}

function addClass(elm, className) {
	elm.className+= " " + className;
}
function removeClass(elm, cName) {
	var reg = new RegExp("\\b" + cName +  "\\b","g");
	elm.className = elm.className.replace(reg, "");
}

/* masque TOUS les layers */
function showHide(elm,hide) {
	if (hide==null || hide=='') hide = false;
	if(hide) {
		elm.style.display = "none";
	}
	else {
		elm.style.display = "block";
	}
	
	var lis = elm.getElementsByTagName('LI');
	if (lis){
		for (var i=0;i<lis.length;i++){
			removeClass(lis[i],'current');
		}
	}
}

/* affiche le layer */
function showLayer(elm,id) {
	changeLetter(elm);
	
	var lay = document.getElementById(id);
	var parentId = lay.parentNode;
	var divs = parentId.getElementsByTagName('DIV');
	
	for (var i=0;i<divs.length;i++) {
		showHide(divs[i],true);
	}
	showHide(lay);
}