/*
 * Affichage d'un onglet
 */
function ongletClick(groupe, id) {
	//alert(groupe+','+ id);
	// Réinitialisation des onglets du groupe
	var tdOnglet;
	var trOnglets = document.getElementById('tdOnglet_' + groupe + '_' + id).parentNode;
	
	for (var i = 0; i < trOnglets.getElementsByTagName('td').length; i++) {
		
		if (trOnglets.getElementsByTagName('td')[i].id.indexOf('tdOnglet_' + groupe) == 0) {
			tdOnglet = trOnglets.getElementsByTagName('td')[i]; 
			if (tdOnglet.className != 'tabInactif') {
				tdOnglet.className = tdOnglet.className.replace('On', 'Off');
			}
		}
	}
	// Masquage des div des onglets du groupe
	for (var i = 0; i < document.getElementsByTagName('div').length; i++) {
		if (document.getElementsByTagName('div')[i].id.indexOf(groupe) == 0) {
			if(document.getElementsByTagName('div')[i].id != groupe){
				tabOngletClassName = '';
				if(document.getElementById('tdOnglet_' + groupe + '_' + document.getElementsByTagName('div')[i].id)){
					//alert(document.getElementsByTagName('div')[i].id);
					tabOngletClassName = document.getElementById('tdOnglet_' + groupe + '_' + document.getElementsByTagName('div')[i].id).className;
					if(tabOngletClassName != 'tabActifOn') document.getElementsByTagName('div')[i].style.display = 'none';
				}
			}
		}
	}
	// Activation du nouvel onglet sélectionné
	document.getElementById('tdOnglet_' + groupe + '_' + id).className = 'tabActifOn';
	
	// Affichage du div de l'onglet sélectionné
	document.getElementById(id).style.display = '';
	
	// Mise à jour du champ caché de l'onglet sélectionné pour le réafficher après validation
	if ($('hiddenField' + groupe)) {
		$('hiddenField' + groupe).value = id;
	}
}

function ongletDivUniqueClick(groupe, id) {
	// Réinitialisation des onglets du groupe
	var tdOnglet;
	var trOnglets = document.getElementById('tdOnglet_' + groupe + '_' + id).parentNode;
	
	for (var i = 0; i < trOnglets.getElementsByTagName('td').length; i++) {
		if (trOnglets.getElementsByTagName('td')[i].id.indexOf('tdOnglet_' + groupe) == 0) {
			tdOnglet = trOnglets.getElementsByTagName('td')[i]; 
			if (tdOnglet.className != 'tabInactif') {
				tdOnglet.className = 'tabActifOff';
			}
		}
	}
	
	// Activation du nouvel onglet sélectionné
	document.getElementById('tdOnglet_' + groupe + '_' + id).className = 'tabActifOn';
}