function write_menu (args) {
  var path = args && args.path ? args.path : "../";

  document.write('\n\
    <canvas id="canvas1" width="200" height="133"></canvas>\n\
    <div id="menu">\n\
      <h1><a href="'+path+'index.html">Home</a></h1>\n\
      <div class="section"><h2><a href="'+path+'projects/js/index.html">&nbsp;JS&nbsp;</a></h2></div>\n\
      <div class="section"><h2><a href="'+path+'knots/index.html">Knots</a></h2></div>\n\
      <div class="section"><h2><a href="'+path+'projects/emacs/index.html">Emacs</a></h2></div>\n\
      <div class="section"><h2><a href="'+path+'family/index.html">Family</a></h2></div>\n\
      <div class="section"><h2><a href="'+path+'projects/index.html">Perl</a></h2></div>\n\
    </div>\n\
    <div id="menu_holder" style="width:200px;height:150px"></div>\n\
    <canvas id="canvas2" width="200" height="133"></canvas>\n\
    <canvas id="canvas3" width="200" height="133"></canvas>\n\
    <canvas id="canvas4" width="200" height="133"></canvas>\n\
    <script>\n\
      function load_menu () {\n\
        cloudify({id: "menu", img_path: "'+path+'image", parent: document.getElementById("menu_holder")});\n\
        canvas_saver({id:"canvas1", initial_lines: 30, max_lines: 30, initial_rgb: [0,255,0]});\n\
        canvas_saver({id:"canvas2", initial_lines: 30, max_lines: 30, initial_rgb: [255,255,0]});\n\
        canvas_saver({id:"canvas3", initial_lines: 30, max_lines: 30, initial_rgb: [255,0,0]});\n\
        canvas_saver({id:"canvas4", initial_lines: 30, max_lines: 30, initial_rgb: [0,0,255]});\n\
      }\n\
      window.onload = load_menu\n\
    </script>\n\
');
}