Event.observe(window, 'load', initCRM, false);

function initCRM() {
    // Get inputs that select which case type user wants
    var radio_types = $$('div.class-case-form div.attribute-type input' );
    
    // Attach listener to each one
    radio_types.each( function(radio) {
        radio.observe('click', function(event) {
            var element = event.element();
            toggleCaseType(element.value);
        });

        // If radio is checked (on page load) fire event
        if( radio.checked ) {
            toggleCaseType(radio.value);
        }
    });
}

// Changes layout for case depending on which type is selected
// 0 = Fault
// 1 = Change
// 2 = Order
function toggleCaseType(type) {
    $$('div.class-case-form .type-fault').each( function(item) {
        type==0 ? item.show() : item.hide();
    });
    $$('div.class-case-form .type-change').each( function(item) {
        type==1 ? item.show() : item.hide();
    });
    $$('div.class-case-form .type-order').each( function(item) {
        type==2 ? item.show() : item.hide();
    });
    
}