var pct = new Array(100, 95, 89, 82, 75, 68, 60, 55, 50, 45, 40, 32, 25, 20, 15, 8, 3);

function startAni(n, img, direction) {
	if (direction=="f") { 
		n++;
		if (n>100) { n = 99; direction = "r"; }
	}
	else { 
		--n;
		if (n<1) { n = 1; direction = "f"; }
	}
	
	for (i=0; i<17; ++i) {
		p = pct[i];
		if (n==p) { 
			img = i + 1; 
			imgNode = document.getElementById("ani");
			src = "../common/images/welsgrotte/animation/" + img + ".jpg";
			imgNode.src = src;
			break;
		}
	}		
	span = document.getElementById("pct");
	span.innerHTML = n;
	command = "startAni(" + n + ", " + img + ", '" + direction + "')";
	window.setTimeout(command, 100);
}

// onloadhandler:
	function animation() {
		startAni(100, 1, "f");
	}