
<!--
// Namespace wrapper
var vj=vj||{};
 
// XMLHttpRequest object wrapper
vj.xhr=function(){var x=null;try {x=new XMLHttpRequest();}catch(e){try{x=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{x=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){alert("Your browser does not support AJAX!");return false;}}}return x;};
 
// AJAX Get Request Handler - URL, XHR
vj.ajaxGet=function(x,y){y.open("GET",x,true);y.send(null);return;};
 
// AJAX Handler
vj.ajax=function(url,callback){
 if(url&&typeof url==='string'){
  var xhr=vj.xhr();
  xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){callback(xhr)}};
  vj.ajaxGet(url,xhr);
 }
};

 
 function loadExtBrons(page){
	document.getElementById('box').innerHTML="<div id='paddiv'><br>Pagina wordt geladen...</div>";
	var aantalPaginas = 9;
	var curNumber = page.replace(/\D/g,'');
	var c=0;
	var act = '';
	var tablewidth = aantalPaginas*32;
	var addon = '<div id="paddotsdiv"><table width="'+tablewidth+'" border="0" cellpadding="0" cellspacing="0"><tr>';
	
	for(i=0; i<aantalPaginas; i++){
		if (c<3){c++;} 
		else {c=1;}
		if (i==aantalPaginas-curNumber){
			act = 'a';	
		} else {
			act = '';
		};
		addon = addon+'<td width="32"><a href="javascript:loadExtBrons(\'b'+(aantalPaginas-i)+'.html\');"><img src="images/dot'+c+act+'.png" width="32" height="32" border="0" id="Image'+(aantalPaginas-i)+'" onmouseover="MM_swapImage(\'Image'+(aantalPaginas-i)+'\',\'\',\'images/dot'+c+'o.png\',1)" onmouseout="MM_swapImgRestore()" /></a></td>';
	}
	
	addon = addon+'</tr></table>';
	var endon = '</div>';
 	vj.ajax(page,function(x){
  		if(typeof x==='object'&&x.responseText){document.getElementById('box').innerHTML=addon+x.responseText+endon;}
	 });
	
 }
 

function loadExtPapier(page){
	document.getElementById('box').innerHTML="<div id='paddiv'><br>Pagina wordt geladen...</div>";
	var aantalPaginas = 23;
	var curNumber = page.replace(/\D/g,'');
	var c=0;
	var c2=0;
	var act = '';
	var act2 = '';
	var restPaginas = 0;
	if (aantalPaginas>23){
		restPaginas = aantalPaginas-23;
		aantalPaginas = 23;
	}
	var tablewidth1 = aantalPaginas*32;
	var tablewidth2 = restPaginas*32;
	var addon = '<div id="paddotsdiv"><table width="'+tablewidth1+'" border="0" cellpadding="0" cellspacing="0"><tr>';
	var addon2 = '<table width="'+tablewidth2+'" border="0" cellpadding="0" cellspacing="0"><tr>';
	
	for(i=0; i<aantalPaginas; i++){
		if (c<3){c++;} 
		else {c=1;}
		if (i==aantalPaginas-curNumber){
			act = 'a';	
		} else {
			act = '';
		};
		addon = addon+'<td width="32"><a href="javascript:loadExtPapier(\'p'+(aantalPaginas-i)+'.html\');"><img src="images/dot'+c+act+'.png" width="32" height="32" border="0" id="Image'+(aantalPaginas-i)+'" onmouseover="MM_swapImage(\'Image'+(aantalPaginas-i)+'\',\'\',\'images/dot'+c+'o.png\',1)" onmouseout="MM_swapImgRestore()" /></a></td>';
	}
	addon = addon+'</tr></table>';
	/////////////////////// Voor de onderste laag bolletjes
	for(i=0; i<restPaginas; i++){
		if (c<3){c++;} 
		else {c=1;}
		if (i==(curNumber-1+23)){
			act2 = 'a';	
		} else {
			act2 = '';
		};
		addon2 = addon2+'<td width="32"><a href="javascript:loadExtPapier(\'p'+(restPaginas-(i+1+23))+'.html\');"><img src="images/dot'+c+act+'.png" width="32" height="32" border="0" id="Image'+(restPaginas-(i+1+23))+'" onmouseover="MM_swapImage(\'Image'+(restPaginas-(i+1+23))+'\',\'\',\'images/dot'+c+'o.png\',1)" onmouseout="MM_swapImgRestore()" /></a></td>';
	}
	addon2 = '<div id="subrowdots" align="left">'+addon2+'</tr></table></div>';
	////////////////////
	var endon = '</div>';
 	vj.ajax(page,function(x){
  		if(typeof x==='object'&&x.responseText){document.getElementById('box').innerHTML=addon+x.responseText+endon+addon2;}
	 });
	
 }
 
function loadExtAnders(page){
	document.getElementById('box').innerHTML="<div id='paddiv'><br>Pagina wordt geladen...</div>";
	var aantalPaginas = 16;
	var curNumber = page.replace(/\D/g,'');
	var c=0;
	var act = '';
	var tablewidth = aantalPaginas*32;
	var addon = '<div id="paddotsdiv"><table width="'+tablewidth+'" border="0" cellpadding="0" cellspacing="0"><tr>';
	
	for(i=0; i<aantalPaginas; i++){
		if (c<3){c++;} 
		else {c=1;}
		if (i==aantalPaginas-curNumber){
			act = 'a';	
		} else {
			act = '';
		};
		addon = addon+'<td width="32"><a href="javascript:loadExtAnders(\'a'+(aantalPaginas-i)+'.html\');"><img src="images/dot'+c+act+'.png" width="32" height="32" border="0" id="Image'+(aantalPaginas-i)+'" onmouseover="MM_swapImage(\'Image'+(aantalPaginas-i)+'\',\'\',\'images/dot'+c+'o.png\',1)" onmouseout="MM_swapImgRestore()" /></a></td>';
	}
	
	addon = addon+'</tr></table>';
	var endon = '</div>';
 	vj.ajax(page,function(x){
  		if(typeof x==='object'&&x.responseText){document.getElementById('box').innerHTML=addon+x.responseText+endon;}
	 });
	
 }
 
 /*
 function printDots(){
	var c=0;
	for(i=0; i<24; i++){
		if (c<3){c++;} 
		else {c=1;}
		document.write('<td width="32"><img src="images/dot'+c+'.png" width="32" height="32" /></td>');
	}
 }
 
 function test() {
	alert('Hi!'); 
 }*/
-->
