// JavaScript Document

	//initial time
	var d1_current = -1;
	var d2_current = -1;
	var h1_current = -1;
	var h2_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", "20px");
		$(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
	
	function retroClock(){	 
		var dthen = new Date("03/04/2010 12:00 PM");
		var dnow = new Date();
		
		ddiff = new Date(dthen-dnow);
		gsecs = Math.floor(ddiff.valueOf()/1000);
		
		dies = Math.floor(gsecs / 86400);
		d1 = Math.floor(dies / 10);
		d2 = dies % 10;
		
		secs_h = gsecs % 86400;
		hores = Math.floor(secs_h / 3600);
		h1 = Math.floor(hores / 10);
		h2 = hores % 10;
		
		secs_m = secs_h % 3600;
		minuts = Math.floor(secs_m / 60);
		m1 = Math.floor(minuts / 10);
		m2 = minuts % 10;
		
		segons =secs_m % 60;
		s1 = Math.floor(segons / 10);
		s2 = segons % 10;		 
		 
		 
		 //change pads
		if( d2 != d2_current){
			flip('daysUpRight', 'daysDownRight', d2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			d2_current = d2;
			
			flip('daysUpLeft', 'daysDownLeft', d1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			d1_current = d1;
		}
		
		if( h2 != h2_current){
			flip('hoursUpRight', 'hoursDownRight', h2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			h2_current = h2;
			
			flip('hoursUpLeft', 'hoursDownLeft', h1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			h1_current = h1;
		}
		
		if( m2 != m2_current){
			flip('minutesUpRight', 'minutesDownRight', m2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			m2_current = m2;
			
			flip('minutesUpLeft', 'minutesDownLeft', m1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			m1_current = m1;
		}
		
		 if (s2 != s2_current){
			flip('secondsUpRight', 'secondsDownRight', s2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			s2_current = s2;
			
			flip('secondsUpLeft', 'secondsDownLeft', s1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			s1_current = s1;
		}
	}
	
	function forwardClock(){	 
		var dthen = new Date("03/04/2010 06:00 PM");
		var dnow = new Date();
		
		ddiff = new Date(dnow-dthen);
		gsecs = Math.floor(ddiff.valueOf()/1000);
		
		//alert(dnow+""+dthen+gsecs);
		//alert(gsecs);
		
		dies = Math.floor(gsecs / 86400);
		d1 = Math.floor(dies / 10);
		d2 = dies % 10;
		
		secs_h = gsecs % 86400;
		hores = Math.floor(secs_h / 3600);
		h1 = Math.floor(hores / 10);
		h2 = hores % 10;
		
		secs_m = secs_h % 3600;
		minuts = Math.floor(secs_m / 60);
		
		m1 = Math.floor(minuts / 10);
		
		m2 = minuts % 10;
		
		
		segons =secs_m % 60;
		s1 = Math.floor(segons / 10);
		s2 = segons % 10;		 
		 
		 //alert("Dias: "+d1+d2+" Horas:"+h1+h2+" Minutos:"+m1+m2+" Segungos:"+s1+s2);
		 //change pads
		if( d2 != d2_current){
			flip('daysUpRight', 'daysDownRight', d2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			d2_current = d2;
			
			flip('daysUpLeft', 'daysDownLeft', d1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			d1_current = d1;
		}
		
		if( h2 != h2_current){
			flip('hoursUpRight', 'hoursDownRight', h2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			h2_current = h2;
			
			flip('hoursUpLeft', 'hoursDownLeft', h1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			h1_current = h1;
		}
		
		if( m2 != m2_current){
			flip('minutesUpRight', 'minutesDownRight', m2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			m2_current = m2;
			
			flip('minutesUpLeft', 'minutesDownLeft', m1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			m1_current = m1;
		}
		
		 /*if (s2 != s2_current){
			flip('secondsUpRight', 'secondsDownRight', s2, '/img/Numbers/RightUp/', '/img/Numbers/RightDown/');
			s2_current = s2;
			
			flip('secondsUpLeft', 'secondsDownLeft', s1, '/img/Numbers/LeftUp/', '/img/Numbers/LeftDown/');
			s1_current = s1;
		}*/
	}
	
	setInterval('forwardClock()', 40000);