// JavaScript Document

	//initial time
	var lon_h_current = -1;
	var lon_m1_current = -1;
	var lon_m2_current = -1;
	
	function flipLondon  (LondonupperId, LondonlowerId, LondonchangeNumber, LondonpathUpper, LondonpathLower){
		var LondonupperBackId = LondonupperId+"Back";
		$(LondonupperId).src = $(LondonupperBackId).src;
		$(LondonupperId).setStyle("height", "11px");
		$(LondonupperId).setStyle("visibility", "visible");
		$(LondonupperBackId).src = LondonpathUpper+parseInt(LondonchangeNumber)+".png";
		
		$(LondonlowerId).src = LondonpathLower+parseInt(LondonchangeNumber)+".png";
		$(LondonlowerId).setStyle("height", "0px");
		$(LondonlowerId).setStyle("visibility", "visible");
		
		var flipUpperLondon = new Fx.Tween(LondonupperId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
		flipUpperLondon.addEvents({
			'complete': function(){
				var flipLowerLondon = new Fx.Tween(LondonlowerId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
					flipLowerLondon.addEvents({
						'complete': function(){	
							LondonlowerBackId = LondonlowerId+"Back";
							$(LondonlowerBackId).src = $(LondonlowerId).src;
							$(LondonlowerId).setStyle("visibility", "hidden");
							$(LondonupperId).setStyle("visibility", "hidden");
						}				});					
					flipLowerLondon.start('height', 11);
					
			}
							});
		flipUpperLondon.start('height', 0);
		
		
	}//flip
				
	
	function retroClockLondon(){
		
		// get new time
		 lon_now = new Date();
		 lon_h = lon_now.getUTCHours();
		 		 
		 lon_m1 = lon_now.getUTCMinutes() / 10;
		 lon_m2 = lon_now.getUTCMinutes() % 10;


		 if( lon_h == 24){
				lon_h -= 24;
		}
				 
		 if( lon_h > 24){
				lon_h -= 24;
		}
		
		 if( lon_h < 0){
				lon_h += 24;
		}
						 
		 
		 //change pads
		 
		 if( lon_h != lon_h_current){
			flipLondon('LondonhoursUp', 'LondonhoursDown', lon_h, 'clock/Single/Up/', 'clock/Single/Down/');
			lon_h_current = lon_h;
		}
		
		if( lon_m2 != lon_m2_current){
			flipLondon('LondonminutesUpRight', 'LondonminutesDownRight', lon_m2, 'clock/Double/Up/Right/', 'clock/Double/Down/Right/');
			lon_m2_current = lon_m2;
			
			flipLondon('LondonminutesUpLeft', 'LondonminutesDownLeft', lon_m1, 'clock/Double/Up/Left/', 'clock/Double/Down/Left/');
			lon_m1_current = lon_m1;
		}
			
		
	}
	
	setInterval('retroClockLondon()', 1000);