var co = 0;
var theTimer = false;
//var time = 15;
var speed;
var cijfertjes = new Array();
var side = true;
var step = 0;

function loop(i) {
	doCheck = false;
	num[i]++;
	if(num[i] >= 10) {
		num[i] = 0;
		doCheck = true;
	}
	
	
	play = true;
	if(side == false) {
		if(i == step) {
			if(num[i] == cijfertjes[i]) {
				play = false;
				step--;
				speed[step] = 100;
			}
		}
	}
	if(doCheck) {
		if(side) {
			if(i >= step && typeof(cijfertjes[i + 1]) == "number") {
				speed[i] = 39;
				t = i + 1;
				theCounter[t] = setTimeout("loop(" + t + ")", speed[t]);
				step++;
				if(step + 1 == cijfertjes.length) {
					side = false;
				}
			}
		}
	}
	//if(i==3 || i==6 || i ==9) {
	//	txtpunt = ".";
	//} else {
		//txtpunt = "";
	//}
	c[i].innerHTML = num[i];//+ txtpunt ;
	if(play) {
		theCounter[i] = setTimeout("loop(" + i + ")", speed[i]);
	}
}

function initCounter() {
	if(document.getElementById("counter")) {
		theCounter = document.getElementById("counter");
		cv = theCounter.innerHTML;
		theCounter.innerHTML = "";
		c = new Array();
		len = cv.length;
		
		for(i = 0 ; i < len ; i++){
			u = len-i-1;
			cijfertjes[u] = parseInt(cv.substr(i, 1));
			c[u] = createSpan(i+1);
		}
		//debug(cijfertjes);
		num = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
		theCounter = new Array(false, false, false, false, false, false, false, false, false, false, false);
		speed = Array(100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100);
		theCounter = setTimeout("loop(0)", speed[0]);
	}
}
function createSpan(num) {
	itm = document.createElement("span");
	itm.id = "counter" + num;
	theCounter.appendChild(itm);
	return itm;
}
if (window.addEventListener){
  window.addEventListener('load', initCounter, false); 
} else if (window.attachEvent){
  window.attachEvent('onload', initCounter);
}

var deb = false;
function debug(txt) {
	if(!deb) {
		deb = document.getElementById("debug");
	}
	//deb.innerHTML = deb.innerHTML + txt + "<br>";
	deb.innerHTML = txt + "<br>";
}