// leegmaken van het mailObject
var mailObject = false;

// aanmaken van het mailObject
mailObject = createObject();

/*
 * Functie om een XMLHttpRequest object aan te maken
*/
function createObject(){
    // firefox / chrome e.d.
    if(window.XMLHttpRequest){
        xHRObject = new XMLHttpRequest();
    }
    else{
        // internet explorer < 7
        if(window.ActiveXObject){
            xHRObject = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xHRObject;
}

/*
 * AJAX functie voor het versturen van de email
*/
function sendMail(){
    var naam        = document.getElementById('naam');
    var bedrijfsnaam= document.getElementById('bedrijfsnaam');
    var adres       = document.getElementById('adres');
    var postcode    = document.getElementById('postcode');
    var plaats      = document.getElementById('plaats');
    var land        = document.getElementById('land');
    var email       = document.getElementById('email');
    var telefoon    = document.getElementById('tel');
    var bericht     = document.getElementById('bericht');
    var spam        = document.getElementById('spam');
    var uitkomst    = document.getElementById('uitkomst');
    var hidden1     = document.getElementById('hid1');
    var hidden2     = document.getElementById('hid2');

    var information =
        "naam="         + encodeURIComponent(naam.value)        +
        "&bedrijfsnaam="+ encodeURIComponent(bedrijfsnaam.value)+
        "&adres="       + encodeURIComponent(adres.value)       +
        "&postcode="    + encodeURIComponent(postcode.value)    +
        "&plaats="      + encodeURIComponent(plaats.value)      +
        "&land="        + encodeURIComponent(land.value)        +
        "&email="       + encodeURIComponent(email.value)       +
        "&tel="         + encodeURIComponent(telefoon.value)    +
        "&bericht="     + encodeURIComponent(bericht.value)     +
        "&spam="        + encodeURIComponent(spam.value)        +
        "&uitkomst="    + encodeURIComponent(uitkomst.value)    +
        "&hid1="        + encodeURIComponent(hidden1.value)     +
        "&hid2="        + encodeURIComponent(hidden2.value);

    mailObject.open("POST", "sendMail.php", true);
    mailObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    mailObject.send(information);
    mailObject.onreadystatechange = showOutputEmail;

    showLoading();
}

/*
 * Callback functie voor de sendMail functie
*/
function showOutputEmail(){
    // Controleren of het XMLHttpRequest klaar is
    if (mailObject.readyState == 4) {
        // als de pagina gevonden is
        if (mailObject.status == 200) {
            setTimeout("maakMelding()",1400);
        }
    }
}


/*
 * Functie die de meldingen toont van het resultaat
*/
function maakMelding(){
    // zet de response van de server in een variabele
    var serverResponse = mailObject.responseText;

    // als de serverResponse 0 is = verzenden mislukt
    if(serverResponse == 0){
        alert("Verzenden is mislukt!")
    }

    // als de serverResponse 0 is = verzenden gelukt
    else{
        showSucces();
    }

}

/*
 * Functie om het laden te tonen
 */
function showLoading(){
    document.getElementById("loading").style.display="inline";
    document.getElementById("submit").disabled = "disabled";
}

/*
 * Functie om het succes te tonen en het laden te verbergen
 */
function showSucces(){
    document.getElementById("loading").style.display="none";
    document.getElementById("submit").disabled = "";
    document.getElementById("succes").style.display="block";

    // maak de velden leeg
    document.getElementById("naam").value = "";
    document.getElementById("bedrijfsnaam").value = "";
    document.getElementById("adres").value = "";
    document.getElementById("postcode").value = "";
    document.getElementById("plaats").value = "";
    document.getElementById("land").value = "";
    document.getElementById("email").value = "";
    document.getElementById("tel").value = "";
    document.getElementById("bericht").value = "";
    document.getElementById("spam").value = "";

}