Made r_editor into class style add functions

app/assets/javascripts/design_temp.js

@@ -1,7 +1,46 @@
+function r_editor(tgetUrl,tpostUrl,tfileid,toption){
+  if(!toption){ toption =new Array();}
+  if(!toption['width']){toption['width']=400;}
+  if(!toption['height']){toption['height']=300;}
+  var editor = this;
+  editor.fileid = tfileid;
+  editor.getUrl = tgetUrl;
+  editor.postUrl = tpostUrl;
+  editor.width = toption['width'];
+  editor.height = toption['height'];
+  var html='';
+  editor.init = function(){
+    code = "<span style='border:solid; width:"+editor.width+"px;height:"+editor.height+"px; float:right;' ><textarea style='height:87%;width:97%;resize:none;border:none;' ></textarea><input type='button' class='send'  value='Send' ><input type='button' class='discard' value='Discard' ></span>";
+    html = $(code);
+    html.children("textarea").load(editor.getUrl);
+    html.children("input.discard").click(function(){
+      editor.reload();
+    });
+    html.children("input.send").click(function(){
+      editor.send();
+    });
+    return html;
+  };
+  editor.reload = function(){
+    $.get(editor.getUrl,function(data){
+      alert("reload!");
+      html.children("textarea").text(data);
+    });
+  };
+  editor.send = function(){
+    $.post(editor.postUrl,{fileid:editor.fileid,context:html.text()});
+  };
+  editor.destroy = function(){
+    html.remove();
+  };
+}
+
 $(".r_edit").live("click",function(){
-  $(this).after($("<span style='border:solid; width:400px;height:300px; float:right;'></span>").load($(this).attr("path")));
+  new_editor = new r_editor($(this).attr("path"),"edit_file",$(this).attr("fileid"));
+  $(this).after(new_editor.init());
 });
 
+
 $(".r_snapshot").live({
   mouseenter:
     function(){