var totAnsw = 4; var aantAnsw = 3; var timed=false;var totQuest = 8;var arQuest = Array("1. Welke werkomgeving past het best bij je?"
,"2. Welke rol neem je meestal in een team?"
,"3. Hoe ga je om met onverwachte situaties?"
,"4. Hoe sta je tegenover veranderingen?"
,"5. Wat motiveert je het meest in je werk?"
,"6. Wat is je voorkeur bij het nemen van beslissingen?"
,"7. Welke activiteit geeft je de meeste voldoening First?"
,"8. Wat is je natuurlijke reactie op problemen?"
);
var arQuestID = Array("7368","7365","7363","7367","7366","7364","7362","7369");
var arAnsw =  Array(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("De verbindende schakel tussen teamleden","De initiatiefnemer met nieuwe ideen","De coordinator die overzicht houdt","De specialist die anderen adviseert"),
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("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 bereiken van concrete resultaten","Het behouden van stabiliteit en continuteit","Het realiseren van verbeteringen en innovaties","Het werken in een prettige sfeer"),
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("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("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"));
var arAnswID =  Array(Array("7368|1"
,"7368|2"
,"7368|3"
,"7368|4"
),
Array("7365|1"
,"7365|2"
,"7365|3"
,"7365|4"
),
Array("7363|1"
,"7363|2"
,"7363|3"
,"7363|4"
),
Array("7367|1"
,"7367|2"
,"7367|3"
,"7367|4"
),
Array("7366|1"
,"7366|2"
,"7366|3"
,"7366|4"
),
Array("7364|1"
,"7364|2"
,"7364|3"
,"7364|4"
),
Array("7362|1"
,"7362|2"
,"7362|3"
,"7362|4"
),
Array("7369|1"
,"7369|2"
,"7369|3"
,"7369|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();
        }
    }
}