function formatTime(hour, minute) {
	if(hour < 10) {
		hour = '0'+hour;
	}
	if(minute < 10) {
		minute = '0'+minute;
	}
	return hour+':'+minute;
}

function incrementClock(timezone) {
	
	// Get current time
	var time = document.getElementById(timezone).innerHTML.split(":");
	time[0] = Number(time[0]); time[1] = Number(time[1]);

	if(time[1] >= 59) {
		time[1] = 0;
		
		if(time[0] >= 23) {
			time[0] = 0;
		} else {
			time[0]++;
		}
	} else {
		time[1]++;
	}
	
	// Format + output time
	document.getElementById(timezone).innerHTML = formatTime(time[0], time[1]);
}

function setClock(timezone, time) {
	document.getElementById(timezone).innerHTML = time;
}

function clocks() {
	incrementClock('lax');
	incrementClock('wpg');
	incrementClock('nyc');
	incrementClock('ldn');
	incrementClock('bom');
	
	setTimeout("clocks()",60000);
}

function startClocks() {
	var int = (Math.floor((25-8)*Math.random()) + 9)*1000;
	setTimeout("clocks()", int);
}


$(document).ready(function() {
   	$.ajax({
		url: '/clockSync',
		dataType: 'json',
		success: function(data) {
			document.getElementById('lax').innerHTML = data.lax;
			document.getElementById('wpg').innerHTML = data.wpg;
			document.getElementById('nyc').innerHTML = data.nyc;
			document.getElementById('ldn').innerHTML = data.ldn;
			document.getElementById('bom').innerHTML = data.bom;
		}
	});
	startClocks();
});

//window.onload=startClocks;