//= require vendor-editor
//= require editor/methods
//= require editor/events
//= require editor/parser-rules
//= require editor/toolbars.config


(function($) {
  "use strict";

  $.fn.editor = function() {

    $(this).each(function(i) {
      var $toolbar,
          $this = $(this);

      editor.code = CodeMirror.fromTextArea(this, {
        mode: 'text/html',
        wordWrap: true,
        lineWrapping: true,
        lineNumbers: true,
        extraKeys: {
          "'>'": function(cm) { cm.closeTag(cm, '>'); },
          "'/'": function(cm) { cm.closeTag(cm, '/'); }
        },
        onChange: function(cm) {
          cm.save();
        }
      });

      $(this).before($toolbar = $('<div />', {
        id: 'wysihtml5-toolbar-' + i,
        "class": 'wysihtml5-toolbar'
      }));
      $(this).addClass('editor');

      editor.instance = new wysihtml5.Editor($(this).attr('id'), {
        toolbar:      "wysihtml5-toolbar-" + i,
        parserRules:  wysihtml5ParserRules,
        style: false,
        stylesheets: [
          '/assets/normalize.css',
          '/assets/formatting.css',
          '/assets/editor/editor-formatting.css'
        ]
      });

      editor.buildToolbar($toolbar);

      editor.instance.on('change:composer', function() {
        editor.code.setValue($this.val());
      });

    });
  };

})(jQuery);