var teller = 0;
var deelnemerId1 = null;

//Als je gekozen hebt om alle deelnemers op de lijst te laten zien: lijst deelnemers ophalen
function toonDLDeelnemers(page) {
    var naam = "";
    var voornaam = "";
    var deelnemernr = "";
    var geslacht = "";
    var leeftijdtussen = "";

    if (page != "" && page != null) {
        //Alle termen ophalen
        if(document.getElementById('zoeknaam') != null) {
            naam = document.getElementById('zoeknaam').value;
        }
        if(document.getElementById('zoekvoornaam') != null) {
            voornaam = document.getElementById('zoekvoornaam').value;
        }
        if(document.getElementById('zoekdeelnemernr') != null) {
            deelnemernr = document.getElementById('zoekdeelnemernr').value;
        }
        if(document.getElementById('zoekgeslacht') != null) {
            geslacht = document.getElementById('zoekgeslacht').value;
        }
        if(document.getElementById('leeftijdDeelnrList1') != null && document.getElementById('leeftijdDeelnrList2') != null) {
            leeftijdtussen = document.getElementById('leeftijdDeelnrList1').value + "-" + document.getElementById('leeftijdDeelnrList2').value;
        }

        getXMLHttpObject();
        // SERVER mag niet cachen!
        var url = "server.php?page=ajax_zoekDeelnemersAll&" + "?dummy=" + Math.random() + "&pagingnr=" + page + "&naam=" + naam + "&voornaam=" + voornaam + "&deelnemernr=" + deelnemernr + "&geslacht=" + geslacht + "&leeftijdtussen=" + leeftijdtussen;
        // Connectie met de server openen, true = asynchroon
        // browser blokkeert niet tijdens wachten op resultaat
        // cfr. Google Maps (browser blokkeert niet !)
        xmlHttp.open("GET", url, true);
        // uit te voeren functie als resultaat terug komt
        xmlHttp.onreadystatechange = toonDLDeelnemerResultaten;
        // request doen
        xmlHttp.send(null);
    }
}

//Toont de teruggekregen lijst met deelnemers
function toonDLDeelnemerResultaten() {
    if (xmlHttp.readyState == 4) {
        //Antwoord ophalen
        var antwoord = xmlHttp.responseText;
        //<div> waarin we gaan werken ophalen
        var parentdiv = document.getElementById('deelnemerZdiv');
        //Oude <div> verwijderen
        verwijderElement('nieuwedeelnemerZdiv', 'deelnemerZdiv');
        //Nieuwe <div> aanmaken
        var newdiv = document.createElement('div');
        var divIdName = 'nieuwedeelnemerZdiv';
        newdiv.setAttribute('id',divIdName);
        //Nieuwe <div> opvullen
        newdiv.innerHTML=antwoord;
        //Nieuwe <div> op de pagina zetten
        parentdiv.appendChild(newdiv);
    }
}

//Toont de iframe waarin je de details van de ritten van de deelnemer kan bekijken
function toonDetailIframe(id) {
    //<div> waarin we gaan werken ophalen
    var parentdiv = document.getElementById('iframeDiv');
    //Oude <div> verwijderen
    verwijderElement('iframeDiv_onload', 'iframeDiv');
    //Nieuwe <div> aanmaken
    var newdiv = document.createElement('div');
    var divIdName = 'iframeDiv_onload';
    newdiv.setAttribute('id',divIdName);
    //Nieuwe <div> opvullen
    newdiv.innerHTML='<iframe id=\"deelnDetailsIFrame\" name=\"deelnDetailsIFrame\" src=\"execute_iframe.php?page=deelnemerTijdDetails&deelnemerid=' + id + '\"><p>Uw browser ondersteunt geen iframes.</p></iframe>';
    //Nieuwe <div> op de pagina zetten
    parentdiv.appendChild(newdiv);

    //een grijze laag aanmaken tussen de nieuwe <div> en de pagina
    grayOut(true);
}

//Haal de iframe en de grijze laag terug weg
function refocusPage() {
    //De grijze laag terug weghalen
    grayOut(false);

    //<div> waarin we gaan werken ophalen
    var parentdiv = document.getElementById('iframeDiv');
    //Oude <div> verwijderen
    verwijderElement('iframeDiv_onload', 'iframeDiv');
    //Nieuwe <div> aanmaken
    var newdiv = document.createElement('div');
    var divIdName = 'iframeDiv_onload';
    newdiv.setAttribute('id',divIdName);
    //Nieuwe <div> opvullen
    newdiv.innerHTML='';
    //Nieuwe <div> op de pagina zetten
    parentdiv.appendChild(newdiv);
}

//vergelijk 2 deelnemers
function vergelijk(deelnemer) {
    teller++;

    var deelnemerDetails = deelnemer.split(":");
    var naam = deelnemerDetails[1];
    var deelnemerid = deelnemerDetails[0];

    //De eerste keer opslagen over welke deelnemer het gaat
    if(teller == 1) {
        deelnemerId1 = deelnemerid;

        //<div> waarin we gaan werken ophalen
        var parentdiv = document.getElementById('deelnemerVergelijking');
        //Oude <div> verwijderen
        verwijderElement('deelnemerVergelijking_onload', 'deelnemerVergelijking');
        //Nieuwe <div> aanmaken
        var newdiv = document.createElement('div');
        var divIdName = 'deelnemerVergelijking_onload';
        newdiv.setAttribute('id',divIdName);
        //Nieuwe <div> opvullen
        newdiv.innerHTML="<br /><div><label class=\"vet\">Vergelijken:</label><br />&nbsp;&nbsp;&nbsp;&nbsp;Deelnemer 1 = <label class=\"vet\">" + naam + "</label><a href=\"JavaScript:void(0)\" onclick=\"verwijderDeelnemer()\" id=\"verwijderVergelijking\"><img src=\"images/terug.png\" id=\"verwVergImg\" /></a></div>";
        //Nieuwe <div> op de pagina zetten
        parentdiv.appendChild(newdiv);
    }
    //De tweede keer de iframe met de vergelijking van de tijden tonen
    else if(deelnemerid != deelnemerId1) {
        //Nakijken of er 2 deelnemers zijn
        if(deelnemerId1 != null && deelnemerid != null) {
            //<div> waarin we gaan werken ophalen
            var parentdiv2 = document.getElementById('iframeDiv');
            //Oude <div> verwijderen
            verwijderElement('iframeDiv_onload', 'iframeDiv');
            //Nieuwe <div> aanmaken
            var newdiv2 = document.createElement('div');
            var divIdName2 = 'iframeDiv_onload';
            newdiv2.setAttribute('id',divIdName2);
            //Nieuwe <div> opvullen
            newdiv2.innerHTML='<iframe id=\"deelnVergelijkingIFrame\" name=\"deelnVergelijkingIFrame\" src=\"execute_iframe.php?page=deelnemerVergelijkingDetails&deelnemerid1=' + deelnemerId1 + '&deelnemerid2=' + deelnemerid + '\"><p>Uw browser ondersteunt geen iframes.</p></iframe>';
            //Nieuwe <div> op de pagina zetten
            parentdiv2.appendChild(newdiv2);

            //een grijze laag aanmaken tussen de nieuwe <div> en de pagina
            grayOut(true);
        }
        else {
            //Foutboodschap weergeven
            if(deelnemerId1 == null && deelnemerid != null) {
                alert('Fout:\n\nDe eerste deelnemer is niet doorgegeven.');
            }
            else if (deelnemerid == null && deelnemerId1 != null) {
                alert('Fout:\n\nDe tweede deelnemer is niet doorgegeven.');
            }
            else {
                alert('Fout:\n\nDe deelnemers zijn niet doorgegeven.');
            }
        }

        teller = 0;
        verwijderDeelnemer()
    }
}

//Maak de eerste keuze voor deelnemervergelijken leeg
function verwijderDeelnemer() {
    deelnemerId1 = null;
    teller = 0;

    //<div> waarin we gaan werken ophalen
    var parentdiv = document.getElementById('deelnemerVergelijking');
    //Oude <div> verwijderen
    verwijderElement('deelnemerVergelijking_onload', 'deelnemerVergelijking');
    //Nieuwe <div> aanmaken
    var newdiv = document.createElement('div');
    var divIdName = 'deelnemerVergelijking_onload';
    newdiv.setAttribute('id',divIdName);
    //Nieuwe <div> opvullen
    newdiv.innerHTML="";
    //Nieuwe <div> op de pagina zetten
    parentdiv.appendChild(newdiv);
}