henka = new Array(10,11,13,15,17,10,10,9,8,7,10,9,8,7,6);
var k=0;
var uitleg = false;
var blubin = true;
var timer;
var janpieter;
var b1;
var b2;
var b3;
var h1;
var h2;
var h3;
var j;
var l = henka.length/3;
var spacerImg=new Image();
spacerImg.src="img/spacer.gif";
var blokImg=new Image();
blokImg.src="img/blok.gif";
var blok2Img=new Array();

function init() {
	for (x=0; x<5; x++) {
		blok2Img[x]=new Image();
		blok2Img[x].src="img/blok"+(x+1)+".gif";
	}
}

function snapjetnouwelofsnapjetnouniet() {

if (uitleg) {
	uitleg=false;
}
else {
	uitleg=true;
}
}


function blubber(wie,waar) {
clearTimeout(timer);
j = parseInt(wie); 
if (waar == "1") ploatje = "document.images.uura";
if (waar == "2") ploatje = "document.images.uurb";
if (waar == "3") ploatje = "document.images.mina";
if (waar == "4") ploatje = "document.images.minb";
if (waar == "5") ploatje = "document.images.seca";
if (waar == "6") ploatje = "document.images.secb";

if (!uitleg) {
 ploatjemaster = eval(ploatje + j);
 ploatjemaster.src = blok2Img[k].src;
}

if ((j == 1) || (j == 4) || (j == 7)) {
	b1=k;
	b2=k+l;
	b3=k+2*l;
	if (j == 1) { h1=k;h2=k+l;h3=k+2*l; }
	if (j == 4) { h1=k+l;h2=k;h3=k+2*l; }
	if (j == 7) { h1=k+2*l;h2=k+l;h3=k; }
}
else if ((j == 2) || (j == 5) || (j == 8)) {
	b1=k+l;
	b2=k;
	b3=k+2*l;
	if (j == 2) { h1=k;h2=k+l;h3=k+2*l; }
	if (j == 5) { h1=k+l;h2=k;h3=k+2*l; }
	if (j == 8) { h1=k+2*l;h2=k+l;h3=k; }
}
else if ((j == 3) || (j == 6) || (j == 9)) {
	b1=k+2*l;
	b2=k+l;
	b3=k;
	if (j == 3) { h1=k;h2=k+l;h3=k+2*l; }
	if (j == 6) { h1=k+l;h2=k;h3=k+2*l; }
	if (j == 9) { h1=k+2*l;h2=k+l;h3=k; }
}


if ((k<l+1) && (k>-1)) {
//breedte

	ploatjeobj = eval(ploatje + "1.style"); 
	ploatjeobj.width=henka[b1];
	ploatjeobj = eval(ploatje + "2.style"); 
	ploatjeobj.width=henka[b2];
	ploatjeobj = eval(ploatje + "3.style"); 
	ploatjeobj.width=henka[b3];
	ploatjeobj = eval(ploatje + "4.style"); 
	ploatjeobj.width=henka[b1];
	ploatjeobj = eval(ploatje + "5.style"); 
	ploatjeobj.width=henka[b2];
	ploatjeobj = eval(ploatje + "6.style"); 
	ploatjeobj.width=henka[b3];
	ploatjeobj = eval(ploatje + "7.style"); 
	ploatjeobj.width=henka[b1];
	ploatjeobj = eval(ploatje + "8.style"); 
	ploatjeobj.width=henka[b2];
	ploatjeobj = eval(ploatje + "9.style"); 
	ploatjeobj.width=henka[b3];

// hoogte

	ploatjeobj = eval(ploatje + "1.style"); 
	ploatjeobj.height=henka[h1];
	ploatjeobj = eval(ploatje + "2.style"); 
	ploatjeobj.height=henka[h1];
	ploatjeobj = eval(ploatje + "3.style"); 
	ploatjeobj.height=henka[h1];
	ploatjeobj = eval(ploatje + "4.style"); 
	ploatjeobj.height=henka[h2];
	ploatjeobj = eval(ploatje + "5.style"); 
	ploatjeobj.height=henka[h2];
	ploatjeobj = eval(ploatje + "6.style"); 
	ploatjeobj.height=henka[h2];
	ploatjeobj = eval(ploatje + "7.style"); 
	ploatjeobj.height=henka[h3];
	ploatjeobj = eval(ploatje + "8.style"); 
	ploatjeobj.height=henka[h3];
	ploatjeobj = eval(ploatje + "9.style"); 
	ploatjeobj.height=henka[h3];


	if ((k!=l-1) && (blubin)){
		k=k+1;
	}
	else blubin=false;
	if ((k!=0) && (!blubin)){
		k=k-1;
	}
	timer = setTimeout("blubber(j)",50);
}
//else clearTimeout(timer);
}




function schoonmaken() {
blubin=false;
k=0;
for (a=1;a<=9;a++) {
  var henk = eval("document.images.seca" + a);
  henk.src = spacerImg.src;
  var henk = eval("document.images.secb" + a);
  henk.src = spacerImg.src;
  var henk = eval("document.images.mina" + a);
  henk.src = spacerImg.src;
  var henk = eval("document.images.minb" + a);
  henk.src = spacerImg.src;
  var henk = eval("document.images.uura" + a);
  henk.src = spacerImg.src;
  var henk = eval("document.images.uurb" + a);
  henk.src = spacerImg.src;
}
}

function klokkijken()
{	setTimeout("klokkijken();",1000);
	klokje= new Date();
	var hh  = String(klokje.getHours());
    var mm  = String(klokje.getMinutes());
    var ss  = String(klokje.getSeconds());
	if (!uitleg) {
	schoonmaken();
	}

	var ssa = Math.floor(ss/10);
	var ssb = ss - (ssa*10);
	blubin=true;
	if (uitleg) {
		toet = 9;
	}
	else {
		toet = ssa;
	}
	
	for (y=1;y<=toet;y++) {
	  var henk = eval("document.images.seca" + y);
	  if (!uitleg) {
		henk.src = blokImg.src;
	  }
	  else {
		henk.src = "img/" + ssa + "/" + ssa + "_0" + y + ".gif";
	  }
	 }

	if (uitleg) {
		toet = 9;
	}
	else {
		toet = ssb;
	}


	for (x=1;x<=toet;x++) {
	  var henk = eval("document.images.secb" + x);
	  if (!uitleg) {
		henk.src = blokImg.src;
	  }
	  else {
		henk.src = "img/" + ssb + "/" + ssb + "_0" + x + ".gif";
	  }
	 }
	
	var mma = Math.floor(mm/10);
	var mmb = mm - (mma*10);

	if (uitleg) {
		toet = 9;
	}
	else {
		toet = mma;
	}


	for (y=1;y<=toet;y++) {
	  var henk = eval("document.images.mina" + y);
	  if (!uitleg) {
		henk.src = blokImg.src;
	  }
	  else {
		henk.src = "img/" + mma + "/" + mma + "_0" + y + ".gif";
	  }
	 }

	if (uitleg) {
		toet = 9;
	}
	else {
		toet = mmb;
	}


	for (x=1;x<=toet;x++) {
	  var henk = eval("document.images.minb" + x);
	  if (!uitleg) {
		henk.src = "img/blok.gif";
	  }
	  else {
		henk.src = "img/" + mmb + "/" + mmb + "_0" + x + ".gif";
	  }
	 }

    var hha = Math.floor(hh/10);
	var hhb = hh - (hha*10);

	if (uitleg) {
		toet = 9;
	}
	else {
		toet = hha;
	}


	for (y=1;y<=toet;y++) {
	  var henk = eval("document.images.uura" + y);
	  if (!uitleg) {
		henk.src = blokImg.src;
	  }
	  else {
		henk.src = "img/" + hha + "/" + hha + "_0" + y + ".gif";
	  }
	 }

	if (uitleg) {
		toet = 9;
	}
	else {
		toet = hhb;
	}



	for (x=1;x<=toet;x++) {
	  var henk = eval("document.images.uurb" + x);
	  if (!uitleg) {
		henk.src = blokImg.src;
	  }
	  else {
		henk.src = "img/" + hhb + "/" + hhb + "_0" + x + ".gif";
	  }
	 }
	if (ssb!=0) blubber(ssb,6);
	if ((ssb==0) && (ssa!=0)) blubber(ssa,5);
	if ((ssb==0) && (ssa==0) && (mmb!=0)) blubber(mmb,4);
	if ((ssb==0) && (ssa==0) && (mmb==0) && (mma!=0)) blubber(mma,3);
	if ((ssb==0) && (ssa==0) && (mmb==0) && (mma==0) && (hhb!=0)) blubber(hhb,2);
	if ((ssb==0) && (ssa==0) && (mmb==0) && (mma==0) && (hhb==0) && (hha!=0)) blubber(hha,1);


}