// JavaScript Document
var dtCh = "-";
var minYear = 1900;
var maxYear = 2100;

function postBlock(obj, currentstep, nextstep, funct) {
    if (currentstep > nextstep) {
        for (i = 1; i <= 10; i++) {
            document.getElementById('substep3form' + i).style.display = "none";
        }
        opennewbox(currentstep, nextstep);
        return false;
    }
    var msg = '';
    var form = document.getElementById(obj);
    var el = form.getElementsByTagName('label');

    for (i = 0; i < form.elements.length; i++) {
        if (form.elements[i].id != '' && form.elements[i].title != '') {
            if (form.elements[i].accessKey != undefined && form.elements[i].accessKey != '') { //if form element contains owner attribute
                if (document.getElementById(form.elements[i].accessKey).style.display != 'none') { //then only check if shown
                    msg = msg + chckField(form.elements[i], form.elements[i].title)
                }
            } else {
                msg = msg + chckField(form.elements[i], form.elements[i].title)
            }
        }
    }
    for (var e = 0; e < el.length; e++) { //check for radio/checkboxes
        var objLabel = el[e];
        var domLabel = document.getElementById(objLabel.getAttribute('id'));
        var domLabelText = document.getElementById(objLabel.getAttribute('id')).innerHTML;
        var id_1 = domLabel.id.replace('lbl', '')

        var spanObj = document.getElementById(id_1 + '_group');
        var radio_checked1 = false;
        var radio_result = '';

        var allInputTags = spanObj.getElementsByTagName('INPUT');
        for (var c = 0; c < allInputTags.length; c++) {
            if (allInputTags[c].checked) {
                radio_checked1 = true;
                if (allInputTags[c].value != 'overig') {
                    radio_result = allInputTags[c].value;
                    break;
                } else {
                    if (document.getElementById(id_1 + '_overig').value == '') { msg = msg + '- ' + allInputTags[0].title + '\n'; }
                    break;
                }
            }
        }
        if (!radio_checked1) {
            msg = msg + '- ' + allInputTags[0].title + '\n';
        }
    }
    if (msg != '') {
        //alert("De volgende velden zijn verplicht:\n" + msg);
        return false;
    } else {
        if (funct == undefined) {
            opennewbox(currentstep, nextstep);
        } else {
            return true;
        }
    }
}

function opennewbox(currentstep, nextstep) {
    // het uitzetten van de current step na het complete van het form.
    if (nextstep == 3) {
        whatBoxtoOpen();
    }
    if (document.getElementById('step' + currentstep + 'type')) { document.getElementById('step' + currentstep + 'type').className = "type3" };
    if (document.getElementById('step' + currentstep + 'title')) { document.getElementById('step' + currentstep + 'title').className = "title active" };
    if (document.getElementById('step' + currentstep + 'buttons')) { document.getElementById('step' + currentstep + 'buttons').style.display = "none" };
    if (document.getElementById('step' + currentstep + 'buttonsextra')) { document.getElementById('step' + currentstep + 'buttonsextra').style.display = "none" };
    if (document.getElementById('step' + currentstep + 'form')) { document.getElementById('step' + currentstep + 'form').style.display = "none" };

    // het openen van de volgende stap.
    if (document.getElementById('step' + nextstep + 'type')) { document.getElementById('step' + nextstep + 'type').className = "type2" };
    if (document.getElementById('step' + nextstep + 'title')) { document.getElementById('step' + nextstep + 'title').className = "title" };
    if (document.getElementById('step' + nextstep + 'buttons')) { document.getElementById('step' + nextstep + 'buttons').style.display = "block" };
    if (document.getElementById('step' + nextstep + 'form')) { document.getElementById('step' + nextstep + 'form').style.display = "block" };
    if (document.getElementById('step' + nextstep + 'buttonsextra')) { document.getElementById('step' + nextstep + 'buttonsextra').style.display = "none" };
    if (nextstep == '5') { $('#pane1').jScrollPane({ showArrows: true, dragMaxHeight: 100, scrollbarWidth: 10, arrowSize: 12 }); };
}


//place your checks here please
function chckField(obj, title) {
    var err = ''
    if (obj.id.indexOf('email') > -1 && obj.value != '') {
        if (!isEmail(obj.value)) {
            err = err + "- Het emailadres is niet correct\n"
            errorLayout(obj, false);
        } else {
            errorLayout(obj, true);
        }
    } else if (obj.id.indexOf('_tel') > -1 && obj.value != '') {
        if (obj.value.length < 10) {
            err = err + "- Een telefoonnummer dient 10 tekens lang te zijn\n"
            errorLayout(obj, false);
        } else {
            errorLayout(obj, true);
        }
    } else if (obj.id.indexOf('DD') > -1 && obj.value != '') {
        if (!isDate(obj.value + '-' + document.getElementById(obj.id.replace('DD', 'MM')).value + '-' + document.getElementById(obj.id.replace('DD', 'YY')).value)) {
            err = err + "- " + obj.title + " incorrect\n"
            errorLayout(obj, false);
            errorLayout(document.getElementById(obj.id.replace('DD', 'MM')), false);
            errorLayout(document.getElementById(obj.id.replace('DD', 'YY')), false);
        } else {
            errorLayout(obj, true);
            errorLayout(document.getElementById(obj.id.replace('DD', 'MM')), true);
            errorLayout(document.getElementById(obj.id.replace('DD', 'YY')), true);

            if (obj.id.indexOf('birthDD') > -1 && obj.value != '') {
                if (!FV_IsDateIsBirthDate(obj.value + '-' + document.getElementById(obj.id.replace('DD', 'MM')).value + '-' + document.getElementById(obj.id.replace('DD', 'YY')).value)) {
                    err = err + "- De minimale leeftijd is 18 jaar\n"
                    errorLayout(obj, false);
                    errorLayout(document.getElementById(obj.id.replace('DD', 'MM')), false);
                    errorLayout(document.getElementById(obj.id.replace('DD', 'YY')), false);
                } else {
                    errorLayout(obj, true);
                    errorLayout(document.getElementById(obj.id.replace('DD', 'MM')), true);
                    errorLayout(document.getElementById(obj.id.replace('DD', 'YY')), true);
                }
            }
        }
    } else {
        if (obj.value == '' || obj.value == title) {
            err = "- " + title + "\n";
            errorLayout(obj, false);
        }
        else {
            errorLayout(obj, true);
        }
    }
    return err
}

function errorLayout(obj, ok) { //set colors submit_onclick form if error
    if (ok) {
        if (obj.type == "textarea") {
            $(obj).parent('div').attr('class', 'textarea');
        } else {
            $(obj).parent('div').attr('class', 'input');
        }
        //obj.className = "";
        //obj.style.backgroundColor = "";
        //obj.style.color = "#000000";
    } else {
        if (obj.type == "textarea") {
            $(obj).parent('div').attr('class', 'textareaInputerror');
        } else {
            $(obj).parent('div').attr('class', 'inputerror');
        }
        //obj.className = "";
        //obj.style.backgroundColor = "#e5e5e5";
        //obj.style.color = "#000000";
    }
}

function addOvername(current) {
    var obj = document.getElementById('countOvername');
    document.getElementById('substep3form' + current).style.display = "none"
    if (obj.value <= 9) {
        document.getElementById('substep3form' + (current + 1)).style.display = "block"
        document.getElementById('countOvername').value = (parseInt(document.getElementById('countOvername').value)+1)
        showAddedBoxes();
    } else {
        alert('Er kunnen maximaal 10 overnames per formulier worden ingezonden');
        showAddedBoxes();
    }
}

function whatBoxtoOpen() {
    var obj = document.getElementById('countOvername');
    document.getElementById('substep3form' + obj.value).style.display = "block";
    showAddedBoxes();
}

function OpenBox(id) {
    for (i = 1; i <= 10; i++) {
        document.getElementById('substep3form' + i).style.display = "none";
    }
    document.getElementById('substep3form' + id).style.display = "block";
}

function showAddedBoxes() {
    var obj = document.getElementById('countOvername');
    var aantal = $('#overnames').children().size();
    if (!aantal == 0) {
        $('#overnames').children().remove();
    }
        
    for (i = 1; i <= obj.value; i++) {
        $("#overnames").append("<li id='li_" + i + "' onclick='OpenBox("+i+")' style='cursor:pointer;'>Overname" + i + "</li>");
    }
}