var subSections = document.querySelectorAll('hgroup');




// si aucune sous-partie n'est active, on active la première
if( document.querySelector('#CONTAINER hgroup.active') == null )
	selectSubSection( document.querySelector('#CONTAINER hgroup') );

















/*************************************************/
/****************** EXEMPLE API ******************/
/*************************************************/

// on récupère la liste des élèves du groupe E

/* objet envoyé à API.php */
var request = {
	level_0: 'groups',
	level_1: 'grouplist',
};

// console.log( request );

// envoi de la requête
//   @ on envoie l'objet
//   @ quand réception: affichage de l'objet reçu
//
API.send(request, function(r){} );


/* Gestion du déroulement des tableaux des groupes */
function afficherCacherGroupes(e){
	// s'il s'agit de la case "Voir plus"
	if( e.target.className == 'more' ){
		var thead = e.target.parentNode.parentNode.parentNode.children[0];
		thead.className = (thead.className=='active') ? '' : 'active';
	}
}


DOM.CONTAINER.addEventListener('click', afficherCacherGroupes, false);