// Auto-fill subcategories dropdown
Event.observe(window, 'load', function() {
    Event.observe('type', 'change', function (event) {
        var value = Event.element(event).value;
        $('subtype').options.length = 0;
        var subtype = $('subtype');
        if (value == '') {
            var option = document.createElement('option');
            option.innerHTML = 'Kies eerst een type';
            subtype.appendChild(option);
        } else {
            // Fetch subcategories
            new Ajax.Request('includes/ajax_getsubcategories.php?category_id='+value, {
                method: 'get',
                onSuccess: function(transport) {
                    var options = eval('('+transport.responseText+')');
                    var option = document.createElement('option');
                    option.innerHTML = 'Kies een subdoelgroep';
                    subtype.appendChild(option);
                    for (var i = 0; i < options.length; i++) {
                        var option = document.createElement('option');
                        option.value = options[i].value;
                        option.innerHTML = options[i].label;
                        subtype.appendChild(option);
                    }
                }
            });
        }
    });
});