gfdnavi 1.3.0.0

data/public/javascripts/function.js

@@ -0,0 +1,107 @@
+var numInputs = 1;
+var numArgs = 0;
+
+function changeInput() {
+  numInputs = $('function_nvars').selectedIndex + 1;
+  var ary = new Array(numArgs+numInputs);
+  for (i=0; i<numArgs; i++)
+    ary[i] = 'arg' + i;
+  for (i=0; i<numInputs; i++)
+    ary[i+numArgs] = 'gphys' + i;
+  Element.update('input_args', ary.join(", "));
+}
+
+var numArgMax=0;
+function changeArgument() {
+  numArgs = $('argument_num').selectedIndex;
+  changeInput();
+
+  for (i=0; i<[numArgs,numArgMax].min(); i++)
+      Element.show('argument_'+i);
+  for (i=numArgs;i<numArgMax; i++)
+      Element.hide('argument_'+i);
+
+  html = "";
+  for (i=numArgMax; i<numArgs; i++) {
+    html += "<div id='argument_" + i + "'>\n";
+    html += "<h4>argument" + i +"</h4>\n";
+    html += "<table>\n";
+    html += "  <tr>\n";
+    html += "    <td>\n";
+    html += "      <label for='argument_" + i + "_description'>description</label>\n";
+    html += "    </td>\n";
+    html += "    <td>\n";
+    html += "      <textarea rows='5' cols='40' name='argument[" + i + "][description]' id='argument_" + i + "_description'></textarea>\n";
+    html += "    </td>\n";
+    html += "  </tr>\n";
+    html += "  <tr>\n";
+    html += "    <td>\n";
+    html += "      <label for='argument_" + i + "_value_type'>value type</label>\n";
+    html += "    </td>\n";
+    html += "    <td>\n";
+    html += "      <select id='argument_" + i + "_value_type' name='argument[" + i + "][value_type]'>\n";
+    html += "        <option selected>int</option>\n";
+    html += "        <option>float</option>\n";
+    html += "        <option>string</option>\n";
+    html += "      </select>\n";
+    html += "    </td>\n";
+    html += "  </tr>\n";
+    html += "  <tr>\n";
+    html += "    <td>\n";
+    html += "      <label for='argument_" + i + "_default'>default</label>\n";
+    html += "    </td>\n";
+    html += "    <td>\n";
+    html += "      <input type='text' size='10' name='argument[" + i + "][default]' id='argument_" + i + "_default'/>\n";
+    html += "    </td>\n";
+    html += "  </tr>\n";
+    html += "</table>\n";
+    html += "</div>\n";
+    numArgMax = i+1;
+  }
+  new Insertion.Bottom('arguments_table', html);
+}
+
+var numOutMax=0;
+function changeOutput() {
+  var num = $('output_num').selectedIndex + 1;
+
+  for (i=0; i<[num,numOutMax].min(); i++)
+      Element.show('output_'+i);
+  for (i=num; i<numOutMax; i++)
+      Element.hide('output_'+i);
+
+  var html = "";
+  for (i=numOutMax; i<num; i++) {
+    html += "<div id='output_" + i + "'\n";
+    html += "<h4>output" + i +"</h4>\n";
+    html += "<table>\n";
+    html += "  <tr>\n";
+    html += "    <td>\n";
+    html += "      <label for='output_" + i + "_name'>name</label>\n";
+    html += "    </td>\n";
+    html += "    <td>\n";
+    html += "      <input type='text' size='10' name='output[" + i + "][name]' id='output_" + i + "_name'/>\n";
+    html += "    </td>\n";
+    html += "  </tr>\n";
+    html += "  <tr>\n";
+    html += "    <td>\n";
+    html += "      <label for='output_" + i + "_subscript'>subscript</label>\n";
+    html += "    </td>\n";
+    html += "    <td>\n";
+    html += "      <input type='text' size='10' name='output[" + i + "][subscript]' id='output_" + i + "_subscript'/>\n";
+    html += "    </td>\n";
+    html += "  </tr>\n";
+    html += "  <tr>\n";
+    html += "    <td>\n";
+    html += "      <label for='output_" + i + "_description'>description</label>\n";
+    html += "    </td>\n";
+    html += "    <td>\n";
+    html += "      <textarea rows='5' cols='40' name='output[" + i + "][description]' id='output_" + i + "_description'></textarea>\n";
+    html += "    </td>\n";
+    html += "  </tr>\n";
+    html += "</table>\n";
+    html += "</div>\n";
+    numOutMax = i+1;
+  }
+  new Insertion.Bottom('outputs_table', html);
+}

data/public/javascripts/gfdnavi.js

@@ -0,0 +1,175 @@
+var gfdnaviUrlRoot;
+
+var PopupMenu = Class.create();
+PopupMenu.prototype = {
+  initialize: function(element, html, title) {
+    this.html = html;
+    this.title = title;
+    if (element)
+      Event.observe(element, "click", this.openMenu.bindAsEventListener(this));
+  },
+  openMenu: function(e) {
+    var date = new Date();
+    date = date.getTime();
+    var id = 'popup_menu_'+date;
+    var hid = 'popup_header_'+date;
+    html = '<div id="'+id+'" class="popup_menu" style="display:none">';
+    html += '<table cellspacing="0" cellpadding="0" border="1" bordercolor="black">'
+    html += '<tr id="'+hid+'" border="0" style="background-color:#ddeeff;cursor:move;">';
+    html += '<td>';
+    html += '<div align="left" style="float:left">';
+    if (this.title)
+      html += this.title;
+    html += '</div>';
+    html += '<div align="right"><a href="#" onClick="Element.remove($(\''+id+'\'));"><img src="' + gfdnaviUrlRoot + '/images/x.gif" alt="X" class="delete"/></a></div>';
+    html += '</td></tr>';
+    html += '<tr><td>';
+    html += '<div style="padding:5px">' + this.html  + '</div>';
+    html += '</td></tr>';
+    html += '</table>';
+    html += '</div>';
+
+    new Insertion.Bottom(Element.extend(document.body), html);
+    var menu = $(id);
+    new Draggable(menu,{handle: hid});
+    if (e) {
+      menu.style.left = Event.pointerX(e)-5 + 'px';
+      menu.style.top = Event.pointerY(e)-5 + 'px';
+    } else {
+      menu.style.left = '10px';
+      menu.style.top = '10px';
+    }
+    Element.show(menu);
+    if (e)
+      Event.stop(e);
+    this.id = id;
+  },
+  closeMenu: function(e) {
+    Element.remove(this.id);
+  }
+}
+
+var BenchMark = Class.create();
+BenchMark.prototype = {
+  initialize: function (){},
+  start: function() {
+    this.start_date = new Date();
+  },
+  set: function(ary, body) {
+    this.ids = ary;
+    this.body = body;
+  },
+  load: function(id) {
+    if (this.ids) {
+      this.ids = this.ids.without(id);
+      if (this.ids.length == 0)
+        this.complete();
+    }
+  },
+  complete: function() {
+    if ( this.start_date ) {
+      var html = this.body + '<br/><hr/>';
+      var now = new Date();
+      var msec = now.getTime() - this.start_date.getTime();
+      html += parseInt(msec/60000)+':'+parseInt((msec%60000)/1000)+'.'+parseInt(msec%1000);
+      var pop = new PopupMenu(null, html, 'Result of Benchmark');
+      pop.openMenu();
+      this.start_date = null;
+      this.ids = null;
+      this.body = null;
+    }
+  }
+}
+var benchMark = new BenchMark();
+
+
+var normalBgColor = "transparent";
+var highlightBgColor = "yellow";
+function bgUnhighlight(obj) { obj.style.backgroundColor=normalBgColor; }
+function bgHighlight(obj) { obj.style.backgroundColor=highlightBgColor; }
+
+var html_hidden = " <font color='red'><b>(hidden currently)</b></font> ";
+var temp_save_str = "";
+
+function helpLinkHilit(id, self) {
+  obj = $(id);
+  if(obj && testElementVisible(obj)){
+    obj.style.backgroundColor=highlightBgColor;
+  } else {
+    temp_save_str = self.innerHTML
+    self.innerHTML = temp_save_str + html_hidden;
+  }
+}
+function helpLinkUnhilit(id, self) {
+  obj = $(id);
+  if(obj && testElementVisible(obj)){
+    obj.style.backgroundColor=normalBgColor;
+  } else {
+    self.innerHTML = temp_save_str;
+  }
+}
+
+function testElementVisible(obj) {
+  elm = obj;
+  while (elm) {
+    if (elm == document)
+      return true;
+    if (!Element.visible(elm))
+      return false;
+    elm = elm.parentNode;
+  }
+}
+
+function bgFlash(id){
+   new Effect.Highlight(id,
+          {startcolor:"#ff0000",endcolor:"#ffffff",restorecolor:"#ffffff"});
+}
+
+//copy of knowledge.js
+function showCommentListShort () {
+    comment_list_short = document.getElementById("comment_list_short")
+    comment_list_short_button = document.getElementById("comment_list_short_button")
+    comment_list_hide = document.getElementById("comment_list_hide")
+    comment_list_hide_button = document.getElementById("comment_list_hide_button")
+    comment_list_all = document.getElementById("comment_list_all")
+    comment_list_all_button = document.getElementById("comment_list_all_button")
+    
+    comment_list_short.style.display = "block";
+    comment_list_short_button.style.borderStyle = "solid";
+    comment_list_hide.style.display = "none";
+    comment_list_hide_button.style.borderStyle = "none";
+    comment_list_all.style.display = "none";
+    comment_list_all_button.style.borderStyle = "none";
+}
+
+function showCommentListHide () {
+    comment_list_short = document.getElementById("comment_list_short")
+    comment_list_short_button = document.getElementById("comment_list_short_button")
+    comment_list_hide = document.getElementById("comment_list_hide")
+    comment_list_hide_button = document.getElementById("comment_list_hide_button")
+    comment_list_all = document.getElementById("comment_list_all")
+    comment_list_all_button = document.getElementById("comment_list_all_button")
+    
+    comment_list_short.style.display = "none";
+    comment_list_short_button.style.borderStyle = "none";
+    comment_list_hide.style.display = "block";
+    comment_list_hide_button.style.borderStyle = "solid";
+    comment_list_all.style.display = "none";
+    comment_list_all_button.style.borderStyle = "none";
+}
+
+function showCommentListAll () {
+    comment_list_short = document.getElementById("comment_list_short")
+    comment_list_short_button = document.getElementById("comment_list_short_button")
+    comment_list_hide = document.getElementById("comment_list_hide")
+    comment_list_hide_button = document.getElementById("comment_list_hide_button")
+    comment_list_all = document.getElementById("comment_list_all")
+    comment_list_all_button = document.getElementById("comment_list_all_button")
+      
+    comment_list_short.style.display = "none";
+    comment_list_short_button.style.borderStyle = "none";
+    comment_list_hide.style.display = "none";
+    comment_list_hide_button.style.borderStyle = "none";
+    comment_list_all.style.display = "block";
+    comment_list_all_button.style.borderStyle = "solid";
+}

data/public/javascripts/knowledge.js

@@ -0,0 +1,384 @@
+var num_of_figure;
+function setNumOfFigure(x) {
+    num_of_figure = x;
+}
+
+function swapFigure(figure_number) {
+    var temp;
+
+  //knowledge_figure
+    temp = document.getElementById("knowledge_figure_"+ figure_number +"_figure_caption").value;
+    document.getElementById("knowledge_figure_"+ figure_number +"_figure_caption").value = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_figure_caption").value;
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_figure_caption").value = temp;
+
+  //file_name and figure_path and label and png
+    split1 = document.getElementById("knowledge_figure_"+ figure_number +"_input").name.split("]");
+    split2 = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_input").name.split("]");
+    document.getElementById("knowledge_figure_"+ figure_number +"_input").name = split1[0] + "]" + split2[1] + "]";
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_input").name = split2[0] + "]" + split1[1] + "]";
+
+    temp = document.getElementById("knowledge_figure_"+ figure_number +"_input").value;
+    document.getElementById("knowledge_figure_"+ figure_number +"_input").value = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_input").value;
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_input").value = temp;
+
+    temp = document.getElementById("knowledge_figure_"+ figure_number +"_input").type;
+    document.getElementById("knowledge_figure_"+ figure_number +"_input").type = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_input").type;
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_input").type = temp;
+    
+    temp = document.getElementById("label_"+ figure_number).firstChild.nodeValue;
+    document.getElementById("label_"+ figure_number).firstChild.nodeValue = document.getElementById("label_"+ (figure_number + 1)).firstChild.nodeValue;
+    document.getElementById("label_"+ (figure_number+1)).firstChild.nodeValue = temp;
+
+    temp = document.getElementById("png_"+ figure_number).firstChild.nodeValue;
+    document.getElementById("png_"+ figure_number).firstChild.nodeValue = document.getElementById("png_"+ (figure_number + 1)).firstChild.nodeValue;
+    document.getElementById("png_"+ (figure_number+1)).firstChild.nodeValue = temp;
+
+    temp = document.getElementById("knowledge_figure_"+ figure_number +"_figure_path").value;
+    temp2 = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_figure_path").value;
+    document.getElementById("knowledge_figure_"+ figure_number +"_figure_path").value = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_figure_path").value;
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_figure_path").value = temp;
+
+  //diagram_id
+    temp = document.getElementById("knowledge_figure_"+ figure_number +"_diagram_id").value;
+    document.getElementById("knowledge_figure_"+ figure_number +"_diagram_id").value = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_diagram_id").value;
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_diagram_id").value = temp;
+
+  //diagram_number (diagram_cache�p)
+    temp = document.getElementById("knowledge_figure_"+ figure_number +"_diagram_number").value;
+    document.getElementById("knowledge_figure_"+ figure_number +"_diagram_number").value = document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_diagram_number").value;
+    document.getElementById("knowledge_figure_"+ (figure_number + 1) +"_diagram_number").value = temp;
+
+  //image
+    temp = document.getElementById("img_"+ figure_number).src;
+    document.getElementById("img_"+ figure_number).src = document.getElementById("img_"+ (figure_number + 1)).src;
+    document.getElementById("img_"+ (figure_number + 1)).src = temp;
+
+  //link to image
+    temp = document.getElementById("link_to_img_"+ figure_number).href;
+    document.getElementById("link_to_img_"+ figure_number).href = document.getElementById("link_to_img_"+ (figure_number + 1)).href;
+    document.getElementById("link_to_img_"+ (figure_number + 1)).href = temp;
+
+    temp = document.getElementById("link_to_img_"+ figure_number).firstChild.nodeValue;
+    document.getElementById("link_to_img_"+ figure_number).firstChild.nodeValue = document.getElementById("link_to_img_"+ (figure_number + 1)).firstChild.nodeValue;
+    document.getElementById("link_to_img_"+ (figure_number + 1)).firstChild.nodeValue = temp;
+
+  //view image ...
+    temp = document.getElementById("view_image_"+ figure_number).firstChild.nodeValue;
+    document.getElementById("view_image_"+ figure_number).firstChild.nodeValue = document.getElementById("view_image_"+ (figure_number + 1)).firstChild.nodeValue;
+    document.getElementById("view_image_"+ (figure_number+1)).firstChild.nodeValue = temp;
+}
+
+function deleteFigure(figure_number) {
+    if (window.confirm("Are you sure?")){
+	for (var i = figure_number; i < num_of_figure; i++) {
+	    document.getElementById("knowledge_figure_"+ i +"_figure_caption").value = document.getElementById("knowledge_figure_"+ (i+1) +"_figure_caption").value;
+	    document.getElementById("knowledge_figure_"+ i +"_input").value = document.getElementById("knowledge_figure_"+ (i+1) +"_input").value;//figure_path
+	    //document.getElementById("knowledge_figure_"+ i +"_input").name = document.getElementById("knowledge_figure_"+ (i+1) +"_input").name;
+	    document.getElementById("img_"+ i).src = document.getElementById("img_"+ (i+1)).src;
+	    document.getElementById("link_to_img_"+ i).src = document.getElementById("link_to_img_"+ (i+1)).src;
+	}
+	var delete_field;
+	if (delete_field = document.getElementById("figure_field_"+ num_of_figure)){
+	    delete_field.parentNode.removeChild(delete_field);
+	}
+	num_of_figure--;
+	var last_down_button;
+	if (last_down_button = document.getElementById("down_"+ num_of_figure)){
+	    // delete down.png
+	    var last_down_button_parent = last_down_button.parentNode;
+	    last_down_button_parent.removeChild(last_down_button);
+	    // add white.png
+	    var down_img = document.createElement("img");
+	    down_img.setAttribute("id", "down_alternative_"+ num_of_figure);
+	    down_img.setAttribute("alt", "Down");
+	    down_img.setAttribute("border", "0");
+	    down_img.setAttribute("src", "/images/white.bmp");
+	    down_img.setAttribute("height", "50");
+	    down_img.setAttribute("width", "50");
+	    last_down_button_parent.appendChild(down_img);
+	}
+    }
+
+}
+
+function moreFigure() {
+  if (num_of_figure === void 0) {
+    num_of_figure = 1;
+  }
+
+    if (num_of_figure > 0) {
+	var down_swap_alternative = document.getElementById("down_alternative_"+ num_of_figure);
+	var down_swap_parent = down_swap_alternative.parentNode;
+	var down_swap = document.createElement("a");
+	down_swap.setAttribute("href", "#");
+	down_swap.setAttribute("id", "down_"+ num_of_figure);
+	if (navigator.appVersion.indexOf("MSIE") != -1) {
+	    down_swap.setAttribute("onclick", new Function("swapFigure("+ num_of_figure + "); location.href='#knowledge_figure_form'; return false;"));//for Internet Explorer
+	} else {
+	    down_swap.setAttribute("onclick", "swapFigure("+ num_of_figure + "); location.href='#knowledge_figure_form'; return false;");// for Firefox
+	}
+	var down_img = document.createElement("img");
+	down_img.setAttribute("alt", "Down");
+	down_img.setAttribute("border", "0");
+	down_img.setAttribute("src", "/images/down.png");
+	down_img.setAttribute("height", "50");
+	down_img.setAttribute("width", "50");
+
+	down_swap_parent.removeChild(down_swap_alternative);
+	down_swap_parent.appendChild(down_swap);
+	down_swap.appendChild(down_img);
+    }
+    num_of_figure++;
+
+    var outer_tr = document.createElement("tr");
+    var outer_td = document.createElement("td");
+    var fieldset = document.createElement("fieldset");
+    fieldset.setAttribute("id", "figure_field_"+ num_of_figure);
+    if (navigator.appVersion.indexOf("MSIE") != -1) {
+	fieldset.setAttribute("className", "form_fieldset");//for Internet Explorer
+    } else {
+	fieldset.setAttribute("class", "form_fieldset");//for Firefox
+    }
+    var legend = document.createElement("legend");
+    var legend_text = document.createTextNode("Figure "+ num_of_figure);
+    legend.appendChild(legend_text);
+    var table = document.createElement("table");
+    var tbody = document.createElement("tbody");
+    var tr = document.createElement("tr");
+    tr.setAttribute("valign", "top");
+
+    var td1 = document.createElement("td");
+    var up_swap = document.createElement("a");
+    up_swap.setAttribute("href", "#");
+    up_swap.setAttribute("id", "up_"+ num_of_figure);
+    if (navigator.appVersion.indexOf("MSIE") != -1) {
+	up_swap.setAttribute("onclick", new Function("swapFigure("+ (num_of_figure - 1) + "); location.href='#knowledge_figure_form'; return false;"));//for Internet Explorer
+    } else {
+	up_swap.setAttribute("onclick", "swapFigure("+ (num_of_figure - 1) + "); location.href='#knowledge_figure_form'; return false;");// for Firefox
+    }
+    var up_img = document.createElement("img");
+    up_img.setAttribute("id", "up_img_"+ num_of_figure);
+    up_img.setAttribute("alt", "Up");
+    up_img.setAttribute("border", "0");
+    up_img.setAttribute("src", "/images/up.png");
+    up_img.setAttribute("height", "50");
+    up_img.setAttribute("width", "50");
+    /*
+    var down_swap = document.createElement("a");
+    down_swap.setAttribute("href", "#");
+    down_swap.setAttribute("id", "down_"+ num_of_figure);
+    if (navigator.appVersion.indexOf("MSIE") != -1) {
+	down_swap.setAttribute("onclick", new Function("swapFigure("+ num_of_figure + "); location.href='#knowledge_figure_form'; return false;"));//for Internet Explorer
+    } else {
+	down_swap.setAttribute("onclick", "swapFigure("+ num_of_figure + "); location.href='#knowledge_figure_form'; return false;");// for Firefox
+    }
+    */
+    var down_img = document.createElement("img");
+    down_img.setAttribute("id", "down_alternative_"+ num_of_figure);
+    down_img.setAttribute("alt", "Down");
+    down_img.setAttribute("border", "0");
+    down_img.setAttribute("src", "/images/white.bmp");
+    down_img.setAttribute("height", "50");
+    down_img.setAttribute("width", "50");
+
+    var td2 = document.createElement("td");
+    var caption_label = document.createTextNode("Caption:");
+    var caption = document.createElement("textarea");
+    caption.setAttribute("id", "knowledge_figure_"+ num_of_figure +"_figure_caption");
+    caption.setAttribute("name", "knowledge_figure["+ num_of_figure +"][figure_caption]");
+    caption.setAttribute("cols", "50");
+    caption.setAttribute("rows", "4");
+    var label = document.createElement("div");
+    label.setAttribute("id", "label_"+ num_of_figure);
+    var label_text = document.createTextNode("Figure Path:");
+    var figure_path = document.createElement("input");
+    figure_path.setAttribute("type", "text");
+    if (navigator.appVersion.indexOf("MSIE") != -1) {
+	figure_path.setAttribute("className", "textarea_size60");//for Internet Explorer
+    } else {
+	figure_path.setAttribute("class", "textarea_size60");//for Firefox
+    }
+    figure_path.setAttribute("id", "knowledge_figure_"+ num_of_figure +"_input");
+    figure_path.setAttribute("name", "knowledge_figure["+ num_of_figure +"][figure_path]");
+    figure_path.setAttribute("value", "");
+    var png_span = document.createElement("span");
+    png_span.setAttribute("id", "png_"+ num_of_figure);
+    var png = document.createTextNode(".png");
+    var diagram_id = document.createElement("input");
+    diagram_id.setAttribute("id", "knowledge_figure_"+ num_of_figure +"_diagram_id");
+    diagram_id.setAttribute("name", "knowledge_figure[<%= i %>][diagram_id]");
+    diagram_id.setAttribute("type", "hidden");
+    diagram_id.setAttribute("value", "");
+    var diagram_path = document.createElement("input");
+    diagram_path.setAttribute("id", "knowledge_figure_"+ num_of_figure +"_figure_path");
+    diagram_path.setAttribute("name", "knowledge_figure[<%= i %>][diagram_path]");
+    diagram_path.setAttribute("type", "hidden");
+    diagram_path.setAttribute("value", "");
+
+    var td3 = document.createElement("td");
+    var figure_img = document.createElement("img");
+    figure_img.setAttribute("src", "/images/white.bmp");
+    figure_img.setAttribute("id", "img_"+ num_of_figure);
+    figure_img.setAttribute("name", "img_"+ num_of_figure);
+    figure_img.setAttribute("width", "150");
+    figure_img.setAttribute("height", "150");
+    var link_to_img = document.createElement("a");
+    link_to_img.setAttribute("href", "'#knowledge_figure_form'");
+    link_to_img.setAttribute("id", "link_to_img_"+ num_of_figure);
+    link_to_img.setAttribute("name", "link_to_img_"+ num_of_figure);
+    var view_image = document.createElement("span");
+    view_image.setAttribute("id", "view_image_"+ num_of_figure);
+    var space = document.createTextNode("");
+    var td4 = document.createElement("td");
+    var delete_button = document.createElement("a");
+    delete_button.setAttribute("href", "#");
+    delete_button.setAttribute("id", "delete_figure_"+ num_of_figure);
+    if (navigator.appVersion.indexOf("MSIE") != -1) {
+	delete_button.setAttribute("onclick", new Function("deleteFigure("+ num_of_figure +");location.href='#knowledge_figure_form';return false;"));//for Internet Explorer
+    } else {
+	delete_button.setAttribute("onclick", "deleteFigure("+ num_of_figure +");location.href='#knowledge_figure_form';return false;");//for Firefox
+    }
+    var delete_img = document.createElement("img");
+    delete_img.setAttribute("alt", "X");
+    delete_img.setAttribute("border", "0");
+    delete_img.setAttribute("src", "/images/delete.png");
+
+    var knowledge_figure_tbody = document.getElementById("knowledge_figure_tbody");
+    knowledge_figure_tbody.appendChild(outer_tr);
+    outer_tr.appendChild(outer_td);
+    outer_td.appendChild(fieldset);
+    fieldset.appendChild(legend);
+    fieldset.appendChild(table);
+    table.appendChild(tbody);
+    tbody.appendChild(tr);
+    tr.appendChild(td1);
+    td1.appendChild(document.createElement("br"));
+    td1.appendChild(up_swap);
+    up_swap.appendChild(up_img);
+    td1.appendChild(document.createElement("br"));
+    td1.appendChild(document.createElement("br"));
+    td1.appendChild(down_img);
+    tr.appendChild(td2);
+    td2.appendChild(caption_label);
+    td2.appendChild(document.createElement("br"));
+    td2.appendChild(caption);
+    td2.appendChild(document.createElement("br"));
+    td2.appendChild(label)
+    label.appendChild(label_text);
+    td2.appendChild(figure_path);
+    td2.appendChild(png_span);
+    png_span.appendChild(png);
+    td2.appendChild(diagram_id);
+    td2.appendChild(diagram_path);
+    td2.appendChild(document.createElement("br"));
+    tr.appendChild(td3);
+    td3.appendChild(figure_img);
+    td3.appendChild(document.createElement("br"));
+    td3.appendChild(link_to_img);
+    link_to_img.appendChild(view_image);
+    view_image.appendChild(space);
+    tr.appendChild(td4);
+    td4.appendChild(delete_button);
+    delete_button.appendChild(delete_img);
+
+    var first_up_button;
+    if (first_up_button = document.getElementById("up_1")){
+	first_up_button.parentNode.removeChild(first_up_button);
+    }
+}
+
+function putNumSelectMenu(n){
+  select_menu = document.getElementById("knowledge_horizontal_figures");
+  if (n == 0) {
+    select_menu.disabled = false;
+  } else {
+    select_menu.disabled = true;
+  }
+}
+
+function putCategory(id){
+  select = document.getElementById(id);
+  category = document.getElementById("knowledge_category");
+  category.value = select.title;
+}
+
+function showCommentListShort () {
+    comment_list_short = document.getElementById("comment_list_short")
+    comment_list_short_button = document.getElementById("comment_list_short_button")
+    comment_list_hide = document.getElementById("comment_list_hide")
+    comment_list_hide_button = document.getElementById("comment_list_hide_button")
+    comment_list_all = document.getElementById("comment_list_all")
+    comment_list_all_button = document.getElementById("comment_list_all_button")
+    
+    comment_list_short.style.display = "block";
+    comment_list_short_button.style.borderStyle = "solid";
+    comment_list_hide.style.display = "none";
+    comment_list_hide_button.style.borderStyle = "none";
+    comment_list_all.style.display = "none";
+    comment_list_all_button.style.borderStyle = "none";
+}
+
+function showCommentListHide () {
+    comment_list_short = document.getElementById("comment_list_short")
+    comment_list_short_button = document.getElementById("comment_list_short_button")
+    comment_list_hide = document.getElementById("comment_list_hide")
+    comment_list_hide_button = document.getElementById("comment_list_hide_button")
+    comment_list_all = document.getElementById("comment_list_all")
+    comment_list_all_button = document.getElementById("comment_list_all_button")
+    
+    comment_list_short.style.display = "none";
+    comment_list_short_button.style.borderStyle = "none";
+    comment_list_hide.style.display = "block";
+    comment_list_hide_button.style.borderStyle = "solid";
+    comment_list_all.style.display = "none";
+    comment_list_all_button.style.borderStyle = "none";
+}
+
+function showCommentListAll () {
+    comment_list_short = document.getElementById("comment_list_short")
+    comment_list_short_button = document.getElementById("comment_list_short_button")
+    comment_list_hide = document.getElementById("comment_list_hide")
+    comment_list_hide_button = document.getElementById("comment_list_hide_button")
+    comment_list_all = document.getElementById("comment_list_all")
+    comment_list_all_button = document.getElementById("comment_list_all_button")
+      
+    comment_list_short.style.display = "none";
+    comment_list_short_button.style.borderStyle = "none";
+    comment_list_hide.style.display = "none";
+    comment_list_hide_button.style.borderStyle = "none";
+    comment_list_all.style.display = "block";
+    comment_list_all_button.style.borderStyle = "solid";
+}
+
+function deleteDisplayCommentInputFormButton () {
+    display_comment_input_form_button = document.getElementById("display_comment_input_form_button");
+    display_comment_input_form_button.style.display = "none";
+}
+
+function enableButton (button_id) {
+    button = document.getElementById(button_id);
+    button.style.display = "block";
+}
+
+function restoreDocument (title, textbody, creator, default_layout, horizontal_figures, figures_size_status, figures_size_number) {
+    document.getElementById("knowledge_title").value = title;
+    document.getElementById("knowledge_textbody").value = textbody;
+    document.getElementById("knowledge_creator").value = creator;
+
+    document.getElementById("knowledge_default_layout").selectedIndex = Number(default_layout);
+    document.getElementById("knowledge_horizontal_figures").value = Number(horizontal_figures);
+
+    document.getElementById("knowledge[height_or_width]").selectedIndex = Number(figures_size_status) % 2;
+    document.getElementById("knowledge[figures_size_number]").value = Number(figures_size_number);
+    document.getElementById("knowledge[percent_or_pixel]").selectedIndex = Number(figures_size_status) / 2;
+
+    //�O���[�v�֘A�ƊG���܂��ł��ĂȂ�
+}
+
+function restoreDocumentIncludePath (title, textbody, creator, default_layout, horizontal_figures, figures_size_status, figures_size_number, path) {
+    document.getElementById("node_path").value = path;
+    restoreDocument(title, textbody, creator, default_layout, horizontal_figures, figures_size_status, figures_size_number);
+}
+
+
+