/* Demonstration of embedding CodeMirror in a bigger application. The
 * interface defined here is a mess of prompts and confirms, and
 * should probably not be used in a real project.
 */

function MirrorFrame(place, idtextarea, options) {
    this.home = document.createElement("DIV");
    if (place.appendChild) {
        place.appendChild(this.home);
    }
    else {
        place(this.home);
    }

    $(this.home).css("background", "white");

    //$(this.home).html("<div id=idCodeEditToolbar class='codeEditToolbar'></div>");
    var tbid = idtextarea + "x";
    var tb1 = $(this.home).html("<div id='" + tbid + "'class='codeEditToolbar'></div>");
    //$(tb1).attr("id", textarea + "x");
    //var tb1 = $(this.home).html("<div></div>");
    //var tb1 = $(this.home).html("<div>");
    
    
    var self = this;
    function makeButton(name, action) {
        var button = document.createElement("INPUT");
        button.type = "button";
        button.value = name;
        //self.home.appendChild(button);
        //var str1 = "#" + tbid.toString();
        $("#" + tbid).append(button);        
        button.onclick = function() { self[action].call(self); };
        return button;
    }
        
    makeButton("Search", "search");
    makeButton("Indent all", "reindent");
    makeButton("Undo", "undo");
    makeButton("Redo", "redo");
    /*makeButton("Current line", "line");*/
    makeButton("Jump to line", "jump");
    makeButton("Insert constructor", "macro");

    
    //$(".codeEditor > div").addClass("codeEditToolbar");

  this.mirror = new CodeMirror(this.home, options);
}

MirrorFrame.prototype = {
  search: function() {
    var text = prompt("Enter search term:", "");
    if (!text) return;

    var first = true;
    do {
      var cursor = this.mirror.getSearchCursor(text, first);
      first = false;
      while (cursor.findNext()) {
        cursor.select();
        if (!confirm("Search again?"))
          return;
      }
    } while (confirm("End of document reached. Start over?"));
  },

  replace: function() {
    // This is a replace-all, but it is possible to implement a
    // prompting replace.
    var from = prompt("Enter search string:", ""), to;
    if (from) to = prompt("What should it be replaced with?", "");
    if (to == null) return;

    var cursor = this.mirror.getSearchCursor(from, false);
    while (cursor.findNext())
      cursor.replace(to);
  },

  jump: function() {
    var line = prompt("Jump to line:", "");
    if (line && !isNaN(Number(line)))
      this.mirror.jumpToLine(Number(line));
  },

  line: function() {
    alert("The cursor is currently at line " + this.mirror.currentLine());
    this.mirror.focus();
  },

  macro: function() {
    var name = prompt("Name your constructor:", "");
    if (name)
      this.mirror.replaceSelection("function " + name + "() {\n  \n}\n\n" + name + ".prototype = {\n  \n};\n");
  },
   
  reindent: function() {
    this.mirror.reindent();
  },
  
  undo: function() {
    this.mirror.undo();
  },
  
  redo: function() {
    this.mirror.redo();
  }  
};