/*
Dit bestand bevat alle functies om een tekstpagina met 3 kolommen op te maken:
tekstlagen maken, paginanummers aanpassen, interactie voor 'vorige' en 'volgende'

*/

// het script hoeft alleen maar uitgevoerd te worden als er tekst is om op te knippen en te scrollen
if(document.getElementById('articleBody')) {

	var classFix;
	if (document.all){
		classFix = "className";
	} else {
		classFix = "class";
	}
	
  // default waarden
  //
  // font-size en lineHeight: gemeten in pixels
	fontSize   = 11;
	lineHeight = 14;
	
  // vensterHoogte: hoogte van een kolom, moet een veelvoud van lineHeight zijn
	var vensterHoogte = 420; // (30 x 14)
	
  // ook moet de hoogte van de 3 kolommen waar de tekst in komt moet aangepast worden	
	var obj = document.getElementById('content-col-1')
	obj.style.height =  vensterHoogte + 'px'
	var obj = document.getElementById('content-col-2')
	obj.style.height =  vensterHoogte + 'px'
	var obj = document.getElementById('content-col-3')
	obj.style.height =  vensterHoogte + 'px'
	
	function ws(str) {
		window.status=str;
	}
	
	
		
	function scroll() {
	  // pas de top van de teksten in de linker en rechter kolom aan
		var obj = document.getElementById("myTextCol1");
		obj.style.top = -vensterHoogte*(huidigePagina-1) + "px";
	
		var obj = document.getElementById("myTextCol2");
		obj.style.top = -vensterHoogte*(huidigePagina) + "px";
		
		var obj = document.getElementById("myTextCol3");
		obj.style.top = -vensterHoogte*(huidigePagina+1) + "px";
		
	
	}
	
	



  // geeft hoogte van huidige venster of een object
	function getHeight(obj){
		if (obj == "window"){
			if (window.innerHeight){
				return window.innerHeight;
			} else {
				return document.getElementById("bodyNode").offsetHeight;
			}
		} else {
			obj = document.getElementById(obj);
			if (obj.offsetHeight){
				return obj.offsetHeight;
			}
		}
	}
	
  // bereken totaal aantal paginas
  // in articleBody zit alle tekst (niet zichtbaar) die in pagina's opgeknipt moet worden
	var totaleHoogte = getHeight("articleBody");
	var aantalPaginas = Math.ceil(totaleHoogte / vensterHoogte);
	var huidigePagina = 1;
	
	
  // Maak 3 div's voor de tekst van kolom 1, 2 en 3
  // op ieder scherm passen 3 pagina's: 1 pagina per kolom
  // kloon dan de tekst 3 keer en plak in iedere div een pagina tekst

  
  // maak een div voor de tekst van kolom 1
	var parentDiv = document.getElementById("content-col-1");
	var col = document.createElement("div");
	col.setAttribute("id", "myTextCol1");
	col.setAttribute(classFix, "artCol");	
	parentDiv.appendChild(col);
	
  // kloon de tekst en plak deze in kolom 1
	var obj = document.getElementById("articleBody");
	var artText = obj.cloneNode(true);
	artText.setAttribute("id", "myTextCol1");
	artText.style.display = "block";
	artText.style.top = "0px";
	artText.style.left = "0px";
	artText.style.lineHeight = lineHeight + "px";
	col.appendChild(artText);

  // maak een div voor de tekst van kolom 2
	var parentDiv = document.getElementById("content-col-2");
	var col = document.createElement("div");
	col.setAttribute("id", "myTextCol2");
	col.setAttribute(classFix, "artCol");	
	parentDiv.appendChild(col);
		
  // kloon de tekst en plak deze in kolom 2
	var obj = document.getElementById("articleBody");
	var artText = obj.cloneNode(true);
	artText.setAttribute("id", "myTextCol2");
	artText.style.display = "block";
	artText.style.top = -vensterHoogte + "px";
	artText.style.left = "0px";
	artText.style.lineHeight = lineHeight + "px";
	col.appendChild(artText);


  // maak een div voor de tekst van kolom 3
	var parentDiv = document.getElementById("content-col-3");
	var col = document.createElement("div");
	col.setAttribute("id", "myTextCol3");
	col.setAttribute(classFix, "artCol");	
	parentDiv.appendChild(col);
	
  // kloon de tekst en plak deze in kolom 3
	var obj = document.getElementById("articleBody");
	var artText = obj.cloneNode(true);
	artText.setAttribute("id", "myTextCol3");
	artText.style.display = "block";
	artText.style.top = "0px";
	artText.style.left = "0px";
	artText.style.lineHeight = lineHeight + "px";
	col.appendChild(artText);


  // toon de 3 kolommen op de goede hoogte
	scroll()
	
}