$(document).ready(function() {
    $('.n8 .bank').hide();

    $('.n8 input:radio').click(function() {
        var form = $(this).parents('.logical-form');
        var $button = form.find('.submit');
        var bankSelect = form.find('select');

        $button.removeClass('disabled');

        if ($(this).val() == 'rbN8IDeal') {
            form.find('.bank').slideDown();
            if (bankSelect.val() == '-1') {
                $button.addClass('disabled');
            }
            form.find('input[name$=rbN8DirectDebit]')[0].checked = false;
            form.find('input[name$=rbN8DirectDebit]').parent().removeClass('checked');
        } else {
            form.find('.bank').slideUp();
            form.find('input[name$=rbN8IDeal]')[0].checked = false;
            form.find('input[name$=rbN8IDeal]').parent().removeClass('checked');
        }
    });

    $('.n8 select').change(function() {
        var $button = $(this).parents('.logical-form').find('.submit');

        $button.removeClass('disabled');
        if ($(this).val() == '-1') {
            $button.addClass('disabled');
        }
    });

    //this is added because iDeal radio button is removed from the form. Remove this code later when iDeal is enabled again!
    //var form = $('.n8 input:radio').parents('.logical-form');
    //var $button = form.find('.submit');
    //$button.removeClass('disabled');
    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

});