var cpt_secondes = 0;
var hauteurChiffreCompteur = 36;
var startDate = new Date();

var div_secondes_dizaines = null;
var div_secondes_unites = null;

var div_minutes_dizaines = null;
var div_minutes_unites = null;

var div_heures_dizaines = null;
var div_heures_unites = null;

var div_jours_dizaines = null;
var div_jours_unites = null;

var cptTimeOut = null;

function updateCPT(){
	//On met à jour la valeur du compteur
	//cpt_secondes--;
	var currentDate = new Date();
	
	var secPassees = Math.round((currentDate.getTime() - startDate.getTime())/1000);
	
	//On calcule les valeurs des compteurs
	var reste = cpt_secondes - secPassees;
	var reste_sec = reste;
	
	var jours = Math.floor(reste/(3600*24));
	var jours_dizaines = Math.floor(jours/10);
	var jours_unites = jours - jours_dizaines*10;
	reste -= jours*3600*24;
	
	var heures = Math.floor(reste/3600);
	var heures_dizaines = Math.floor(heures/10);
	var heures_unites = heures - heures_dizaines*10;
	reste -= heures*3600;
	
	var minutes = Math.floor(reste/60);
	var minutes_dizaines = Math.floor(minutes/10);
	var minutes_unites = minutes - minutes_dizaines*10;
	reste -= minutes*60;

	var secondes_dizaines = Math.floor(reste/10);
	var secondes_unites = reste - secondes_dizaines*10;
	
	
	
	
	//On met à jour l'affichage des compteurs
	div_secondes_dizaines.style.backgroundPosition = "0px " + (secondes_dizaines*hauteurChiffreCompteur * -1) + "px";
	div_secondes_unites.style.backgroundPosition = "0px " + (secondes_unites*hauteurChiffreCompteur * -1) + "px";
	
	div_minutes_dizaines.style.backgroundPosition = "0px " + (minutes_dizaines*hauteurChiffreCompteur * -1) + "px";
	div_minutes_unites.style.backgroundPosition = "0px " + (minutes_unites*hauteurChiffreCompteur * -1) + "px";
	
	div_heures_dizaines.style.backgroundPosition = "0px " + (heures_dizaines*hauteurChiffreCompteur * -1) + "px";
	div_heures_unites.style.backgroundPosition = "0px " + (heures_unites*hauteurChiffreCompteur * -1) + "px";
	
	div_jours_dizaines.style.backgroundPosition = "0px " + (jours_dizaines*hauteurChiffreCompteur * -1) + "px";
	div_jours_unites.style.backgroundPosition = "0px " + (jours_unites*hauteurChiffreCompteur * -1) + "px";
	
	
	//On affiche en surimpression pendant un cours instant l'ancienne valeur
	//window.setTimeout("transition(false);", 100);
	//window.setTimeout("transition(true);", 900);
	
	if(reste_sec > 0){
		cptTimeOut = window.setTimeout("updateCPT();", 100);
	}else{
		window.clearTimeout(cptTimeOut);
	}
}

function transition(display){
	if(display){
		//On affiche en surimpression pendant un cours instant l'ancienne valeur
		var contenuTempDeb = "<div class=\"chiffresLCD2\" style=\"opacity:.5;background-position:";
		var contenuTempFin = "\"></div>";
		
		div_secondes_dizaines.innerHTML = contenuTempDeb + div_secondes_dizaines.style.backgroundPosition + contenuTempFin;
		div_secondes_unites.innerHTML = contenuTempDeb + div_secondes_unites.style.backgroundPosition + contenuTempFin;
		div_minutes_dizaines.innerHTML = contenuTempDeb + div_minutes_dizaines.style.backgroundPosition + contenuTempFin;
		div_minutes_unites.innerHTML = contenuTempDeb + div_minutes_unites.style.backgroundPosition + contenuTempFin;
		div_heures_dizaines.innerHTML = contenuTempDeb + div_heures_dizaines.style.backgroundPosition + contenuTempFin;
		div_heures_unites.innerHTML = contenuTempDeb + div_heures_unites.style.backgroundPosition + contenuTempFin;
		div_jours_dizaines.innerHTML = contenuTempDeb + div_jours_dizaines.style.backgroundPosition + contenuTempFin;
		div_jours_unites.innerHTML = contenuTempDeb + div_jours_unites.style.backgroundPosition + contenuTempFin;
	}else{
		//On cache la surimpression
		div_secondes_dizaines.innerHTML = "";
		div_secondes_unites.innerHTML = "";
		div_minutes_dizaines.innerHTML = "";
		div_minutes_unites.innerHTML = "";
		div_heures_dizaines.innerHTML = "";
		div_heures_unites.innerHTML = "";
		div_jours_dizaines.innerHTML = "";
		div_jours_unites.innerHTML = "";
	}
}

function initCPT(secRest, cptHeight){
	hauteurChiffreCompteur = cptHeight;
	cpt_secondes = secRest;
	//On récupère les  champs à modifier
	div_secondes_dizaines = document.getElementById("compteur_secondes_chiffre_dizaines");
	div_secondes_unites = document.getElementById("compteur_secondes_chiffre_unites");
	
	div_minutes_dizaines = document.getElementById("compteur_minutes_chiffre_dizaines");
	div_minutes_unites = document.getElementById("compteur_minutes_chiffre_unites");
	
	div_heures_dizaines = document.getElementById("compteur_heures_chiffre_dizaines");
	div_heures_unites = document.getElementById("compteur_heures_chiffre_unites");
	
	div_jours_dizaines = document.getElementById("compteur_jours_chiffre_dizaines");
	div_jours_unites = document.getElementById("compteur_jours_chiffre_unites");
	
	if(div_secondes_dizaines && div_secondes_unites && div_minutes_dizaines && div_minutes_unites && div_heures_dizaines && div_heures_unites && div_jours_dizaines && div_jours_unites){
		updateCPT();
	}
}