/**
* Affiche l'heure courante (mise à jour en temps réelle)
* dans les zones 'timeZonePrefix' déclarée.
* @param timeZonePrefix Le préfixe la zone HTML où afficher l'heure
* @param times Les dates
*/
function showTime(timeZonePrefix, times){
    
	for(i=0; i < times.length; i++){
        var currentDate = times[i];
        // Affiche l'heure dans la zone HTML
        if( document.getElementById(timeZonePrefix + i) != null ) {
            document.getElementById(timeZonePrefix + i).innerHTML = getTextTime(currentDate);
        }
        // Ajoute une seconde à la date courante (pour conserver le temps réel tout au long de l'affichage de la page)
        currentDate.setSeconds(currentDate.getSeconds() + 1);        
	}
    // Déclanche la mise à jour des pendules à chaque seconde
	timesTimeout = setTimeout(function(){showTime(timeZonePrefix, times);}, 1000);
}



/**
* Retourne l'heure à partir d'une Date au format HH:mm
* @param date La date à analyser
*/
function getTextTime(date){

	hours = date.getHours();
	minutes = date.getMinutes();
	seconds = date.getSeconds();

    
	if (seconds < 10) {
		seconds = "0"+Math.round(seconds);
	} else if(seconds >= 60) {
		seconds = "00";
	}
    
	
	if (minutes < 10) {
		minutes = "0"+Math.round(minutes);
	} else if(minutes >= 60) {
		minutes = "00";
	}
	
	if (hours < 10) {
		hours = "0"+Math.round(hours);
	} else if(hours >= 24) {
		hours = "00";
	}

	//return hours + ":" + minutes + "<span class='seconds'>:" + seconds + "</span>";
	return hours + "<span style='visibility:" + (((seconds%2)==1) ? 'hidden' : 'visible')  + "'>:</span>" + minutes;

}