/*auto.js*/

var Auto = {
    init: function() {

    var inputs = document.getElementsByTagName('INPUT');

    function autoTab() {
        if (this.value.length === this.maxLength && this.autoTabIndex < j) {
            inputs[this.autoTabIndex + 1].focus();   
        }
    }

    for (var i = 0, j = inputs.length; i < j; i++) {
        inputs[i].autoTabIndex = i;
        var somePattern = /Postcode.*/;

        if (somePattern.test(inputs[i].id)) {
            inputs[i].onkeyup = autoTab;
        }
    }

        function checkStatus(field){
            var Jong = document.getElementById("Jong"),
                Meerkost = document.getElementById('Meerkost');

            function check(control) {
                var val = control.value,
                    values = ['ja'];
                if (values.indexOf(val) > -1) {
                    Basis.removeClass(field, 'hidden');
                }
                else {
                     Basis.addClass(field, 'hidden');
                }        
            }

            var config = [
                {'field': 'JongField', 'check': Jong},
                {'field': 'Meerkostja', 'check': Meerkost}
            ], 
            k; //make sure not messing with other i's

            function checkField() {
              check(this);
            }
            for (k = 0; k < config.length; k++) {
                if (field.id === config[k].field) {
                    check(config[k].check);
                    config[k].check.onchange = checkField;
                }
            }
        }

        var hiddenFields = Basis.getElementsByClass('toggle');

        for (var i = 0, l = hiddenFields.length; i < l; i++) {
            var field = hiddenFields[i]; 
            checkStatus(field);
        }

    }//init
};

Basis.begin(Auto);