//Laad actieve vraag
var vorige = 0
var tekst = ""
var paginaBlijf = true

function randomcode(lengte) {
    var getalTot35 = 0
    var key = "" 
    var pattern = "1234567890abcdefghijklmnopqrstuvwxyz"
    var i = 0
    for(i=0; i<lengte ; i++ ) {
        getalTot35 = Math.floor(Math.random()*36)
        key = key+pattern.substring(getalTot35,getalTot35+1);
    }
    return key;
}

function vragen(){
    //document.getElementById("vraagOnderwerp").innerHTML =  vragenArray[vraagActief][0]
    document.onderwerp.src="images/onderwerpen/"+vragenArray[vraagActief][0]+".gif"
    document.getElementById("vraagTekst").innerHTML = vragenArray[vraagActief][1]
    document.getElementById("a1-2").innerHTML = vragenArray[vraagActief][3]
    document.getElementById("a1-3").innerHTML = vragenArray[vraagActief][7]
    document.getElementById("a2-2").innerHTML = vragenArray[vraagActief][4]
    document.getElementById("a2-3").innerHTML = vragenArray[vraagActief][8]
    document.getElementById("a3-2").innerHTML = vragenArray[vraagActief][5]
    document.getElementById("a3-3").innerHTML = vragenArray[vraagActief][9]
    document.getElementById("a4-2").innerHTML = vragenArray[vraagActief][6]
    document.getElementById("a4-3").innerHTML = vragenArray[vraagActief][10]
    //document.getElementById("positie_vragen").innerHTML = "Vraag "+vraagActief+" van de "+aantalVragen+"."
    if(vraagActief != 1 || vorige == 1){
        if(vorige == 1){
            oudeVraag = vraagActief+1
            //alert(optieSelect)
            if(optieSelect != 0){
                document.getElementById(optieSelect).src="images/vragen/"+optieSelect+".gif"
            }
            optieSelect = cijferNaarOptie(vragenArray[vraagActief][2])         
            //document.getElementById(optieSelect).src= "images/vragen/"+optieSelect+"_selected.gif"
            //alert(vraagActief)
            //alert(vragenArray[vraagActief][11])
            if(vragenArray[oudeVraag][2] != 0){
                document.getElementById(cijferNaarOptie(vragenArray[oudeVraag][2])).src="images/vragen/"+cijferNaarOptie(vragenArray[oudeVraag][2])+".gif"
            }
            document.getElementById(optieSelect).src= "images/vragen/"+optieSelect+"_selected.gif"
            if(vragenArray[vraagActief][11] == 1){
                document.img_belangrijk.src="images/belangrijk_check.gif"
            }else{
                document.img_belangrijk.src="images/belangrijk_uncheck.gif"
                belangrijknu = 0
            }
            vorige = 0                                                                                         
        }else{
            oudeVraag = vraagActief-1                    
        }
            document.getElementById("vr"+oudeVraag).src = "images/vragen/cijfer_"+oudeVraag+".gif"
            document.getElementById("vr"+vraagActief).src = "images/vragen/cijfer_"+vraagActief+"_selected.gif"
    }
}

/*Begin img functies*/
function img_hover(optie){
    document.getElementById(optie).src="images/vragen/"+optie+"_hover.gif"
}
function img_out(optie){
    if(optie == optieSelect){
        document.getElementById(optie).src="images/vragen/"+optie+"_selected.gif"
    }else{
        document.getElementById(optie).src="images/vragen/"+optie+".gif"
    }
}
function img_change(optie){
    if(optie != optieSelect){
        if(optieSelect != 0){
            document.getElementById(optieSelect).src="images/vragen/"+optieSelect+".gif"
        }
        document.getElementById(optie).src="images/vragen/"+optie+"_selected.gif"
        optieSelect = optie
    }
}
/*Einde img functies*/

//Zet een vraag naar belangrijk
function belangrijk(){
    if(belangrijknu == 0){
        document.getElementById('img_belangrijk').src="images/belangrijk_check.gif"
        belangrijknu = 1
    }else{
        document.getElementById('img_belangrijk').src="images/belangrijk_uncheck.gif"
        belangrijknu = 0
    }
}

//Geef een overzicht van de antwoorden
//Alleen voor het testen
function antwoordOverzicht(){
    var antwoordenHTML = ""
    var i = 1
    for (i=1; i<=aantalVragen ; i++) 
    {
        antwoordenHTML = antwoordenHTML+"Vraag "+i+": "+ vragenArray[i][2] +"<br />"
    }
   document.getElementById("antwoorden").innerHTML = antwoordenHTML
}

function optieNaarCijfer(optie){
    switch(optie)
    {
    case "optie_a":
      return 1 
    case "optie_b":
      return 2  
    case "optie_c":
      return 3  
    case "optie_d":      
      return 4  
    }
}

function cijferNaarOptie(cijfer){
    switch(cijfer)
    {
    case 1:
      return "optie_a" 
    case 2:
      return "optie_b"  
    case 3:
      return "optie_c"  
    case 4:      
      return "optie_d"  
    }
}

function vorigeVraag(){
    //Wanneer er een melding is weergegeven
    if(document.getElementById("melding").innerHTML != ""){
        document.getElementById("melding").innerHTML = ""
    }
    if(vraagActief != 1){
        vorige = 1 
        vraagActief--
        vragen()
    }
}
//Gaan naar de volgende vraag
function volgendeVraag(){
    //Wanneer er een optie geselecteerd is
    if(optieSelect != 0){
        //Wanneer er een melding is weergegeven
        if(document.getElementById("melding").innerHTML != ""){
            document.getElementById("melding").innerHTML = ""
        }
        if(belangrijknu == 1){
            //Als het niet de eerste belangrijke vraag is
            if(belangrijkLijst != ""){
                belangrijkLijst = belangrijkLijst+","    
            }
            vragenArray[vraagActief][11] = 1
            belangrijkLijst = belangrijkLijst+vraagActief
            belangrijknu = 0
            document.img_belangrijk.src="images/belangrijk_uncheck.gif" 
        }
        vragenArray[vraagActief][2] = optieNaarCijfer(optieSelect)
        document.getElementById(optieSelect).src="images/vragen/"+optieSelect+".gif"
        optieSelect = 0
        //Als het niet de laatste vraag is
        if(vraagActief < aantalVragen){
            //Als de volgende vraag al gechecked moet zijn
            if(vragenArray[vraagActief+1][11] == 1){
                document.img_belangrijk.src="images/belangrijk_check.gif"    
            }else{
                document.img_belangrijk.src="images/belangrijk_uncheck.gif"
            }
            //antwoordOverzicht()
            vraagActief++ 
            if(vragenArray[vraagActief][2] != 0){ 
                optieSelect = cijferNaarOptie(vragenArray[vraagActief][2])
                document.getElementById(optieSelect).src="images/vragen/"+optieSelect+"_selected.gif"
            }
            vragen()
        //Als het de laatste vraag is
        }else{
            var querystring = ""
            var i = 1
            for (i=1; i<=aantalVragen ; i++) 
            {
                if(querystring == ""){
                   querystring = "?page=verwerk&" 
                }else{
                   querystring = querystring+"&"
                }
                querystring = querystring+i+"="+vragenArray[i][2] 
            }
            //Als er extra belangrijke vragen tussen zitten
            if(belangrijkLijst != ""){
                querystring = querystring+"&bl="+belangrijkLijst
            }
            paginaBlijf = false
            window.location = querystring+"&c="+randomcode(5)
            //document.write("Uw kon niet automatisch worden door gestuurd naar de verwerkings pagina.<br />")
            //document.write("Klik <a href=\""+querystring+"\">hier</a> om naar verwerkings pagina te gaan.")
        }
    //Wanneer er geen optie is geselecteerd
    }else{
        document.getElementById("melding").innerHTML = "<b>Je moet wel een optie te selecteren.</b>"
    }
}


//Wanneer er tijdens de vragen herladen wordt
window.onbeforeunload = ladenTijdensVragen;

function ladenTijdensVragen()
{   
    if(paginaBlijf){
	    return ""
    }
}