var targBox = "wide";

function init() {

	if (document.getElementById) {
		var atags = document.getElementsByTagName("A");
		for (var i=0;i<atags.length;i++) {
			var ca = atags[i];
			if (ca.href.indexOf("#") > -1) {
				ca.onclick = function() {
					scrollDivToAnchor(this.href.split("#")[1]);
				}
			}
		}
	}
}

function scrollDivToAnchor(a) {
	
	doe = (document.getElementById(a).offsetLeft - 120);

	document.getElementById('wide').scrollLeft = doe;
	
	
	
	//var b = document.getElementById(targBox);
	
	//b.scrollTop = document.getElementById(a).offsetTop - b.offsetTop;

	// alternately, if your elements are not nested within other nodes inside the box,
	// you could use document.getElementById(a).parentNode.scrollTop
	// that way you wouldn't need to specify the id of the scrollable box

}

if (navigator.userAgent.indexOf("Safari") > -1) {
	window.onload = init;
}


var thisTimerId = 0;
var serieNaam = 0;

function startSlideShow(dit,serie,nr) {
	
	if (serieNaam == 0){
	 serieNaam = serie;
	nextImg(dit,serie,nr);
	
	} else {
		currentHTML = document.getElementById(serieNaam).innerHTML;
		resumetekst = ""+currentHTML+"<span class='onderschrift'>click image to restart slideshow<\/span>";
		if (serieNaam == serie){
		//thisTimerId = setTimeout("nextImg('"+dit+"','"+serie+"','"+nr+"')",1500);
		document.getElementById(serie).innerHTML = resumetekst;
		serieNaam = 0;
		clearTimeout (thisTimerId);
		} else {
		//alert(serieNaam);
		document.getElementById(serieNaam).innerHTML = resumetekst;
		clearTimeout (thisTimerId);
		nextImg(dit,serie,nr);
		
		serieNaam = serie;
		}
	}
	
}
function nextImg(dit,serie,nr) {
	//alert(dit);
	//test = dit.childNodes[0].src;
	//alert(dit.childNodes[1])
	//stringtosplit = serie+"_";
	//tmpdeze = (test.split(stringtosplit)[1]);
	//deze = (tmpdeze.split(".")[0]);
	var runningSerie = serie;
	if (thisTimerId == 0){
		//alert("a");
		
	} else {
		//alert("b")
	}
	//alert(runningSerie);
	
	if ((nr-0) == (dit-0 + 1)){
			stopIt = "yes";
		} else {
			stopIt = "no";
	}
	
	prev_img =  serie+"_"+dit;
	next_img = (dit - 0)+1;
	//alert(deze);
		if (next_img<nr){
			
			myImg = serie+"_"+next_img;
		} else {
			myImg =  serie+"_1";
			next_img = 1;
		}
		//alert(myImg);
	//alert(myImg);
		//alert(document.getElementById(serie).childNodes[3].src);
		
		
		var laadPlaatje = new Image();
		laadPlaatje.onload = function() {
			//voortekst = "<a href='javascript:;' onclick='nextImg("+next_img+",\""+serie+"\","+nr+")'><img border='0' align='left' src='images/"+myImg+".jpg' \/><div class='onderschrift'>klik voor de volgende afbeelding<\/div><\/a>";
			
			voortekst2 = "<a href='javascript:;' onclick='startSlideShow("+next_img+",\""+serie+"\","+nr+")'><img border='0' align='left' src='images/"+myImg+".jpg' \/><span class='onderschrift'>start slideshow again<\/span><\/a>";
			voortekst = "<a href='javascript:;' onclick='startSlideShow("+next_img+",\""+serie+"\","+nr+")'><img border='0' align='left' src='images/"+myImg+".jpg' \/><\/a>";
			//alert(voortekst);
			document.getElementById(serie).innerHTML = voortekst;
			document.getElementById(prev_img).style.display = "none";
			document.getElementById(myImg).style.display = "block";
			//nwThis = deze;
			//alert(nwThis);
			if (stopIt == "yes"){
			document.getElementById(serie).innerHTML = voortekst2;
			serieNaam = 0;
			} else {
		thisTimerId = setTimeout("nextImg('"+next_img+"','"+serie+"','"+nr+"')",1500);
			
			}
			}
		laadPlaatje.src = "images/"+myImg+".jpg";
		}