var totAnsw = 4; var aantAnsw = 3; var timed=false;var totQuest = 8;var arQuest = Array("1. Wat is je natuurlijke reactie op problemen?"
,"2. Hoe ga je om met onverwachte situaties?"
,"3. Welke rol neem je meestal in een team?"
,"4. Hoe sta je tegenover veranderingen?"
,"5. Welke activiteit geeft je de meeste voldoening First?"
,"6. Wat motiveert je het meest in je werk?"
,"7. Welke werkomgeving past het best bij je?"
,"8. Wat is je voorkeur bij het nemen van beslissingen?"
);
var arQuestID = Array("7369","7363","7365","7367","7362","7366","7368","7364");
var arAnsw =  Array(Array("Ik bespreek het probleem met anderen","Ik zoek naar alternatieve oplossingen","Ik maak eerst een plan van aanpak","Ik ga direct aan de slag om het op te lossen"),
Array("Ik vraag advies aan collega's of experts","Ik zie het als kans om iets nieuws te leren","Ik volg bestaande procedures en protocollen","Ik analyseer de situatie en zoek een praktische oplossing"),
Array("De verbindende schakel tussen teamleden","De initiatiefnemer met nieuwe ideen","De coordinator die overzicht houdt","De specialist die anderen adviseert"),
Array("Ik volg veranderingen als anderen dat ook doen","Ik zie verandering als kans voor verbetering","Ik ben voorzichtig en wil eerst de gevolgen overzien","Ik pas me aan als het praktisch voordeel oplevert"),
Array("Het oplossen van technische problemen op de boerde...","Het plannen en organiseren van werkzaamheden","Het uitproberen van nieuwe technieken en methoden","Het werken met dieren en gewassen"),
Array("Het bereiken van concrete resultaten","Het behouden van stabiliteit en continuteit","Het realiseren van verbeteringen en innovaties","Het werken in een prettige sfeer"),
Array("Een sociale omgeving met goede samenwerking","Een dynamische omgeving met ruimte voor experimenten","Een gestructureerde omgeving met duidelijke regels","Een omgeving waar vakkennis gewaardeerd wordt"),
Array("Beslissingen baseren op ervaring en praktijk","Zorgvuldig afwegen van alle risico's","Durven kiezen voor innovatieve oplossingen","Samen met anderen tot een besluit komen"));
var arAnswID =  Array(Array("7369|1"
,"7369|2"
,"7369|3"
,"7369|4"
),
Array("7363|1"
,"7363|2"
,"7363|3"
,"7363|4"
),
Array("7365|1"
,"7365|2"
,"7365|3"
,"7365|4"
),
Array("7367|1"
,"7367|2"
,"7367|3"
,"7367|4"
),
Array("7362|1"
,"7362|2"
,"7362|3"
,"7362|4"
),
Array("7366|1"
,"7366|2"
,"7366|3"
,"7366|4"
),
Array("7368|1"
,"7368|2"
,"7368|3"
,"7368|4"
),
Array("7364|1"
,"7364|2"
,"7364|3"
,"7364|4"
));
var strIntro = "<div class='commont-content-box'>    <div class='home-content'>        <div class='home-content-info'>            <div class='home-content-info-text '>                <h1>Ben jij een vakman, een beheerder of                    meer een innovator</span> </h1>                <ul>                    <li>Ontdek uw competenties op het gebied van werk en privéleven met een mini-analyse bestaande uit 8 vragen, elk met 4 mogelijke antwoorden.</li>                    <li>De uitkomst van de mini-assessment is gebaseerd op slechts 8 vragen. Dit geeft een indicatie van uw voorkeursprofiel als werkende.</li>                    <li>Hoe werkt het?                         Voor elke vraag klikt u op drie mogelijke antwoorden. Klik eerst op het antwoord dat het beste bij uw situatie past, vervolgens op uw tweede keuze en ten slotte op uw derde keuze.</li>                </ul>                <p><strong>Veel plezier en succes.</strong></p>            </div>        </div>        <div class='home-content-img'>            <figure><img src='css/f4atest/hero-banner-img.png' alt='hero-banner-img'></figure>        </div>    </div></div>";

var nClick = 0;
var nQuest = 0;
var strAns = String();
var sec = 0;
var timebarTimeOutID=0;
var timeslice = 100;


function QClick(el) {
    //alert();
    //var el = window.event.srcElement;
    if (el.className == "clicked") return;
    el.className="clicked";
    nClick++;

    var nA = String(el.id).substr(2);
    strAns = strAns + arAnswID[nQuest][nA] + ";";
    if (nClick == aantAnsw) {
        nClick = 0;
        nQuest++;
        if (nQuest < totQuest) {
            setTimeout('ClearQuestion();',250);
            setTimeout('NextQuestion();',500);
        } else {
            if (timebarTimeOutID) clearTimeout(timebarTimeOutID);
            frmQuest.ans.value = strAns;
            frmQuest.submit();
        }
    }
}
function toggelLang()
{
    var element = document.getElementById("country-drop");
     element.classList.toggle("active");
}
function DrawBar() {
    sec++;
    var perc = Math.round(sec / timespan/(timeslice/1000));
    if (timebarTimeOutID) clearTimeout(timebarTimeOutID);
    timebarTimeOutID = 0;
    if (perc  >  100) {
        while (nClick++ < aantAnsw) strAns = strAns + arQuestID[nQuest] + "|NULL;";
        nClick = 0;
        nQuest++;
        if (nQuest < totQuest) {
            setTimeout('ClearQuestion();',250);
            setTimeout('NextQuestion();',500);
        } else {
            frmQuest.ans.value = strAns;
            frmQuest.submit();
        }
        return;
    }
    el = document.getElementById("timebar");
    el.style.height=String(100-perc) + "%";
    timebarTimeOutID = setTimeout(DrawBar,100);
}


function NextQuestion() {
    if (!timed) {
        document.getElementById("timebarcol").style.display="none";
        document.getElementById("timebartxt").style.display="none";
    } else {
        document.getElementById("timespan").innerHTML = timespan;
        if (timebarTimeOutID) clearTimeout(timebarTimeOutID);
        sec = 0;
        timebarTimeOutID = setTimeout(DrawBar,100);
    }
    var i = 0;
    var sID = String("q1");
    var el = document.getElementById("q1");
    // console.log(el);
    el.innerHTML = arQuest[nQuest];
    // console.log(el.innerHTML);
    var current_prog_bar = (nQuest + 1);
    document.getElementById('current_quiz_pagination').innerHTML = current_prog_bar;
    var total_length = arQuest.length;
    var current_bar = (current_prog_bar / total_length ) * 100;
    console.log(current_bar);
    document.getElementById('myBar').style.width = Math.round(current_bar) + "%";
    for (i=0;i<totAnsw;i++) {
        sID = 'aa' + String(i);
        el = GetMyElement(sID);
        el.innerHTML = arAnsw[nQuest][i];

        el.className="quest";
    }

}

function ClearQuestion() {
    var i = 0;
    var sID = String();
    for (i=0;i<totAnsw;i++) {
        sID = 'aa' + String(i);
        el = GetMyElement(sID);
        el.innerHTML = "&nbsp;";
    }
}

function GetMyElement(sID) {
    return document.getElementById(sID);
}

function FillITVFrame() {
	d=frameTV.document;
	d.open();
	d.writeln("<HTML>");
	d.writeln("<HEAD>");
	d.writeln("<META HTTP-EQUIV=\"Pragma\" CONTENT=\"no-cache\">");
	//d.writeln("<LINK rel='stylesheet' type='text/css' href='impactcare.css'>");
	d.writeln("</HEAD>");
	d.writeln("<STYLE>");
	d.writeln("body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family: Tiresias PCfont, Tiresias;background-color:#7caed3;}");
	d.writeln("th {font-family: Tiresias, Tiresias PCfont;font-size: 17px;color: #F3E6F5;}");
	d.writeln("td, .info {font-family: Tiresias, Tiresias PCfont;	font-size: 17px;color: #F3E6F5;}");
	d.writeln("a {font-family: Tiresias, Tiresias PCfont;font-size:17px;color: #F3E6F5;text-decoration: none;}");
	d.writeln("table, .info{background-color: #7caed3;}");
	d.writeln("</STYLE>");


	d.writeln("<BODY onload='document.links[0].focus();'>");
	if (strIntro.length > 0 ) {
       	d.writeln("<DIV class='info'>" + strIntro + "</DIV>");
    	d.writeln("<p align=right><INPUT type=button onclick='parent.ProcessForm()' value=' >> '></p>");
       	strIntro="";
	} else {
	    d.writeln(TVNextQuestion());
	}
	d.writeln("</BODY></HTML>");
	d.close();
}

function ProcessForm() {
    FillITVFrame();
}

function TVNextQuestion() {
    var html = "<table border=0 padding=0 class='quest'>"
    html = html +"<tr><th class='quest' id=q1>" + arQuest[nQuest] + "</th></tr>";
    html = html +"<tr><th class='white'>&nbsp;</th></tr><tr>";

    for (var i=0;i<totAnsw;i++) {
        html = html +  "<tr><td class='quest'><a id=aa" + String(i) + " class='quest' onclick='parent.TVQClick(\"aa" + String(i) + "\");'>" +   arAnsw[nQuest][i] +"</a></td></tr>";
    }

    html = html +"<tr><th class='white'>&nbsp;</th></tr>";
    html = html +"</table>";
    return html;
}


function TVQClick(el) {
    //var el = window.event.srcElement;
    nClick++;
    var nA = String(el).substr(2);
    strAns = strAns + arAnswID[nQuest][nA] + ";";
    if (nClick == aantAnsw) {
        nClick = 0;
        nQuest++;
        if (nQuest < totQuest) {
            FillITVFrame();
        } else {
    		frm = document.frmQuest;
    		frm.elements['ans'].value = strAns;
    		frm.submit();
        }
    }
}