var topbanne = document.getElementById("topbar");
var topbarlogo = document.getElementById("topbar-logo");
var lareamodif = document.getElementById("calendar");
var titlebanne = topbanne.getElementsByTagName("h1")[0].innerHTML;
var explainbanne = topbanne.getElementsByTagName("h2")[0].innerHTML;
var titrecalendar = lareamodif.getElementsByTagName("caption")[0].innerHTML;
var aujourdhui = new Date();
var cejour=aujourdhui.getDate();
var cemois = aujourdhui.getMonth();
var lesbalisestd = lareamodif.getElementsByTagName("td");
var moisencours = new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre');
var fondcalendarjpg = new Array('http://contes-de-web.fr/img/cal01.jpg','http://contes-de-web.fr/img/cal02.jpg','http://contes-de-web.fr/img/cal03.jpg','http://contes-de-web.fr/img/cal04.jpg',
'http://contes-de-web.fr/img/cal05.jpg','http://contes-de-web.fr/img/cal06.jpg','http://contes-de-web.fr/img/cal07.jpg','http://contes-de-web.fr/img/cal08.jpg',
'http://contes-de-web.fr/img/cal09.jpg','http://contes-de-web.fr/img/cal10.jpg','http://contes-de-web.fr/img/cal11.jpg','http://contes-de-web.fr/img/cal12.jpg');
var calendrier = "<div align='left' style='display:block;  height:255px; width:800px; border:none; background: #000000 url(" + fondcalendarjpg[cemois] + ") no-repeat;'>";
calendrier += "<div style='height:175px'></div>";
calendrier += "<div style='float:left; color:#FFFF00;'>&nbsp;&nbsp;" + moisencours[cemois] + "&nbsp;" + aujourdhui.getYear() + "&nbsp;&nbsp;</div>";
calendrier += "<div id='timerregjour' style='color:#FFFF00;'></div>";
calendrier += "<table align='center'>";
var tabjours = new Array("Di","Lu","Ma","Me","Je","Ve","Sa");
var jourscalendrier = "<tr  align='center' style='background-color:#000000;'>";
var numjourscalendrier = "<tr  align='center'  style='background-color:#000000;'>";
var seljourcalendrier = 0;
var tiptopday =0;
	for (i=0; i<lesbalisestd.length; i++) {

		if (lesbalisestd[i].innerHTML != "&nbsp;") {
		tiptopday++;
		jourscalendrier += "<th>";
		if (seljourcalendrier == 0) {  jourscalendrier += "<div style='background-color:#000000; color:#FF0000;'>"; } else {  jourscalendrier += "<div style='color:#FFFF00;'>"; }
		jourscalendrier += tabjours[seljourcalendrier];
		jourscalendrier += "</div>";
		jourscalendrier += "</th>";
		numjourscalendrier  += "<td>";
		if (seljourcalendrier == 0) { numjourscalendrier += "<div style='background-color:#000000; color:#FF0000;'>"; } else {  numjourscalendrier += "<div  style='color:#FFFF00;'>"; }
			if (tiptopday == cejour) {
			numjourscalendrier += "<div  style='background-color:#8899AA; color:#FFFF00;'>";
			}
		numjourscalendrier  += lesbalisestd[i].innerHTML;
			if (tiptopday == cejour) {
			numjourscalendrier += "</div>";
			}
		numjourscalendrier += "</div>";
		numjourscalendrier  += "</td>";
		
		}
	seljourcalendrier ++;
		if (seljourcalendrier == 7)
		{
		
		seljourcalendrier = 0;
		}
	}

jourscalendrier += "</tr>";

numjourscalendrier  += "</tr>";
calendrier += jourscalendrier + numjourscalendrier ;
calendrier +=  "</table>";
calendrier +="</div>";

lareamodif.innerHTML="";
document.getElementById("topbar").innerHTML=calendrier;