// JavaScript Document

//initial time
var h_current = -1;
var m1_current = -1;
var m2_current = -1;
var s1_current = -1;
var s2_current= -1;


function flip (upperId, lowerId, changeNumber, pathUpper, pathLower){
	var upperBackId = upperId+"Back";
	$(upperId).src = $(upperBackId).src;
	$(upperId).setStyle("height", "22px");
	$(upperId).setStyle("visibility", "visible");
	$(upperBackId).src = pathUpper+parseInt(changeNumber)+".png";
	
	$(lowerId).src = pathLower+parseInt(changeNumber)+".png";
	$(lowerId).setStyle("height", "0px");
	$(lowerId).setStyle("visibility", "visible");
	
	var flipUpper = new Fx.Tween(upperId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
	flipUpper.addEvents({
		'complete': function(){
			var flipLower = new Fx.Tween(lowerId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
				flipLower.addEvents({
					'complete': function(){	
						lowerBackId = lowerId+"Back";
						$(lowerBackId).src = $(lowerId).src;
						$(lowerId).setStyle("visibility", "hidden");
						$(upperId).setStyle("visibility", "hidden");
					}				});					
				flipLower.start('height', 20);
				
		}
						});
	flipUpper.start('height', 0);
	
	
}//flip


var nextD = 0;
var nextM = 0;
var nextY = 0;
var nextH = 0;
var nextI = 0;
var nextS = 0;
var open = new Date();

function initCompteur(dateD, dateM, dateY, dateH, dateI, dateS)
{
	nextD = dateD;
	nextM = dateM - 1; //en js, le mois est a -1 (ex: aout = 8, en js = 7)
	nextY = dateY;
	nextH = dateH;
	nextI = dateI;
	nextS = dateS;
    
    open = new Date(nextY, nextM, nextD, nextH, nextI, nextS );
    
	setInterval('retroClock()', 1000);	
}

function retroClock()
{
	now = new Date();

	nowH = now.getHours();
	nowI = now.getMinutes();
	nowS = now.getSeconds();
	
	if(nextH==0)
		nextH = 24;

	//jour
	d = ((open.getTime() - now.getTime()) / (1000 * 60 * 60 * 24)).toString();
	h = nextH - nowH;
	m = nextI - nowI;
	s = nextS - nowS;
	
	if( s < 0 )
	{
		s = 60 + s;
		m--;
	}
	
	if( m < 0 )
	{
		m = 60 + m;
		h--;
	}
	
	if( h < 0 )
	{
		h = 24 + h;
	}
	
	if( d<0 )
	{
		window.location.reload();
	}
	
	//document.getElementById("day").innerHTML = now.getDay() + " / " + now.getMonth() + " / " + now.getFullYear();
	d = d.split(".");
    document.getElementById("day").innerHTML = "J- " + d[0];
	
	m1 = m / 10;
	m2 = m % 10;
	s1 = s / 10;
	s2 = s % 10;
    
    if( s1==6 )
        s1 = 0;
    
	if(h < 12)
		ap = "AM";
	else
	{ 
		if( h == 12 )
			ap = "PM";
		else
		{
			ap = "PM";
			h -= 12; 
		}
	}

	//change pads
	if( h != h_current)
	{
		flip('hoursUp', 'hoursDown', h, '/images/compteur/Single/Up/'+ap+'/', '/images/compteur/Single/Down/'+ap+'/');
		h_current = h;
	}

	if( m2 != m2_current)
	{
		flip('minutesUpRight', 'minutesDownRight', m2, '/images/compteur/Double/Up/Right/', '/images/compteur/Double/Down/Right/');
		m2_current = m2;

		flip('minutesUpLeft', 'minutesDownLeft', m1, '/images/compteur/Double/Up/Left/', '/images/compteur/Double/Down/Left/');
		m1_current = m1;
	}

	if (s2 != s2_current)
	{
		flip('secondsUpRight', 'secondsDownRight', s2, '/images/compteur/Double/Up/Right/', '/images/compteur/Double/Down/Right/');
		s2_current = s2;

		flip('secondsUpLeft', 'secondsDownLeft', s1, '/images/compteur/Double/Up/Left/', '/images/compteur/Double/Down/Left/');
		s1_current = s1;
	}

	
}