function orologio() {
	if(document.getElementById) {
						
		var x=new Date();
					
		h = x.getHours();
		m = x.getMinutes();
		s = x.getSeconds();
				
		var hd = document.getElementById('hd');
		var md = document.getElementById('md');
		var sd = document.getElementById('sd');
					
		/* ********** ORE ********** */
		if (h < 10) {
			hd.style.backgroundPosition = '0 0';
			grande('ora', h);
		}
				
		if ((h < 20) & (h >= 10)) {
			hd.style.backgroundPosition = '0 -22px';
			h = h -10;
			grande('ora', h);
		}
				
		if (h >= 20) {
			hd.style.backgroundPosition = '0 -44px';
			h = h -20;
			grande('ora', h);
		}
		/* ********** fine ORE ********** */
						
		/* ********** MINUTI ********** */
		if (m < 10) {
			md.style.backgroundPosition = '0 0';
			grande('min', m);
		}
				
		if ((m < 20) & (m >= 10)) {
			md.style.backgroundPosition = '0 -22px';
			m = m -10;
			grande('min', m);
		}
						
		if ((m < 30) & (m >= 20)) {
			md.style.backgroundPosition = '0 -44px';
			m = m -20;
			grande('min', m);
		}
						
		if ((m < 40) & (m >= 30)) {
			md.style.backgroundPosition = '0 -66px';
			m = m -30;
			grande('min', m);
		}
						
		if ((m < 50) & (m >= 40)) {
			md.style.backgroundPosition = '0 -88px';
			m = m -40;
			grande('min', m);
		}
						
		if ((m < 60) & (m >= 50)) {
			md.style.backgroundPosition = '0 -110px';
			m = m -50;
			grande('min', m);
		}
						
		/* ********** fine MINUTI ********** */
						
						
		/* ********** SECONDI ********** */
		if (s < 10) {
			sd.style.backgroundPosition = '0 0';
			piccolo(s);
		}
				
		if ((s < 20) & (s >= 10)) {
			sd.style.backgroundPosition = '0 -14px';
			s = s -10;
			piccolo(s);
		}
						
		if ((s < 30) & (s >= 20)) {
			sd.style.backgroundPosition = '0 -28px';
			s = s -20;
			piccolo(s);
		}
						
		if ((s < 40) & (s >= 30)) {
			sd.style.backgroundPosition = '0 -42px';
			s = s -30;
			piccolo(s);
		}
						
		if ((s < 50) & (s >= 40)) {
			sd.style.backgroundPosition = '0 -56px';
			s = s -40;
			piccolo(s);
		}
						
		if ((s < 60) & (s >= 50)) {
			sd.style.backgroundPosition = '0 -70px';
			s = s -50;
			piccolo(s);
		}
		/* ********** fine SECONDI ********** */
						
		setTimeout("orologio()",1000);
	}
}
		
function grande(tipo, numg) {
					
	if (tipo == "ora") {
		var cambiag = document.getElementById('hu');
	}
	
	if (tipo == "min") {
		var cambiag = document.getElementById('mu');
	}
					
	if (numg == 0) {
		cambiag.style.backgroundPosition = '0 0';
	}
					
	if (numg == 1) {
		cambiag.style.backgroundPosition = '0 -22px';
	}
					
	if (numg == 2) {
		cambiag.style.backgroundPosition = '0 -44px';
	}
					
	if (numg == 3) {
		cambiag.style.backgroundPosition = '0 -66px';
	}
					
	if (numg == 4) {
		cambiag.style.backgroundPosition = '0 -88px';
	}
					
	if (numg == 5) {
		cambiag.style.backgroundPosition = '0 -110px';
	}
					
	if (numg == 6) {
		cambiag.style.backgroundPosition = '0 -132px';
	}
					
	if (numg == 7) {
		cambiag.style.backgroundPosition = '0 -154px';
	}
					
	if (numg == 8) {
		cambiag.style.backgroundPosition = '0 -176px';
	}
					
	if (numg == 9) {
		cambiag.style.backgroundPosition = '0 -198px';
	}
}
				
function piccolo(nump) {
					
	var cambiap = document.getElementById('su');
					
	if (nump == 0) {
		cambiap.style.backgroundPosition = '0 0';
	}
					
	if (nump == 1) {
		cambiap.style.backgroundPosition = '0 -14px';
	}
					
	if (nump == 2) {
		cambiap.style.backgroundPosition = '0 -28px';
	}
					
	if (nump == 3) {
		cambiap.style.backgroundPosition = '0 -42px';
	}
					
	if (nump == 4) {
		cambiap.style.backgroundPosition = '0 -56px';
	}
					
	if (nump == 5) {
		cambiap.style.backgroundPosition = '0 -70px';
	}
					
	if (nump == 6) {
		cambiap.style.backgroundPosition = '0 -84px';
	}
					
	if (nump == 7) {
		cambiap.style.backgroundPosition = '0 -98px';
	}
					
	if (nump == 8) {
		cambiap.style.backgroundPosition = '0 -112px';
	}
					
	if (nump == 9) {
		cambiap.style.backgroundPosition = '0 -126px';
	}
}