// JavaScript Document

	//initial time
	var mel_h_current = -1;
	var mel_m1_current = -1;
	var mel_m2_current = -1;
	
	function flipMelbourne  (MelbourneupperId, MelbournelowerId, MelbournechangeNumber, MelbournepathUpper, MelbournepathLower){
		var MelbourneupperBackId = MelbourneupperId+"Back";
		$(MelbourneupperId).src = $(MelbourneupperBackId).src;
		$(MelbourneupperId).setStyle("height", "11px");
		$(MelbourneupperId).setStyle("visibility", "visible");
		$(MelbourneupperBackId).src = MelbournepathUpper+parseInt(MelbournechangeNumber)+".png";
		
		$(MelbournelowerId).src = MelbournepathLower+parseInt(MelbournechangeNumber)+".png";
		$(MelbournelowerId).setStyle("height", "0px");
		$(MelbournelowerId).setStyle("visibility", "visible");
		
		var flipUpperMelbourne = new Fx.Tween(MelbourneupperId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
		flipUpperMelbourne.addEvents({
			'complete': function(){
				var flipLowerMelbourne = new Fx.Tween(MelbournelowerId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
					flipLowerMelbourne.addEvents({
						'complete': function(){	
							MelbournelowerBackId = MelbournelowerId+"Back";
							$(MelbournelowerBackId).src = $(MelbournelowerId).src;
							$(MelbournelowerId).setStyle("visibility", "hidden");
							$(MelbourneupperId).setStyle("visibility", "hidden");
						}				});					
					flipLowerMelbourne.start('height', 11);
					
			}
							});
		flipUpperMelbourne.start('height', 0);
		
		
	}//flip
				
	
	function retroClockMelbourne(){
		
		// get new time
		 mel_now = new Date();
		 mel_h = mel_now.getUTCHours() + 11;
		 		 
		 mel_m1 = mel_now.getUTCMinutes() / 10;
		 mel_m2 = mel_now.getUTCMinutes() % 10;
		 mel_s1 = mel_now.getUTCSeconds() / 10;
		 mel_s2 = mel_now.getUTCSeconds() % 10;

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

		 if( mel_h < 0){
				mel_h += 24;
		}		


		 
		 //change pads
		 
		 if( mel_h != mel_h_current){
			flipMelbourne('MelbournehoursUp', 'MelbournehoursDown', mel_h, 'clock/Single/Up/', 'clock/Single/Down/');
			mel_h_current = mel_h;
		}
		
		if( mel_m2 != mel_m2_current){
			flipMelbourne('MelbourneminutesUpRight', 'MelbourneminutesDownRight', mel_m2, 'clock/Double/Up/Right/', 'clock/Double/Down/Right/');
			mel_m2_current = mel_m2;
			
			flipMelbourne('MelbourneminutesUpLeft', 'MelbourneminutesDownLeft', mel_m1, 'clock/Double/Up/Left/', 'clock/Double/Down/Left/');
			mel_m1_current = mel_m1;
		}
		
			
		
	}
	
	setInterval('retroClockMelbourne()', 1000);