/*
scripts, stylesheet en html van Nico de Bruijn
http://members.ams.chello.nl/n.bruyn/
gemaakt voor onderwijsprogramma Anne Frank Stichting
Demo voor internet openvenster functie
*/

/*
Hier begint script voor diaseries
*/


// afspeel-snelheid in seconden (1 speed-seconds)
var afspeel_snelheid = 10;

dia_Bron = ["mini/01.gif","mini/02.gif","mini/03.gif","mini/04.gif","mini/05.gif","mini/06.gif","mini/07.gif","mini/08.gif","mini/09.gif","mini/10.gif","mini/11.gif","mini/ca01.gif","mini/ca02.jpg","mini/ca03.jpg","mini/ca04.jpg","mini/ca05.jpg","mini/ca06.gif","mini/ca07.jpg","mini/ca08.gif","mini/ca09.jpg","mini/ca10.jpg","mini/ca11.gif","mini/ca12.jpg","mini/ca13.jpg","mini/ca14.gif","mini/ca15.jpg","mini/ca16.jpg","mini/ca17.gif","mini/ca18.gif","mini/ca19.jpg","mini/ca20.jpg","mini/ca21.jpg","mini/ca22.gif","mini/ca23.jpg","mini/ca24.gif","mini/ca25.gif","mini/ca26.gif","mini/fo01.jpg","mini/fo02.jpg","mini/fo03.jpg","mini/fo04.jpg","mini/fo05.jpg","mini/fo06.jpg","mini/fo07.jpg","mini/fo08.jpg","mini/fo09.jpg","mini/fo10.jpg","mini/fo11.jpg","mini/fo12.jpg","mini/fo13.gif","mini/fo14.gif","mini/fo15.jpg","mini/fo16.jpg","mini/fo17.jpg","mini/fo18.jpg","mini/fo19.jpg","mini/fo20.jpg","mini/fo21.jpg","mini/fo22.jpg","mini/fo23.jpg","mini/fo24.jpg","mini/fo25.jpg","mini/fo26.jpg","mini/fo27.jpg","mini/fo28.jpg","mini/fo29.jpg","mini/fo30.jpg","mini/fo31.jpg","mini/fo32.jpg","mini/fo33.jpg","mini/fo34.jpg","mini/fo35.jpg","mini/fo36.jpg","mini/fo37.jpg","mini/fo38.jpg","mini/fo39.jpg","mini/fo40.jpg","mini/fo41.jpg","mini/fo42.jpg","mini/fo43.jpg","mini/fo44.jpg","mini/fo45.jpg","mini/fo46.jpg","mini/fo47.jpg","mini/fo48.jpg","mini/fo49.jpg","mini/fo50.jpg","mini/fo51.jpg","mini/fo52.jpg","mini/fo53.jpg","mini/fo54.jpg","mini/fo55.jpg","mini/fo56.jpg","mini/fo57.jpg","mini/fo58.jpg","mini/fo59.jpg","mini/fo60.jpg","mini/fo61.jpg","mini/fo62.jpg","mini/fo63.jpg","mini/fo64.jpg","mini/fo65.jpg","mini/ka01.gif","mini/ka02.gif","mini/ka03.gif","mini/ka04.jpg","mini/ka05.gif","mini/ka06.gif"];

var Dia_s = new Array();

// Startpunt array nummer van de verschillende dia series
var dia_nummer1 = 0;
Dia_s[dia_nummer1] = new Image();
Dia_s[dia_nummer1].src = dia_Bron[dia_nummer1];

var dia_nummer2 = 10;
Dia_s[dia_nummer2] = new Image();
Dia_s[dia_nummer2].src = dia_Bron[dia_nummer2];

var dia_nummer3 = 20;
Dia_s[dia_nummer3] = new Image();
Dia_s[dia_nummer3].src = dia_Bron[dia_nummer3];

var dia_nummer4 = 30;
Dia_s[dia_nummer4] = new Image();
Dia_s[dia_nummer4].src = dia_Bron[dia_nummer4];

var dia_nummer5 = 40;
Dia_s[dia_nummer5] = new Image();
Dia_s[dia_nummer5].src = dia_Bron[dia_nummer5];

var dia_nummer6 = 50;
Dia_s[dia_nummer6] = new Image();
Dia_s[dia_nummer6].src = dia_Bron[dia_nummer6];


// Maakt de vorige geladen dia's zichtbaar en laadt alvast de volgende dia 




function verwisselDia() {
// serie 1 
	document.images.Beeld1.src = Dia_s[dia_nummer1].src;
	dia_nummer1 = (dia_nummer1 + 1)%dia_Bron.length;
	Dia_s[dia_nummer1] = new Image();
	Dia_s[dia_nummer1].src = dia_Bron[dia_nummer1];
// serie 2 
	document.images.Beeld2.src = Dia_s[dia_nummer2].src;
	dia_nummer2 = (dia_nummer2 + 1)%dia_Bron.length;
	Dia_s[dia_nummer2] = new Image();
	Dia_s[dia_nummer2].src = dia_Bron[dia_nummer2];
// serie 3
	document.images.Beeld3.src = Dia_s[dia_nummer3].src;
	dia_nummer3 = (dia_nummer3 + 1)%dia_Bron.length;
	Dia_s[dia_nummer3] = new Image();
	Dia_s[dia_nummer3].src = dia_Bron[dia_nummer3];
// serie 4
	document.images.Beeld4.src = Dia_s[dia_nummer4].src;
	dia_nummer4 = (dia_nummer4 + 1)%dia_Bron.length;
	Dia_s[dia_nummer4] = new Image();
	Dia_s[dia_nummer4].src = dia_Bron[dia_nummer4];
// serie 5
	document.images.Beeld5.src = Dia_s[dia_nummer5].src;
	dia_nummer5 = (dia_nummer5 + 1)%dia_Bron.length;
	Dia_s[dia_nummer5] = new Image();
	Dia_s[dia_nummer5].src = dia_Bron[dia_nummer5];
// serie 6
	document.images.Beeld6.src = Dia_s[dia_nummer5].src;
	dia_nummer5 = (dia_nummer5 + 1)%dia_Bron.length;
	Dia_s[dia_nummer5] = new Image();
	Dia_s[dia_nummer5].src = dia_Bron[dia_nummer5];
// nieuwe wissel
	setTimeout('verwisselDia()', afspeel_snelheid * 1000);
}



/*
Hier begint de Test 
*/

var totaal_aantal_vragen=8;
var vraag_nummer=0;
var antwoord_score=0;
var totale_score=0;


// --------------  opzetten van de pagina bij het laden en home situatie info 
function begin1(){
	deselecteer();
	var loop=1;
		while (loop  <=  (totaal_aantal_vragen + 4)){
		document.all("laag" + loop).style.visibility= "hidden";
		loop=loop + 1;
		}
	document.all.laag0.style.visibility= "visible";
	vraag_nummer=0;
	antwoord_score=0;
	totale_score=0;
	deselecteer();
}


// -------- Het aantal punten bij een antwoord in de variabele zetten
function antwoordScore(punten){
	antwoord_score= punten;
}

// -------- radiobuttons op wit zetten ---------
function deselecteer(){
	var loop=0;
		while (loop  <  (totaal_aantal_vragen )){
		document.all.vr[loop].checked = false;
		loop=loop + 1;
		}
}


// ----------------- volgende vraag ---------------------------------------------
function volgendeVraag() { 
	
	// --------als vraagnummer 0 - beginsituatie - is dan alle lagen onzichtbaar zetten - alle scores op 0--en vraag 1 laten zien -----
	if (vraag_nummer == 0){
		var loop=0;
			while (loop  <=  (totaal_aantal_vragen + 4)){
			document.all("laag" + loop).style.visibility= "hidden";
			loop=loop + 1;
			}
		deselecteer();
		document.all.laag1.style.visibility= "visible";
		vraag_nummer=1;
		antwoord_score=0;
		totale_score=0;
		}

	// -------------- na de laatste vraag het resultaat berekenen en laten zien ------------------------------------------------
	else if(vraag_nummer == totaal_aantal_vragen){
		document.all("laag" + vraag_nummer).style.visibility= "hidden";	
		totale_score= totale_score + antwoord_score;
		alert("Het aantal behaalde punten is " +  totale_score)

			//  verdelen in 4 groepen en het resultaat laten zien
			if ( totale_score >=  26 ){
			document.all.laag12.style.visibility= "visible";
			}
			else if ( totale_score >= 20 ){
			document.all.laag11.style.visibility= "visible";
			}
			else if ( totale_score >= 14 ){
			document.all.laag10.style.visibility= "visible";
			}
			else{
			document.all.laag9.style.visibility= "visible";
			}
			// hierboven score op groepen en dan alles op nul zetten

		vraag_nummer=0;
		antwoord_score=0;
		totale_score=0;
		}

	// ---------------volgende vraag zichtbaar maken, vraagtelling bijhouden en de score bijhouden
	else{
		document.all("laag" + vraag_nummer).style.visibility= "hidden";
		document.all("laag" + (vraag_nummer+1)).style.visibility= "visible";
		vraag_nummer= vraag_nummer + 1;
		totale_score= totale_score + antwoord_score;
		}
	}

// -------------- De test (opnieuw) starten alle lagen op hidden zetten, vraag een zichtbaar, variabelen resetten
function startTest() {
	deselecteer();
	var loop=0;
		while (loop  <=  (totaal_aantal_vragen + 4)){
		document.all("laag" + loop).style.visibility= "hidden";
		loop=loop + 1;
		}
	document.all.laag1.style.visibility= "visible";
	vraag_nummer=1;
	antwoord_score=0;
	totale_score=0;
}



// -------------- even kijken of er wel een radio button geselecteerd is
function welAntwoord(){
	if (vraag_nummer == 0 ){
	startTest();
	}
	else if ((document.all.vr[vraag_nummer * 4 - 1].checked == false) && 
	(document.all.vr[vraag_nummer * 4 - 2].checked == false) && 
	(document.all.vr[vraag_nummer * 4 - 3].checked == false) && 
	(document.all.vr[vraag_nummer * 4 - 4].checked == false)){
	alert("Maak eerst een keuze")	;	
	}
	else {		
	volgendeVraag();
	}
}	



// ------------
// scripts voor de database pagina
// ------------


var alles=document.all
var bron, scherm

function start() {	
	alles.knoppen.style.visibility="visible";
	alles.knhelp.style.visibility="visible";
	alles.music.src="start.wav";
	alles.music.src="c.mid";
}

function kleurknop(kleur, achtergrond) {	
	window.event.srcElement.style.color =kleur;
}	

function klikknop(a, b, f, g, h, i) {
	alles.music.src="start.wav";	
	alles.fotolijst.style.visibility=a;
	alles.artikellijst.style.visibility=b;
	alles.videolijst.style.visibility=f;
	alles.kaartlijst.style.visibility=g;
	alles.cartoonlijst.style.visibility=h;
	alles.citaatlijst.style.visibility=i;
	alles.knhelp.style.visibility="hidden";
	alles.lihelp.style.visibility="visible";
	alles.bpijl.style.visibility="visible";
}	

function laatzien(c, dx, e) {
	window.event.srcElement.style.color = c;
	document.getElementById(dx).style.visibility = e;
	alles.lihelp.style.visibility="hidden";
	alles.klhelp.style.visibility=e;
	alles.dohelp.style.visibility="hidden";
}

function openvenster(bron, scherm){
	bron1=bron;
	scherm1=scherm;
	alles.music.src="c.mid";
	alles.dohelp.style.visibility="visible";
	plus='toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizable=1, width=800, height=600,top=0,left=0';
	alert("Downloaden bij deze internetdemo is niet mogelijk");
}

function openvenster2(bron, scherm){
	alles.music.src="c.mid";
	plus='toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizable=1, width=780, height=580,top=0,left=0';
	window.open(bron,scherm,plus); 
}

// begin animatie
//  variabelen

var finalTop = 41;
var startTop = 161;
var startLeft = 90;
var doneMoving = 0;

// --------------------------------------------------------------
// "spans" array om de door de namen van de  <SPAN> elements
//  te kunnen loopen met een index # 
// --------------------------------------------------------------

var spans = new Array;
spans[0] = "N";
spans[1] = "a";
spans[2] = "t";
spans[3] = "i";
spans[4] = "o";
spans[5] = "n2";
spans[6] = "a2";
spans[7] = "l";
spans[8] = "i2";
spans[9] = "s";
spans[10] = "m";
spans[11] = "e";

// --------------------------------------------------------------
// "finalpos" array is een voorbeeld van JScript "sparse array".
// geen cijfers maar letters worden gebruikt. 
//  Uiteindelijke horizontale positie
// --------------------------------------------------------------

var finalpos = new Array;
finalpos["N"] = -2;
finalpos["a"] = 13;
finalpos["t"] = 28;
finalpos["i"] = 36;
finalpos["o"] = 42;
finalpos["n2"] = 57;
finalpos["a2"] = 72;
finalpos["l"] = 87;
finalpos["i2"] = 93;
finalpos["s"] = 99;
finalpos["m"] = 113;
finalpos["e"] = 135;

// --------------------------------------------------------------
// Array om huidige vertikale positie van elke letter bij te houden
// --------------------------------------------------------------

var currentTop = new Array
currentTop["N"] = startTop;
currentTop["a"] = startTop;
currentTop["t"] = startTop;
currentTop["i"] = startTop;
currentTop["o"] = startTop;
currentTop["n2"] = startTop;
currentTop["a2"] = startTop;
currentTop["l"] = startTop;
currentTop["i2"] = startTop;
currentTop["s"] = startTop;
currentTop["m"] = startTop;
currentTop["e"] = startTop;

// --------------------------------------------------------------
// Array om huidige horizontale positie van elke letter bij te houden
// --------------------------------------------------------------

var currentLeft = new Array;
currentLeft["N"] = 105;
currentLeft["a"] = 80;
currentLeft["t"] = 120;
currentLeft["i"] =0;
currentLeft["o"] = 40;
currentLeft["n2"] = 0;
currentLeft["a2"] = 135;
currentLeft["l"] = 70;
currentLeft["i2"] = 90;
currentLeft["s"] = 110;
currentLeft["m"] = 135;
currentLeft["e"] = 110;


function begin2()
{
	window.moveTo(0,0)
	top.window.resizeTo(screen.availWidth,screen.availHeight) 
   	initialize();
	move();
	return false;
}

// --------------------------------------------------------------
// stelt de beginposities in
// --------------------------------------------------------------
function initialize()
{   
	for(var i = 0; i < spans.length; i++);
	{
		currentLeft[spans[i]] = startLeft;
		alles(spans[i]).style.left = startLeft;
		
		currentTop[spans[i]] = startTop;
		alles(spans[i]).style.top = startTop;
	}
	doneMoving = 0;
	
}


// --------------------------------------------------------------
// Animatie van letters
// --------------------------------------------------------------

function move()
{
	for(var i = 0; i < spans.length; i++)
	{
		if(currentTop[spans[i]] > finalTop)
		{
			currentTop[spans[i]]-= 15; //zoniet 15 pixels verschuiven.
			alles(spans[i]).style.top = currentTop[spans[i]];
			break;
		}
		// zo ja horizontaal 1 pixel verschuiven
		else if(currentLeft[spans[i]] != finalpos[spans[i]])
		{
		  //Berekening van het verschil tussen de uiteindelijke postie en de huidige positie
		  // Delen door de absolute waarde om -1 of +1 te krijgen
		  // Dit wordt bij de huidige positie opgeteld om de nieuwe positie te krijgen.
			  
		  currentLeft[spans[i]] = currentLeft[spans[i]] + 1 * (finalpos[spans[i]] - currentLeft[spans[i]])/Math.abs(finalpos[spans[i]] - currentLeft[spans[i]]);
		  alles(spans[i]).style.left = currentLeft[spans[i]];
		}
	    
	
	}
	// Is elke letter ter plaatse?
	for( i = 0; i < spans.length; i++ ) 
	{
	  if(currentLeft[spans[i]] != finalpos[spans[i]]) doneMoving = 0;
	  else doneMoving = 1;
	}
	// Ja?, dan kan hier nog een andere functie gestart worden
	if(doneMoving == 1)
	{
		//anderefunctie();
		
	}
	// Zo niet doen we alles nog eens over
	// the next move.
	else setTimeout("move()",0);

}
// eind animatie

function maximize() {
	window.moveTo(0,0);
	top.window.resizeTo(screen.availWidth,screen.availHeight); 
}