function updateTime()
{
	var now = new Date();

	$('span').removeClass('light')

	// year and month
	$('#' + now.getFullYear()).addClass("light");
	$('#m' + now.getMonth()).addClass("light");
	
	// day of month
	if (now.getDate() <= 19)
	{
		$('#d' + now.getDate()).addClass("light");
	}
	
	if ((now.getDate() > 19) && (now.getDate() <= 29))
	{
		if (now.getDate() == 20)
		{
			$('#d20').addClass("light");
		}
		else
		{
			$('#d2x').addClass("light");
			var remaining;
			remaining = now.getDate % 10;
			$('#d' + remaining).addClass("light");
		}
	}
	
	if (now.getDate() > 29)
	{
		if (now.getDate() == 30)
		{
			$('#d30').addClass("light");
		}
		else
		{
			$('#d3x').addClass("light");
			var remaining;
			remaining = now.getDate % 10;
			$('#d' + remaining).addClass("light");
		}
	}
	
	// hours
	if (now.getHours() <= 20)
	{
		$('#h' + now.getHours()).addClass("light");
		
	}
	
	if (now.getHours() > 20)
	{
		$('#h20').addClass("light");
		var remaining;
		remaining = now.getHours() % 10;
		$('#hx' + remaining).addClass("light");
	}
	
	if ((now.getHours() == 0) || (now.getHours() == 10) || (now.getHours() == 20) || ((now.getHours() > 10) && (now.getHours() <= 20))) //valandu
	{
		$('#hs3').addClass("light");
	}
	if ((now.getHours() == 1) || ((now.getHours() >= 21) && (now.getHours() <= 23))) //valanda
	{
		$('#hs1').addClass("light");
	}
	if ((now.getHours() >= 2) && (now.getHours() <= 9)) //valandos
	{
		$('#hs2').addClass("light");
	}
	
	// minutes
	if ((now.getMinutes() <= 19) || (now.getMinutes() == 20) || (now.getMinutes() == 30) || (now.getMinutes() == 40) || (now.getMinutes() == 50))
	{
		$('#mm' + now.getMinutes()).addClass("light");
	}
	else
	{
		var tens = Math.floor(now.getMinutes() / 10);
		$('#mm' + (tens*10)).addClass("light");
		$('#mm' + (now.getMinutes() % 10)).addClass("light");
	}
	
	if ((now.getMinutes() == 0) || (now.getMinutes() == 10) || ((now.getMinutes() >= 11) && (now.getMinutes() <= 19)) || (now.getMinutes() == 20) || (now.getMinutes() == 30) || (now.getMinutes() == 40) || (now.getMinutes() == 50))
	{
		$('#mms1').addClass("light"); //minuciu
	}
	else if ((now.getMinutes() == 1) || (now.getMinutes() == 21) || (now.getMinutes() == 31) || (now.getMinutes() == 41) || (now.getMinutes() == 51))
	{
		$('#mms2').addClass("light"); //minute
	}
	else
	{
		$('#mms3').addClass("light"); //minutes
	}
	
	//seconds
	
	if ((now.getSeconds() <= 19) || (now.getSeconds() == 20) || (now.getSeconds() == 30) || (now.getSeconds() == 40) || (now.getSeconds() == 50))
	{
		$('#s' + now.getSeconds()).addClass("light");
	}
	else
	{
		var tens = Math.floor(now.getSeconds() / 10);
		$('#s' + (tens*10)).addClass("light");
		$('#s' + (now.getSeconds() % 10)).addClass("light");
	}
	
	if ((now.getSeconds() == 0) || (now.getSeconds() == 10) || ((now.getSeconds() >= 11) && (now.getSeconds() <= 19)) || (now.getSeconds() == 20) || (now.getSeconds() == 30) || (now.getSeconds() == 40) || (now.getSeconds() == 50))
	{
		$('#ss1').addClass("light"); //sekundziu
	}
	else if ((now.getSeconds() == 1) || (now.getSeconds() == 21) || (now.getSeconds() == 31) || (now.getSeconds() == 41) || (now.getSeconds() == 51))
	{
		$('#ss2').addClass("light"); //sekunde
	}
	else
	{
		$('#ss3').addClass("light"); //sekundes
	}
	
	// ---
	
	setTimeout('updateTime()', 1000);
}

$(document).ready(function() {

	updateTime();

});