$(document).ready(function(e){

	/*setColumn(1, 1);
	setColumn(2, 2);
	setColumn(3, 2);
	setColumn(4, 9);
	setColumn(5, 3);
	setColumn(6, 7);*/
	
	calcTime();
});

var calcTime = function(){
	var timeDate = new Date();
	var hours = timeDate.getHours();
	var minutes = timeDate.getMinutes();
	var seconds = timeDate.getSeconds();
	
	var bigHours = (hours - (hours % 10)) / 10;
	var smallHours = (hours % 10);
	setColumn(1, bigHours);
	setColumn(2, smallHours);
	
	var bigMinutes = (minutes - (minutes % 10)) / 10;
	var smallMinutes = (minutes % 10);
	setColumn(3, bigMinutes);
	setColumn(4, smallMinutes);
	
	var bigSecs = (seconds - (seconds % 10)) / 10;
	var smallSecs = (seconds % 10);
	setColumn(5, bigSecs);
	setColumn(6, smallSecs);
	
	setTimeout(calcTime, 1000);
}

var setColumn = function(column, value) {
	var colClass = ".Column." + column;
	
	if(value >= 8) {
		$(colClass).children('.Row.1').addClass('On');
		value -= 8;
	} else {
		$(colClass).children('.Row.1').removeClass('On');
	}
	
	if(value >= 4) {
		$(colClass).children('.Row.2').addClass('On');
		value -= 4;	
	} else {
		$(colClass).children('.Row.2').removeClass('On');
	}
	
	if(value >= 2) {
		$(colClass).children('.Row.3').addClass('On');
		value -= 2;	
	} else {
		$(colClass).children('.Row.3').removeClass('On');
	}
	
	if(value >= 1) {
		$(colClass).children('.Row.4').addClass('On');
	} else {
		$(colClass).children('.Row.4').removeClass('On');	
	}
}