var hours = parseFloat(7),
    minutes = parseInt(20),
	seconds = parseInt(57),
	currentHour, currentMinute, currentSecond, percLoaded = 0;
var oHours   = new Array();
var oMinutes = new Array();
var oSeconds = new Array();

function startKlok()
{
	window.setInterval("tick()", 1000);
	tick();

	var x = 0;
	for (var i=0; i<61; i++)
	{
		if (i < 13)
		{
			oHours[i] = new Image();
/*@cc_on
/*@if (@_jscript_version < 5.8)
			if (navigator.userAgent.toLowerCase().indexOf("msie 6.") != -1) {
				oHours[i].src = "img/hours/hour_" + i + ".gif";
			} else {
				oHours[i].src = "img/hours/hour_" + i + ".png";
			}
@else @*/
			oHours[i].src = "img/hours/hour_" + i + ".png";
/*@end
@*/
			oHours[i].id = "hour";
			oHours[i].width = 98;
			oHours[i].height = 98;

			x++;
			percLoaded = (x / 147) * 100;
			document.getElementById('klokloading').innerHTML = Math.round(percLoaded) + "%";
		}
		
		if (i == 1 || i == 3 || i == 5 || i == 7 || i == 9 || i == 11 || i == 13 || i == 15 || i == 17 || i == 19 || i == 21 || i == 23 || i == 25)
		{
			var j = i/2;
			
			oHours[j] = new Image();
/*@cc_on
/*@if (@_jscript_version < 5.8)
			if (navigator.userAgent.toLowerCase().indexOf("msie 6.") != -1) {
				oHours[j].src = "img/hours/hour_" + Math.floor(i) + "_5.gif";
			} else {
				oHours[j].src = "img/hours/hour_" + Math.floor(i) + "_5.png";
			}
@else @*/
			oHours[j].src = "img/hours/hour_" + Math.floor(j) + "_5.png";
/*@end
@*/
			oHours[j].id = "hour";
			oHours[j].width = 98;
			oHours[j].height = 98;

			x++;
			percLoaded = (x / 147) * 100;
			document.getElementById('klokloading').innerHTML = Math.round(percLoaded) + "%";
		}

		oMinutes[i] = new Image();
/*@cc_on
/*@if (@_jscript_version < 5.8)
		if (navigator.userAgent.toLowerCase().indexOf("msie 6.") != -1) {
			oMinutes[i].src = "img/minutes/minute_" + i + ".gif";
		} else {
			oMinutes[i].src = "img/minutes/minute_" + i + ".png";
		}
@else @*/
		oMinutes[i].src = "img/minutes/minute_" + i + ".png";
/*@end
@*/
		oMinutes[i].id = "minute";
		oMinutes[i].width = 98;
		oMinutes[i].height = 98;

		x++;
		percLoaded = (x / 147) * 100;
		document.getElementById('klokloading').innerHTML = Math.round(percLoaded) + "%";

		oSeconds[i] = new Image();
/*@cc_on
/*@if (@_jscript_version < 5.8)
		if (navigator.userAgent.toLowerCase().indexOf("msie 6.") != -1) {
			oSeconds[i].src = "img/seconds/second_" + i + ".gif";
		} else {
			oSeconds[i].src = "img/seconds/second_" + i + ".png";
		}
@else @*/
		oSeconds[i].src = "img/seconds/second_" + i + ".png";
/*@end
@*/
		oSeconds[i].id = "second";
		oSeconds[i].width = 98;
		oSeconds[i].height = 98;

		x++;
		percLoaded = (x / 147) * 100;
		document.getElementById('klokloading').innerHTML = Math.round(percLoaded) + "%";
	}

	draw();
}

function draw()
{
	if (document.getElementById('klokloading'))
	{
		if (percLoaded >= 100) {
			document.getElementById('klokloading').parentNode.removeChild(document.getElementById('klokloading'));
		}
		else
		{
			return;
		}
	}

	if (seconds != currentSecond && typeof oSeconds[seconds] != "undefined")
	{
		var secParent = document.getElementById('second').parentNode;
		secParent.removeChild(document.getElementById('second'));
		secParent.appendChild(oSeconds[seconds]);
		currentSecond = seconds;
	}

	if (minutes != currentMinute && typeof oMinutes[minutes] != "undefined")
	{
		var minParent = document.getElementById('minute').parentNode;
		minParent.removeChild(document.getElementById('minute'));
		minParent.appendChild(oMinutes[minutes]);
		currentMinute = minutes;
	}

	if (hours != currentHour && typeof oHours[hours] != "undefined")
	{
		var hourParent = document.getElementById('hour').parentNode;
		hourParent.removeChild(document.getElementById('hour'));
		hourParent.appendChild(oHours[hours]);
		currentHour = hours;
	}
}

function tick()
{
	seconds++;

	if (seconds > 59)
	{
		minutes++;
		seconds = 0;
	}
	
	if (minutes > 59)
	{
		hours = Math.floor(hours) + 1;
		minutes = 0;
	}

	if (minutes > 29 && (hours % 1 == 0))
	{
		hours += .5;
	}

	if (hours > 12)
	{
		hours = hours - 12;
	}

	if (hours == 0) hours = 12;

	draw();
}