function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

window.onload = function() {
	// Masque des div
	if (document.getElementById('table-onglet')){
		hideC();
		//afficher le premier par defaut
		showC('calque1');
	}
} 

// Masquer tous les les calques
function hideC (){
	oDiv = getElementsByClassName(document, "div", "calque");
	//le premier calque est affiche la premiere fois
	for (i=0; i<oDiv.length; i++) {
		//	alert(i);
		oDiv[i].style.display = 'none';
	}			
}

// Montrer un calque
function showC(layer){	
//	hideC();
//alert(calque);
//alert(document.getElementById(calque).style.display);
	document.getElementById(layer).style.display = 'block';
}



// On et Off des onglets en sous home page
function ongon (elment, ongd) {
	// onglet actif
	oOngGActif = getElementsByClassName(document, "td", "ong-actif");
	oOngDActif = getElementsByClassName(document, "td", "onglet-d-actif");

	var amasquer = oOngDActif[0].id;
	document.getElementById(amasquer).className='onglet-d';	
	var amasquerG = oOngGActif[0].id;
	document.getElementById(amasquerG).className='';

document.getElementById(elment.id).className='ong-actif';
	document.getElementById('ong'+ongd).className='onglet-d-actif';
//	alert('calque'+ongd);
	hideC();
	showC('calque'+ongd);
}

function ongoff (elment, ongd) {
elment.className='';
document.getElementById('ong'+ongd).className='onglet-d';
}
//__________________________________________________________________