/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Créé l'entête du tableau --------------------------
----------------------------------------------------------------------------------------------------------------------*/
function p_creationTableau(){
	chaine = "<table>";
	chaine +=  "<tr><th id=\'anPrecedent\' >&lt;&lt;</th>" + "<th id=\'precedent\'>&lt;</th>" + "<th id=\'moisAn\' colspan=\'3\'>" + "</th><th id=\'suivant\'>&gt;</th>" + "<th id=\'anSuivant\' >&gt;&gt</th></tr>"
	chaine += "<th>Di</th> <th>Lu</th> <th>Ma</th> <th>Me</th> <th>Je</th> <th>Ve</th> <th>Sa</th>"
	nomMois = new Array ("Janvier","F&eacute;vrier","Mars","Avril","Mai","Juin","Juillet","Ao&ucirc;t","Septembre","Octobre","Novembre","D&eacute;cembre");
	
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Créé le tableau -----------------------------------
----------------------------------------------------------------------------------------------------------------------*/
	for (var ligne=0;ligne<5;ligne++){
		chaine += "<tr>";
		for (var colonne=0;colonne<7;colonne++){
			chaine += "<td></td>";
		}
		chaine += "</tr>";
	}
	noeudZone=document.getElementById("calendrier");
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Entrer le tableau dans la DIV ---------------------
----------------------------------------------------------------------------------------------------------------------*/
	noeudZone.innerHTML=chaine+"</table>";
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Créé une collection de TD -------------------------
----------------------------------------------------------------------------------------------------------------------*/
	collectionJour=noeudZone.getElementsByTagName("td");
/*----------------------------------------------------------------------------------------------------------------------
 -------------------------------------------------------------------- Déterminer la date actuelle ----------------------
----------------------------------------------------------------------------------------------------------------------*/
	aujourdhui = new Date();
	an = aujourdhui.getFullYear();
	mois = aujourdhui.getMonth();
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Assigner les fonctions ----------------------------
----------------------------------------------------------------------------------------------------------------------*/
	noeudSuivant = document.getElementById("suivant")
	noeudSuivant.onclick = moisSuivant;
	noeudSuivant.style.cursor = "hand"
	
	noeudPrecedent = document.getElementById("precedent")
	noeudPrecedent.onclick = moisPrecedent;
	noeudPrecedent.style.cursor = "hand"
	
	noeudAprecedent = document.getElementById("anPrecedent")
	noeudAprecedent.onclick = anPrecedante;
	noeudAprecedent.style.cursor = "hand"
	
	noeudAsuivant = document.getElementById("anSuivant")
	noeudAsuivant.onclick = anSuivante;
	noeudAsuivant.style.cursor = "hand"
	
	miseAjour(an, mois);
}
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Remplir le tableau --------------------------------
----------------------------------------------------------------------------------------------------------------------*/
function miseAjour(an,mois){
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- on initialise une date à la première journée du ---
-------------------------------------------------------------------- mois ----------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/
	var laDate = new Date(an,mois,1);
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- La journée de la semaine qui correspond au --------
-------------------------------------------------------------------- premier jour du mois ------------------------------
----------------------------------------------------------------------------------------------------------------------*/
	jourSemaine = laDate.getDay();
	jour = "";
	derJ=fct_dernierJour(an,mois);
	for (var k=0;k<collectionJour.length;k++){
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Le 1er jour commence à quel jour de la semaine ----
----------------------------------------------------------------------------------------------------------------------*/
		if (k == jourSemaine){
			jour = 1;
		}
		collectionJour[k].id = ""
		if (an == aujourdhui.getFullYear() && mois == aujourdhui.getMonth() && jour == aujourdhui.getDate()){
			collectionJour[k].id = "present"
		}
		if (jour>=1 && jour<=derJ){
			collectionJour[k].innerHTML = jour;
			jour++;
		}else{
			collectionJour[k].innerHTML = ""
		}
	}
	document.getElementById("moisAn").innerHTML=nomMois[mois]+" "+an;
	
}
function fct_dernierJour(an, mois){
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- si mois == décembre il faut passer à l'année ------
-------------------------------------------------------------------- suivante ------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/
	if (mois == 11){
		an++
	}
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- on passe au mois suivant --------------------------
----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Si ce  mois est décembre on passe à janvier -------
-------------------------------------------------------------------- (janvier à la valeur 0) ---------------------------
----------------------------------------------------------------------------------------------------------------------*/
	mois = (mois+1) % 12
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- on initialise la date au premier jour du mois -----
-------------------------------------------------------------------- suivant -------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/
	var D = new Date(an,mois,1)
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- on soustrait un jour à cette date -----------------
----------------------------------------------------------------------------------------------------------------------*/
	D.setTime(D.getTime()-(24*60*60*1000))
	return (D.getDate())
}
/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- NAVIGATION ----------------------------------------
----------------------------------------------------------------------------------------------------------------------*/
function moisSuivant(){
	if (mois == 11){
		an++
	};
	mois = (mois+1) % 12
	miseAjour(an, mois)
}
function moisPrecedent(){
	if (mois == 0){
		an-=1;
		mois=11;
	}else{
		mois-=1;
	}
	miseAjour(an, mois);
}
function anPrecedante(){
	an-=1;
	miseAjour(an, mois)
}
function anSuivante(){
	an+=1;
	miseAjour(an, mois)
}