var frequence = 1000;
var gauche = 30;
var active = true;
var initServerDate = null;
var initClientDate = null;

function getElement(elementId) {
	if (document.layers)
		return document.layers[elementId + 'C'].document.layers[elementId];
	if (document.getElementById)
		return document.getElementById(elementId);
	if (document.all)
		return document.all[elementId];
	if (document[elementId + 'C'])
		return document[elementId + 'C'].document[elementId];
	return false;
}

function moveElement(elementId, position) {
	
	var element = getElement(elementId);
	if (! element)
		return;
	if (element.style)
		element = element.style;
	element.left = position + "px";
	element.display = "inline";
}

function initHorloge(power, milliseconds) {
	initServerDate = new Date();
	initServerDate.setTime(milliseconds);
	initClientDate = new Date();
	active = power;
	setHorloge();
}

function setHorloge() {
	var currentClientDate = new Date();
	var currentServerDate = new Date();
	currentServerDate.setTime(initServerDate.getTime() + currentClientDate.getTime() - initClientDate.getTime());
	var heures = currentServerDate.getHours()
	var minutes = currentServerDate.getMinutes()
	var secondes = currentServerDate.getSeconds();
	if (heures >= 12)
		heures -= 12;
	moveElement("heures", -(heures * 60 * 5 + ((Math.round(minutes / 12)) * 60) + gauche));
	moveElement("minutes", -(minutes * 60 + gauche));
	moveElement("secondes", -((secondes) * 60 + gauche));
	if (active) {
		setTimeout("setHorloge()", frequence);
	}
}