// JavaScript Document

	//initial time
	var hou_h_current = -1;
	var hou_m1_current = -1;
	var hou_m2_current = -1;
	var hou_s1_current = -1;
	var hou_s2_current= -1;

	
	function flipHouston  (HoustonupperId, HoustonlowerId, HoustonchangeNumber, HoustonpathUpper, HoustonpathLower){
		var HoustonupperBackId = HoustonupperId+"Back";
		$(HoustonupperId).src = $(HoustonupperBackId).src;
		$(HoustonupperId).setStyle("height", "11px");
		$(HoustonupperId).setStyle("visibility", "visible");
		$(HoustonupperBackId).src = HoustonpathUpper+parseInt(HoustonchangeNumber)+".png";
		
		$(HoustonlowerId).src = HoustonpathLower+parseInt(HoustonchangeNumber)+".png";
		$(HoustonlowerId).setStyle("height", "0px");
		$(HoustonlowerId).setStyle("visibility", "visible");
		
		var flipUpperHouston = new Fx.Tween(HoustonupperId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
		flipUpperHouston.addEvents({
			'complete': function(){
				var flipLowerHouston = new Fx.Tween(HoustonlowerId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
					flipLowerHouston.addEvents({
						'complete': function(){	
							HoustonlowerBackId = HoustonlowerId+"Back";
							$(HoustonlowerBackId).src = $(HoustonlowerId).src;
							$(HoustonlowerId).setStyle("visibility", "hidden");
							$(HoustonupperId).setStyle("visibility", "hidden");
						}				});					
					flipLowerHouston.start('height', 11);
					
			}
							});
		flipUpperHouston.start('height', 0);
		
		
	}//flip
				
	
	function retroClockHouston(){
		
		// get new time
		 hou_now = new Date();
		 hou_h = hou_now.getUTCHours() - 6;
		 		 
		 hou_m1 = hou_now.getUTCMinutes() / 10;
		 hou_m2 = hou_now.getUTCMinutes() % 10;
		 hou_s1 = hou_now.getUTCSeconds() / 10;
		 hou_s2 = hou_now.getUTCSeconds() % 10;

		 if( hou_h == 24){
				hou_h -= 24;
		}
				 
		 if( hou_h > 24){
				hou_h -= 24;
		}

		 if( hou_h < 0){
				hou_h += 24;
		}
				
		 
		 //change pads
		 
		 if( hou_h != hou_h_current){
			flipHouston('HoustonhoursUp', 'HoustonhoursDown', hou_h, 'clock/Single/Up/', 'clock/Single/Down/');
			hou_h_current = hou_h;
		}
		
		if( hou_m2 != hou_m2_current){
			flipHouston('HoustonminutesUpRight', 'HoustonminutesDownRight', hou_m2, 'clock/Double/Up/Right/', 'clock/Double/Down/Right/');
			hou_m2_current = hou_m2;
			
			flipHouston('HoustonminutesUpLeft', 'HoustonminutesDownLeft', hou_m1, 'clock/Double/Up/Left/', 'clock/Double/Down/Left/');
			hou_m1_current = hou_m1;
		}
		

	}
	
	setInterval('retroClockHouston()', 1000);