function onload() {
	update();
	setInterval('update()', 1000);
}

function set(d, s) {
	d.className = s ? 'on' : 'off';
}

function bin(n) {
	var r = new Array(4);
	var p = 0;

	for(i = 3; i >= 0; i--) {
		p = Math.pow(2, i);
		n -= r[i] = p <= n ? p : 0;
	}

	return(r);
}

function update() {
	var h11 = document.getElementById('h11');
	var h12 = document.getElementById('h12');
	var h13 = document.getElementById('h13');
	var h14 = document.getElementById('h14');
	var h21 = document.getElementById('h21');
	var h22 = document.getElementById('h22');
	var m11 = document.getElementById('m11');
	var m12 = document.getElementById('m12');
	var m13 = document.getElementById('m13');
	var m14 = document.getElementById('m14');
	var m21 = document.getElementById('m21');
	var m22 = document.getElementById('m22');
	var m23 = document.getElementById('m23');
	var s11 = document.getElementById('s11');
	var s12 = document.getElementById('s12');
	var s13 = document.getElementById('s13');
	var s14 = document.getElementById('s14');
	var s21 = document.getElementById('s21');
	var s22 = document.getElementById('s22');
	var s23 = document.getElementById('s23');

	var d = new Date();

	var h = d.getHours() % 12;
	if(h == 0) {
		h = 12;
	}
	var h1 = h % 10;
	var h2 = (h - h1) / 10;
	var bh1 = bin(h1);
	var bh2 = bin(h2);

	var m = d.getMinutes();
	var m1 = m % 10;
	var m2 = (m - m1) / 10;
	var bm1 = bin(m1);
	var bm2 = bin(m2);

	var s = d.getSeconds();
	var s1 = s % 10;
	var s2 = (s - s1) / 10;
	var bs1 = bin(s1);
	var bs2 = bin(s2);

	set(h11, bh1[0]);
	set(h12, bh1[1]);
	set(h13, bh1[2]);
	set(h14, bh1[3]);
	set(h21, bh2[0]);
	set(h22, bh2[1]);

	set(m11, bm1[0]);
	set(m12, bm1[1]);
	set(m13, bm1[2]);
	set(m14, bm1[3]);
	set(m21, bm2[0]);
	set(m22, bm2[1]);
	set(m23, bm2[2]);

	set(s11, bs1[0]);
	set(s12, bs1[1]);
	set(s13, bs1[2]);
	set(s14, bs1[3]);
	set(s21, bs2[0]);
	set(s22, bs2[1]);
	set(s23, bs2[2]);
}