/* 
 * based on jQuery editable Copyright Dylan Verheul <dylan@dyve.net>
 * Licensed like jQuery, see http://docs.jquery.com/License
 */
$.fn.editable = function(url, options) {
  // Options
  options = arrayMerge({
    "url": url,
    "paramName": "q",
    "callback": null,
    "saving": "saving ...",
    "type": "text",
    "submitButton": 0,
    "delayOnBlur": 0,
    "extraParams": {},
    "editClass": null
  }, options);
  // Set up
  this.click(function(e) {
      if (this.editing) return;
      if (!this.editable) this.editable = function() {
        var me = this;
        me.editing = true;
        me.orgHTML = $(me).html();
        me.innerHTML = "";
        if (options.editClass) $(me).addClass(options.editClass);
        var f = document.createElement("form");
        var i = createInputElement(me.orgHTML);
        var t = 0;
        f.appendChild(i);
        if (options.submitButton) {
          options.delayOnBlur = 200; // delay onBlur so we can click the button
          var b = document.createElement("input");
          b.type = "submit";
          b.value = "OK";
          f.appendChild(b);
        }
        me.appendChild(f);
        i.focus();
        $(i).blur(
            options.delayOnBlur ? function() { t = setTimeout(reset, options.delayOnBlur) } : reset
          )
          .keydown(function(e) {
            if (e.keyCode == 27) { // ESC
              e.preventDefault;
              reset
            }
          });
        $(f).submit(function(e) {
          if (t) clearTimeout(t);
          e.preventDefault();
          var p = {};
          p[me.id] = $(i).val();
          // arrayMerge(options.extraParams, p)
          $(me).html(options.saving).load(options.url, p, function() {
            // Remove script tags
            me.innerHTML = me.innerHTML.replace(/<\s*script\s*.*>.*<\/\s*script\s*.*>/gi, "");
            // Callback if necessary
            if (options.callback) options.callback(me); 
            // Release
            me.editing = false;            
          });
        });
        function reset() {
          me.innerHTML = me.orgHTML;
          if (options.editClass) $(me).removeClass(options.editClass);
          me.editing = false;          
        }
      };
      this.editable();
    })
  ;
  // Don't break the chain
  return this;
  // Helper functions
  function arrayMerge(a, b) {
    if (a) {
      if (b) for(var i in b) a[i] = b[i];
      return a;
    } else {
      return b;
    }
  };
  function createInputElement(v) {
    if (options.type == "textarea") {
      v = v.replace(/<br>/gi, '\n')
      var i = document.createElement("textarea");
      options.submitButton = true;
    } else {
      var i = document.createElement("input");
      i.type = "text";
    }
    $(i).val(v);
    i.name = options.paramName;
    return i;
  }
};