// Do not touch the whole document

// NOT for associative arrays!
function inArray(haystack, needle)
{
	for (var x=0; x<haystack.length; x++)
	{
		if (haystack[x] == needle)
		{
			return true;
		}
	}
	return false;
}


function getVar(name)
{
	 get_string = document.location.search;         
	 return_value = '';
	 
	 do 
	 { //This loop is made to catch all instances of any get variable.
		name_index = get_string.indexOf(name + '=');
		
		if(name_index != -1)
		{
			get_string = get_string.substr(name_index + name.length + 1, get_string.length - name_index);

			end_of_value = get_string.indexOf('&');
		if(end_of_value != -1)                
			value = get_string.substr(0, end_of_value);                
		else                
			value = get_string;                
			
		if(return_value == '' || value == '')
			 return_value += value;
		else
			 return_value += ', ' + value;
		}
	} while(name_index != -1)
		
	//Restores all the blank spaces.
	space = return_value.indexOf('+');
	while(space != -1)
	{ 
		return_value = return_value.substr(0, space) + ' ' + 
		return_value.substr(space + 1, return_value.length);

		space = return_value.indexOf('+');
	}

	return(return_value);        
}



//color-arrays to make random choices from
var mz_kleuren = new Array();
mz_kleuren[mz_kleuren.length] = "#00DBFF";
mz_kleuren[mz_kleuren.length] = "#78BDFF";
mz_kleuren[mz_kleuren.length] = "#008EFF";

var mt_kleuren = new Array();
mt_kleuren[mt_kleuren.length] = "#FF3100";
mt_kleuren[mt_kleuren.length] = "#E61318";
mt_kleuren[mt_kleuren.length] = "#FF6600";

var ma_kleuren = new Array();
ma_kleuren[ma_kleuren.length] = "#7CDD00";
ma_kleuren[ma_kleuren.length] = "#47AD00";
ma_kleuren[ma_kleuren.length] = "#00E60B";

//produce random_colors
function maak_kleur (element)
{
	var kleuren = new Array();
	var kleur_no = 0;
	var kleur = "";

	var level = document.getElementsByTagName("div")[0].id;
	if (level == "mezelf") {kleuren = mz_kleuren;}
	if (level == "methode") {kleuren = mt_kleuren;}
	if (level == "maatschapij") {kleuren = ma_kleuren;}
	var testtext = "";

	//look for all things with the id [passed by "element"]+m
	//and attach background
	for (m=1; m < 10; m++)
	{
		kleur_no = Math.floor(Math.random() * kleuren.length);
		kleur = kleuren[kleur_no];	
		if (document.getElementById(element+m))
		{
			current_elem = document.getElementById(element+m);
			current_elem.style.backgroundColor = kleur;
		}
	}
}




//produce for index.html: questions, explanations, background colors
function wissel_vragen()
{
	nieuwmaker = setTimeout("maak_vragen()",7000);
}



// produceert 4 vragen
function maak_vragen()
{
	display = new Array();
	//produce array with unique random questions
	for (var i = 0; i < 4; i++)
	{
		do 
		{
			current = Math.floor(Math.random() * vragen.length);
		} while (inArray(display, current));
		display[display.length] = current;
	}
	
	kleuren = new Array();
	kleur_no = 0;
	kleur = "";
	broncode = "";
	for (x=0; x<4; x++)
	{
		//produce two different colors
		if (vragen[display[x]][2] == "mezelf") {kleuren = mz_kleuren;}
		if (vragen[display[x]][2] == "methode") {kleuren = mt_kleuren;}
		if (vragen[display[x]][2] == "maatschapij") {kleuren = ma_kleuren;}
		kleur_no1 = Math.floor(Math.random() * kleuren.length);
		do
		{
			kleur_no2 = Math.floor(Math.random() * kleuren.length);
		} while (kleur_no1 == kleur_no2);
		kleur1 = kleuren[kleur_no1];
		kleur2 = kleuren[kleur_no2];
		
		//build question with kleur1
		broncode = broncode + "<div id=\"vraag" + (x+1) + "\" style=\"background-color:" + kleur1 + ";\">";
		broncode = broncode + "<h1 class=\"padding\">";
		broncode = broncode + "<a href=\"vraag.html?positie="+(x+1)+"&kleur_no1=" + kleur_no1 + "&kleur_no2=" + kleur_no2 + "&vraag="+display[x]+"\" title=\"" + vragen[display[x]][0] + "\">"+vragen[display[x]][0]+"</a>";
		broncode = broncode + "</h1>";
		broncode = broncode + "</div>";
		// build explanation with kleur2	
		broncode = broncode + "<div id=\"vraag_groot" + (x+1) + "\" style=\"background-color:" + kleur2 + ";display:none;\">";
		broncode = broncode + "<h2 class=\"padding\">";
		broncode = broncode + vragen[display[x]][1];
		broncode = broncode + "</h2>";
		broncode = broncode + "</div>";
	}
	document.getElementById("levellist").innerHTML = broncode;
	/*
	formbroncode = "";
	formbroncode = formbroncode + "<form>";
	formbroncode = formbroncode + "<input type='hidden' name='broncode' value="broncode;
	formbroncode = formbroncode + "<form>";
	formbroncode = formbroncode + "<form>";
	formbroncode = formbroncode + "<form>";*/
	wissel_vragen();
}

function toon_uitleg () {
	// get the getvars!
	positie = getVar("positie");
	kleur_no1 = getVar("kleur_no1");
	kleur_no2 = getVar("kleur_no2");	
	display = getVar("vraag");
	//produce two different colors
	if (vragen[display][2] == "mezelf") {kleuren = mz_kleuren;}
	if (vragen[display][2] == "methode") {kleuren = mt_kleuren;}
	if (vragen[display][2] == "maatschapij") {kleuren = ma_kleuren;}	
	kleur1 = kleuren[kleur_no1];
	kleur2 = kleuren[kleur_no2];
	
	//build question with kleur1
	broncode = "<div id=\"vraag" + (positie) + "\" style=\"background-color:" + kleur1 + ";\">";
	broncode = broncode + "<h1 class=\"padding\">";
	broncode = broncode + "<a href=\""+vragen[display][3]+"\">"+vragen[display][0]+"</a>";
	broncode = broncode + "</h1>";
	broncode = broncode + "</div>";
	// build explanation with kleur2	
	broncode = broncode + "<div id=\"vraag_groot" + (positie) + "\" style=\"background-color:" + kleur2 + ";\">";
	broncode = broncode + "<h2 class=\"padding\">";
	broncode = broncode + vragen[display][1];
	broncode = broncode + "</h2>";
	broncode = broncode + "</div>";
	
	document.getElementById("levellist").innerHTML = broncode;
}