/*
*	Déclaration des variables qui vont contenir les valeur : Heures, Minutes et Secondes
*	Comme document prend trop de caractère on le remplace par d ^^
*/
var hh, mm, ss;
var d = document;
/*
*	Nom :	maintenant
*	Fonction :	Récupère l'heure et les dispatches dans les valeurs créées ci-dessus
*	Entrée	:	Rien
*	Sortie	:	Rien
*/ 
function maintenant () {
	// Récupération de la date ET heure
	Maintenant = new Date();
	// Extraction de l'heure et ajout d'un caractère de fin de ligne(oué car sinon ça bug le substring)
	hh = new String(Maintenant.getHours() + '\r');
	// Contrôle du format, je rajoute un 0 si l'heure est inférieure à 10
	hh = (hh.length > 2) ? hh : '0' + hh;
	// Extraction des minutes et ajout d'un caractère de fin de ligne(oué car sinon ça bug le substring)
	mm = new String(Maintenant.getMinutes() + '\r');
	// Contrôle du format, je rajoute un 0 si les minutes sont inférieures à 10
	mm = (mm.length > 2) ? mm : '0' + mm;					
	// Extraction des secondes et ajout d'un caractère de fin de ligne(oué car sinon ça bug le substring)
	ss = new String(Maintenant.getSeconds() + '\r');
	// Contrôle du format, je rajoute un 0 si les secondes sont inférieures à 10
	ss = (ss.length > 2) ? ss : '0' + ss;							
}

/*
*	Nom :	clock
*	Fonction :	Fait appel à la fonction maintenant
*					Copie le contenu des divs dessinant les chiffres dans les conteneurs adéquats :)
*	Entrée	:	Rien
*	Sortie	:	Rien
*/ 
function clock() {
	setTimeout('clock()', 1000);
	maintenant();
	d.getElementById('us').innerHTML = d.getElementById('c' + ss.substring(1, 2)).innerHTML;
	d.getElementById('ds').innerHTML = d.getElementById('c' + ss.substring(0, 1)).innerHTML;
	d.getElementById('p1').innerHTML = d.getElementById('p').innerHTML;
	d.getElementById('um').innerHTML = d.getElementById('c' + mm.substring(1, 2)).innerHTML;
	d.getElementById('dm').innerHTML = d.getElementById('c' + mm.substring(0, 1)).innerHTML;
	d.getElementById('p2').innerHTML = d.getElementById('p').innerHTML;
	d.getElementById('uh').innerHTML = d.getElementById('c' + hh.substring(1, 2)).innerHTML;
	d.getElementById('dh').innerHTML = d.getElementById('c' + hh.substring(0, 1)).innerHTML;
}
/*
*	Nom :	write
*	Fonction :	Imprime dans "conteneur", les divs décrivant les chiffres de 0 à 9
*	Entrée	:	Rien
*	Sortie	:	Rien
*/ 
function write() {
	d.getElementById('conteneur').innerHTML = '<div id="dh" class="cadre"></div><div id="uh" class="cadre"></div><div id="p1" class="point"></div><div id="dm" class="cadre"></div><div id="um" class="cadre"></div><div id="p2" class="point"></div><div id="ds" class="cadre"></div><div id="us" class="cadre"></div><div id="p" class="hidden"><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c"></div></div><div id="c" class="hidden"><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c""></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div></div><div id="c0" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div></div><div id="c1" class="hidden"><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div></div><div id="c2" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div></div><div id="c3" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div></div><div id="c4" class="hidden"><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div></div><div id="c5" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div></div><div id="c6" class="hidden"><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div></div><div id="c7" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div></div><div id="c8" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div></div><div id="c9" class="hidden"><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div><div class="c"></div><div class="c"></div><div class="c o"></div></div>';
	clock(); 
}
