var play = false, who, what, hove, endPlay = false, t = false, updown = true, speed = 0;
function playScroll(u) {
	if(play) {
		play = false;
		updown = u;
		if(hove == "h") {
			speed = updown ? 3 : -3;
			endPlay = updown ? who.scrollTop + what : who.scrollTop - what;
		}
		if(hove == "v") {
			speed = updown ? 3 : -3;
			endPlay = updown ? who.scrollLeft + what : who.scrollLeft - what;
		}
		
		t = setInterval("doScroll()", 10);
	}
}
function doScroll() {
	if(hove == 'h') {
		start = who.scrollTop;
		who.scrollTop = who.scrollTop + speed;
		if(start == who.scrollTop) {
			doStop();
		}
	} else {
		start = who.scrollLeft;
		who.scrollLeft = who.scrollLeft + speed;
		if(start == who.scrollLeft) {
			doStop();
		}
	}
}
function doStop() {
	clearInterval(t);
	play = true;
}
function initscroll(wo, wa, hv) {
	who = document.getElementById(wo);
	what = wa;
	hove = hv;
	play = true;
}

function debug(txt) {
	document.getElementById("debug").innerHTML = txt;
}

function showImage(imgSrc) {
	with(document.getElementById("imgBig")) {
		src = imgs[imgSrc].src;
		style.display = "block";
		style.zIndex = 999;
	}
}
var imgs = new Array();
function loadImages() {
	for(i in im) {
		imgs[i] = new Image();
		imgs[i].src = im[i];
	}
}
function hideImage(imgSrc) {
	document.getElementById("imgBig").style.display = "none";
}



function doMaterieel(num) {
	if(mat[num]) {
		document.getElementById("tit").innerHTML = mat[num]["title"];
		document.getElementById("bg").style.backgroundImage = "url(" + mat[num]["image"] + ")";
		document.getElementById("info").innerHTML = mat[num]["info"];
	}
}