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',
	semestre: '3',
	annee: '2015',
};

// 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);






/* GESTION DU DRAG N DROP */
if( document.querySelector('#CONTAINER section[name=movestudents]') != null ){ // si c'set l'admin
	var dnd = new DragnDrop();

	var members = document.querySelectorAll('#CONTAINER section[name=movestudents] table tr td:not(.more)');
	for( var i = 0 ; i < members.length ; i++ )
		dnd.setDraggable(members[i]);

	var groups = document.querySelectorAll('#CONTAINER section[name=movestudents] table thead th:first-child');
	for( var i = 0 ; i < groups.length ; i++ )
		dnd.setDroppable(groups[i]);	
	
	dnd.init();
}