$(document).ready(function() {

    var editorEl = $('#editorpreferencesCodeeditor'),
        editor = editorEl.codeEditor('getEditorObject'),
        session = editor.getSession(),
        renderer = editor.renderer

    editorEl.height($('#editorSettingsForm').height() - 23)

    $('#Form-field-Preference-editor_theme').on('change', function() {
        editorEl.codeEditor('setTheme', $(this).val())
    })

    $('#Form-field-Preference-editor_font_size').on('change', function() {
        editor.setFontSize(parseInt($(this).val()))
    })

    $('#Form-field-Preference-editor_word_wrap').on('change', function() {
        editorEl.codeEditor('setWordWrap', $(this).val())
    })

    $('#Form-field-Preference-editor_code_folding').on('change', function() {
        session.setFoldStyle($(this).val())
    })

    $('#Form-field-Preference-editor_autocompletion').on('change', function() {
        editor.setOption('enableBasicAutocompletion', false)
        editor.setOption('enableLiveAutocompletion', false)

        var val = $(this).val()
        if (val == 'basic') {
            editor.setOption('enableBasicAutocompletion', true)
        }
        else if (val == 'live') {
            editor.setOption('enableLiveAutocompletion', true)
        }
    })

    $('#Form-field-Preference-editor_tab_size').on('change', function() {
        session.setTabSize($(this).val())
    })

    $('#Form-field-Preference-editor_show_invisibles').on('change', function() {
        editor.setShowInvisibles($(this).is(':checked'))
    })

    $('#Form-field-Preference-editor_enable_snippets').on('change', function() {
        editor.setOption('enableSnippets', $(this).is(':checked'))
    })

    $('#Form-field-Preference-editor_display_indent_guides').on('change', function() {
        editor.setDisplayIndentGuides($(this).is(':checked'))
    })

    $('#Form-field-Preference-editor_show_print_margin').on('change', function() {
        editor.setShowPrintMargin($(this).is(':checked'))
    })
    
    $('#Form-field-Preference-editor_highlight_active_line').on('change', function() {
        editor.setHighlightActiveLine($(this).is(':checked'))
    })

    $('#Form-field-Preference-editor_use_hard_tabs').on('change', function() {
        session.setUseSoftTabs(!$(this).is(':checked'))
    })

    $('#Form-field-Preference-editor_show_gutter').on('change', function() {
        renderer.setShowGutter($(this).is(':checked'))
    })

})