var totAnsw = 4; var aantAnsw = 3; var timed=false;var totQuest = 8;var arQuest = Array("1. Wat motiveert je het meest in je werk?"
,"2. Hoe ga je om met onverwachte situaties?"
,"3. Wat is je voorkeur bij het nemen van beslissingen?"
,"4. Hoe sta je tegenover veranderingen?"
,"5. Welke werkomgeving past het best bij je?"
,"6. Wat is je natuurlijke reactie op problemen?"
,"7. Welke activiteit geeft je de meeste voldoening First?"
,"8. Welke rol neem je meestal in een team?"
);
var arQuestID = Array("7366","7363","7364","7367","7368","7369","7362","7365");
var arAnsw =  Array(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("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("Beslissingen baseren op ervaring en praktijk","Zorgvuldig afwegen van alle risico's","Durven kiezen voor innovatieve oplossingen","Samen met anderen tot een besluit komen"),
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("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("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("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("De verbindende schakel tussen teamleden","De initiatiefnemer met nieuwe ideen","De coordinator die overzicht houdt","De specialist die anderen adviseert"));
var arAnswID =  Array(Array("7366|1"
,"7366|2"
,"7366|3"
,"7366|4"
),
Array("7363|1"
,"7363|2"
,"7363|3"
,"7363|4"
),
Array("7364|1"
,"7364|2"
,"7364|3"
,"7364|4"
),
Array("7367|1"
,"7367|2"
,"7367|3"
,"7367|4"
),
Array("7368|1"
,"7368|2"
,"7368|3"
,"7368|4"
),
Array("7369|1"
,"7369|2"
,"7369|3"
,"7369|4"
),
Array("7362|1"
,"7362|2"
,"7362|3"
,"7362|4"
),
Array("7365|1"
,"7365|2"
,"7365|3"
,"7365|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();
        }
    }
}