$(function(){
	$("input:radio").transformRadio();  
	$("input:checkbox").transformCheckbox();  
	$("select").transformSelect(); 
	
	// /zakelijk/over-ons/aanmeld-formulier-evenement.aspx
	form.evenement.init(); 
});

var form = {
    evenement: {
        init: function() {
            var _item = $("#__send_363");
            if (_item.length > 0) {
                // Clone items
                var items = _item.parent().find("> .formDesc, > .formInput, > .clear");
                var clones = items.clone();

                // Add items
                items.last().after(clones);

                // Update names / ids
                items.find("input").each(function() {
                    form.evenement.addNumber.call(this, 1);
                });
                clones.find("input").each(function() {
                    form.evenement.addNumber.call(this, 2);
                });

                // Add checkbox
                var label = $('<label for="functie" class="formDesc">Een 2e persoon aanmelden</label>');
                var input = $('<div class="formInput"><input type="checkbox" value="" /></div>');
                var clear = $('<div class="clear"></div>');
                var tmp = $("<div />").append("<br />").append(label).append(input).append(clear);

                // Add to HTML
                clones.first().before(tmp.children());

                // Transform the checkbox
                input.find("input").transformCheckbox();

                // Hide the clones
                clones.hide();
                clones.find(".required").removeClass("required").addClass("hadRequired");

                // Toggle clones on checkbox change
                input.find("input").change(function() {
                    clones.toggle();
                    if (clones.is(":visible")) {
                        clones.find(".hadRequired").removeClass("hadRequired").addClass("required");
                    }
                    else {
                        clones.find(".required").removeClass("required").addClass("hadRequired");
                    }
                });
            }
        },
        addNumber: function(n) {
            var name = $(this).attr("name") + n;
            $(this).attr("name", name).attr("id", name);
        }
    }
}