let timefmt = null;

const MONTHS = Array.from({ length: 12 }, (_, i) =>
	new Date(0, i).toLocaleString(undefined, { month: 'long' }));

function padTime(x) {
	return (x < 10) ? '0' + x : x;
}

function updateTime() {
	let date = new Date();

	let h = date.getHours();
	let m = date.getMinutes();
	let s = date.getSeconds();

	let dd = date.getDate();
	let dm = date.getMonth();
	let dy = date.getFullYear();

	if (timefmt == 12) // default to 24
		h = h % 12 || 12;

	document.getElementById('time').textContent =
		padTime(h) + '\u00A0\u00A0' +
		padTime(m) + '\u00A0\u00A0' +
		padTime(s);
	document.getElementById('date').textContent =
		dd + ' ' + MONTHS[dm] + ' ' + dy;
}

function startTempo() {
	timefmt = localStorage['timefmt'];

	let val;
	if ((val = localStorage['fg']))
		document.body.style.color = val;
	if ((val = localStorage['fg_date']))
		document.getElementById('date').style.color = val;
	if ((val = localStorage['bg']))
		document.body.style.backgroundColor = val;

	updateTime();
	setTimeout(function() { updateTime(); setInterval(updateTime, 1000) },
		1000 - (new Date()).getTime() % 1000);
}

window.onload = startTempo;

document.addEventListener('contextmenu', function(e) { e.preventDefault() });