//we wachten tot het document aangepast kan worden
$(document).ready(function(){
	
	//voer de functie toonRegister() uit
	toonRegister();
	
	//als het browservenster geschaald wordt
	$(window).resize(function(){
		verbergRegister();
		toonRegister();
	});

	function toonRegister() {
		//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;
		//als alles mooi zichtbaar is dan moet er geen schuifregister te zien zijn
		if($('.registerknop:last').offset().top > windowHeight) {
			//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');
			});
		}
	}
	
	function verbergRegister() {
		//verwijder de htmllijst en hiermee het volledige schuifregister
		$('#schuifregister').remove();
	}

});