//code onvolledig!

//we wachten tot het document aangepast kan worden
$(document).ready(function(){
	
		//bereken de paginahoogte
		var pageHeight = $('body').height();
		//bereken de hoogte van het browservenster
		var windowHeight = $(window).height();
		//lengte schuifbalk tov de paginahoogte
		//de pijltjes van de scrollbar nemen ongeveer 41 pixels in beslag
		var scrollBreuk = (windowHeight-41)/pageHeight;
		//maak een aanduiding op het schuifregister 
		//voor elk element op de htmlpagina met de class 'registerknop'
		$('.registerknop').each(function(i) {
		    //maak eerst de htmllijst
		    //dankzij de id 'schuifregister' kunnen we ze achteraf makkelijk vormgeven via CSS
		    if(i == 0) {
		    	$('body').prepend('<ul id="schuifregister"></ul>');
		    }
		    //wat is de id van dit element
		    var id = $(this).attr('id');
		    //de positie van dit element vanaf de bovenkant van de pagina
		    var yPos = $(this).offset().top;
		    //waar de schuifbalk moet zijn om het element te zien
  		    //Math.round zorgt voor een afgerond getal zonder decimalen
  		    //de +3 zorgt voor een net iets hogere scrollbarpositie op Mac (is mooier)
		    var scrollPos = Math.round(yPos * scrollBreuk) + 3;
		    //voeg een list item aan de lijst toe voor het huidige element
  		    //accesskey is de eerste letter van de id
		    $('#schuifregister').append('<li><a accesskey="' + id[0] + '" href="#' + id + '">' + id + '</a></li>');
		    //plaats het nieuwe list item op de juiste schuifbalkpositie
		    //zie ook de aparte css in de head van de htmlpagina
		    $('#schuifregister li:last-child').css('top', scrollPos + 'px');
		});
	
});