document.observe("dom:loaded", function() {

    new Bauer.Controls.DefaultText({
        element: $('explanationText'),
        defaultText: 'explain your choices here...'
    });

    new Bauer.Controls.PreviewBox({

        previewItems: '#options input.standardAnswer',

        getCallbackUrl: function(item) {
            return '/Ajax/AnswerPreview';
        },

        getCallbackParams: function(item) {

            return {
                answerId: $F(item.up('li').down('input'))
            };
        }
    });

    var error = $('errorMessage');

    if (error) {
        new Bauer.Controls.Dialog({
            parentElement: $('mainCol'),
            html: '<h4>error</h4><p>' + $F(error) + '</p>'
        });
    }

    $('customAnswer').observe('click', customAnswerClick.bindAsEventListener());
});

var customAnswerClick = function(event) {

    event.stop();

    var url = '/Ajax/CustomAnswer';
    var questionId = $F($('questionId'));
    var params = {
        questionId: questionId
    };

    new Ajax.Request(url, {
        method: 'get',
        parameters: params,
        onSuccess: function(transport) {

            new Bauer.Controls.Dialog({
                parentElement: $('mainCol'),
                html: transport.responseText,
                dialogDisplayed: function() {
                    var text = $('jsdialog').down('textarea');
                    text.focus();
                }
            });
        }
    });
}