addEvent(window,'load',prepareLinks);

// voeg javascript-functionaliteit toe aan navigatielinkjes
function prepareLinks() {
	// check of javascript voldoende wordt ondersteund door de browser 
	if (!document.getElementById) {
		return;
	}
	
	// check of de navigatie nodig is
	if (!document.getElementById('ouder')) {
		return;
	}
	
	
	// definieer scriptnaam tbv correctie in Windows IE
	var domeinnaam = 'http://www.despeelwinkel.nl';
	var scriptnaam = 'blog.php';
	
	// haal het totale aantal paginas op
	var totaal = parseInt(document.getElementById('itemnav').getAttribute('name'));
	
	// haal de twee navigatielinkjes op
	var vorige = document.getElementById('nieuwer');
	var volgende = document.getElementById('ouder');
	
	// 'terugspoelen'
	vorige.onclick = function() {
		// maak url voor ajax-script
		var url = 'blogboxen.php'+this.getAttribute('href');
		
		// corrigeer evt de url
		url = correctLink(url);
		
		// update url's en zichtbaarheid van de navigatielinkjes
		var nieuwe_pag = parseInt(this.getAttribute('href').split('navpagina=')[1]);
		
		updateLinks(nieuwe_pag);
		
		// zet ajax-script in actie
		return !showThumbs(url);
	}
	
	// 'vooruitspoelen'
	volgende.onclick = function() {
		// maak url voor ajax-script
		var url = 'blogboxen.php'+this.getAttribute('href');
		
		// corrigeer evt de url
		url = correctLink(url);
		
		// update url's en zichtbaarheid van de navigatielinkjes 
		var nieuwe_pag = parseInt(this.getAttribute('href').split('navpagina=')[1]);
		
		updateLinks(nieuwe_pag);
		
		// zet ajax-script in actie
		return !showThumbs(url);
	}
	
	// update navigatielinkjes
	function updateLinks(nieuwe_pag) {
		
		if(nieuwe_pag > 1) {
			vorige.style.visibility = 'visible';
		} else {
			vorige.style.visibility = 'hidden';
		}
		if(nieuwe_pag >= totaal) {
			volgende.style.visibility = 'hidden';
		} else {
			volgende.style.visibility = 'visible';
		}
		vorige.href = '?navpagina='+(nieuwe_pag-1);
		vorige.title = 'nieuwer';
		volgende.href = '?navpagina='+(nieuwe_pag+1);
		volgende.title = 'ouder';
	}
	
	// corrigeer url voor domeinnaam en scriptnaam
	function correctLink(link) {
		
		if(link.indexOf(domeinnaam) != -1) {
			link = link.replace(domeinnaam,'');
		}
		if(link.indexOf(scriptnaam) != -1) {
			link = link.replace(scriptnaam,'');
		}
		if(link.indexOf('/') != -1) {
			link = link.replace('/','');
		}
		
		return link;
	}
}	

function showThumbs(url) {

	var navigatie = document.getElementById('itemnav');
	
	// extra functies voor 'apple'-spinner 
	function show_spinner() {
		navigatie.innerHTML = '<img id="spinner" src="beeld/spinner2.gif" alt="spinner">';
	}

	show_spinner();
	
	var req = getHTTPObject();
	
	// ajax-script [ gebaseerd op http://bulletproofajax.com/code/chapter05/people/ajax.js ]
	function getHTTPObject() {
		var xhr = false;
		if(window.XMLHttpRequest) {
			xhr = new XMLHttpRequest();
		} else if(window.ActiveXObject) {
			try {
				xhr = new ActiveXObject('Msxml2.XMLHTTP');
			} catch(e) {
				try {
					xhr = new ActiveXObject('Microsoft.XMLHTTP');
				} catch(e) {
					xhr = false;
				}
			}
		}
		return xhr;
	}

	function parseResponse(request) {
		if(request.readyState == 4) {
			if(request.status == 200 || request.status == 304) {
				navigatie.innerHTML = request.responseText;
			}
		}
	}
	
	if(req) {
		req.open('GET',url,true);
		req.setRequestHeader('Content-Type', 'text/html; charset=utf-8');
		req.setRequestHeader('X-Requested-With','XMLHttpRequest');
		req.setRequestHeader('If-Modified-Since','Wed, 15 Nov 1995 00:00:00 GMT');
		req.onreadystatechange = function() {
			parseResponse(req);
		};
		req.send(null);
		return true;
	} else {
		return false;
	}
}