Index: doc/next-migration.html
===================================================================
diff -u -r1beeb594c1cd9e222b6e1f419e9a6f5ec0713249 -raa41f220776456c37553c5daf8e0519d5b51f0b8
--- doc/next-migration.html	(.../next-migration.html)	(revision 1beeb594c1cd9e222b6e1f419e9a6f5ec0713249)
+++ doc/next-migration.html	(.../next-migration.html)	(revision aa41f220776456c37553c5daf8e0519d5b51f0b8)
@@ -3,29 +3,26 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
-<meta name="generator" content="AsciiDoc 8.6.3" />
+<meta name="generator" content="AsciiDoc 8.6.5" />
 <title>Migration Guide for the the Next Scripting Language</title>
 <style type="text/css">
-/* Sans-serif font. */
+/* Shared CSS for AsciiDoc xhtml11 and html5 backends */
+
+/* Default font. */
+body {
+  font-family: Georgia,serif;
+}
+
+/* Title font. */
 h1, h2, h3, h4, h5, h6,
 div.title, caption.title,
 thead, p.table.header,
-div#toctitle,
-span#author, span#revnumber, span#revdate, span#revremark,
-div#footer {
+#toctitle,
+#author, #revnumber, #revdate, #revremark,
+#footer {
   font-family: Arial,Helvetica,sans-serif;
 }
 
-/* Serif font. */
-div.sectionbody {
-  font-family: Georgia,"Times New Roman",Times,serif;
-}
-
-/* Monospace font. */
-tt {
-  font-size: inherit;
-}
-
 body {
   margin: 1em 5% 1em 5%;
 }
@@ -48,11 +45,6 @@
   color: #083194;
 }
 
-tt {
-  font-size: inherit;
-  color: navy;
-}
-
 h1, h2, h3, h4, h5, h6 {
   color: #527bbd;
   margin-top: 1.2em;
@@ -72,6 +64,9 @@
 h3 + * {
   clear: left;
 }
+h5 {
+  font-size: 1.0em;
+}
 
 div.sectionbody {
   margin-left: 0;
@@ -97,36 +92,36 @@
   margin: 0;
 }
 
-span#author {
+#author {
   color: #527bbd;
   font-weight: bold;
   font-size: 1.1em;
 }
-span#email {
+#email {
 }
-span#revnumber, span#revdate, span#revremark {
+#revnumber, #revdate, #revremark {
 }
 
-div#footer {
+#footer {
   font-size: small;
   border-top: 2px solid silver;
   padding-top: 0.5em;
   margin-top: 4.0em;
 }
-div#footer-text {
+#footer-text {
   float: left;
   padding-bottom: 0.5em;
 }
-div#footer-badges {
+#footer-badges {
   float: right;
   padding-bottom: 0.5em;
 }
 
-div#preamble {
+#preamble {
   margin-top: 1.5em;
   margin-bottom: 1.5em;
 }
-div.tableblock, div.imageblock, div.exampleblock, div.verseblock,
+div.imageblock, div.exampleblock, div.verseblock,
 div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
 div.admonitionblock {
   margin-top: 1.0em;
@@ -267,36 +262,13 @@
   margin-bottom: 0.1em;
 }
 
-div.tableblock > table {
-  border: 3px solid #527bbd;
-}
-thead, p.table.header {
-  font-weight: bold;
-  color: #527bbd;
-}
 tfoot {
   font-weight: bold;
 }
 td > div.verse {
   white-space: pre;
 }
-p.table {
-  margin-top: 0;
-}
-/* Because the table frame attribute is overriden by CSS in most browsers. */
-div.tableblock > table[frame="void"] {
-  border-style: none;
-}
-div.tableblock > table[frame="hsides"] {
-  border-left-style: none;
-  border-right-style: none;
-}
-div.tableblock > table[frame="vsides"] {
-  border-top-style: none;
-  border-bottom-style: none;
-}
 
-
 div.hdlist {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
@@ -362,14 +334,14 @@
 }
 
 @media print {
-  div#footer-badges { display: none; }
+  #footer-badges { display: none; }
 }
 
-div#toc {
+#toc {
   margin-bottom: 2.5em;
 }
 
-div#toctitle {
+#toctitle {
   color: #527bbd;
   font-size: 1.1em;
   font-weight: bold;
@@ -394,10 +366,157 @@
   font-size: 0.9em;
 }
 
+span.aqua { color: aqua; }
+span.black { color: black; }
+span.blue { color: blue; }
+span.fuchsia { color: fuchsia; }
+span.gray { color: gray; }
+span.green { color: green; }
+span.lime { color: lime; }
+span.maroon { color: maroon; }
+span.navy { color: navy; }
+span.olive { color: olive; }
+span.purple { color: purple; }
+span.red { color: red; }
+span.silver { color: silver; }
+span.teal { color: teal; }
+span.white { color: white; }
+span.yellow { color: yellow; }
+
+span.aqua-background { background: aqua; }
+span.black-background { background: black; }
+span.blue-background { background: blue; }
+span.fuchsia-background { background: fuchsia; }
+span.gray-background { background: gray; }
+span.green-background { background: green; }
+span.lime-background { background: lime; }
+span.maroon-background { background: maroon; }
+span.navy-background { background: navy; }
+span.olive-background { background: olive; }
+span.purple-background { background: purple; }
+span.red-background { background: red; }
+span.silver-background { background: silver; }
+span.teal-background { background: teal; }
+span.white-background { background: white; }
+span.yellow-background { background: yellow; }
+
+span.big { font-size: 2em; }
+span.small { font-size: 0.6em; }
+
+span.underline { text-decoration: underline; }
+span.overline { text-decoration: overline; }
+span.line-through { text-decoration: line-through; }
+
+
+/*
+ * xhtml11 specific
+ *
+ * */
+
+tt {
+  font-family: monospace;
+  font-size: inherit;
+  color: navy;
+}
+
+div.tableblock {
+  margin-top: 1.0em;
+  margin-bottom: 1.5em;
+}
+div.tableblock > table {
+  border: 3px solid #527bbd;
+}
+thead, p.table.header {
+  font-weight: bold;
+  color: #527bbd;
+}
+p.table {
+  margin-top: 0;
+}
+/* Because the table frame attribute is overriden by CSS in most browsers. */
+div.tableblock > table[frame="void"] {
+  border-style: none;
+}
+div.tableblock > table[frame="hsides"] {
+  border-left-style: none;
+  border-right-style: none;
+}
+div.tableblock > table[frame="vsides"] {
+  border-top-style: none;
+  border-bottom-style: none;
+}
+
+
+/*
+ * html5 specific
+ *
+ * */
+
+.monospaced {
+  font-family: monospace;
+  font-size: inherit;
+  color: navy;
+}
+
+table.tableblock {
+  margin-top: 1.0em;
+  margin-bottom: 1.5em;
+}
+thead, p.tableblock.header {
+  font-weight: bold;
+  color: #527bbd;
+}
+p.tableblock {
+  margin-top: 0;
+}
+table.tableblock {
+  border-width: 3px;
+  border-spacing: 0px;
+  border-style: solid;
+  border-color: #527bbd;
+  border-collapse: collapse;
+}
+th.tableblock, td.tableblock {
+  border-width: 1px;
+  padding: 4px;
+  border-style: solid;
+  border-color: #527bbd;
+}
+
+table.tableblock.frame-topbot {
+  border-left-style: hidden;
+  border-right-style: hidden;
+}
+table.tableblock.frame-sides {
+  border-top-style: hidden;
+  border-bottom-style: hidden;
+}
+table.tableblock.frame-none {
+  border-style: hidden;
+}
+
+th.tableblock.halign-left, td.tableblock.halign-left {
+  text-align: left;
+}
+th.tableblock.halign-center, td.tableblock.halign-center {
+  text-align: center;
+}
+th.tableblock.halign-right, td.tableblock.halign-right {
+  text-align: right;
+}
+
+th.tableblock.valign-top, td.tableblock.valign-top {
+  vertical-align: top;
+}
+th.tableblock.valign-middle, td.tableblock.valign-middle {
+  vertical-align: middle;
+}
+th.tableblock.valign-bottom, td.tableblock.valign-bottom {
+  vertical-align: bottom;
+}
 </style>
 <script type="text/javascript">
 /*<![CDATA[*/
-window.onload = function(){asciidoc.footnotes(); asciidoc.toc(3);}
 var asciidoc = {  // Namespace.
 
 /////////////////////////////////////////////////////////////////////
@@ -459,6 +578,25 @@
   }
 
   var toc = document.getElementById("toc");
+  if (!toc) {
+    return;
+  }
+
+  // Delete existing TOC entries in case we're reloading the TOC.
+  var tocEntriesToRemove = [];
+  var i;
+  for (i = 0; i < toc.childNodes.length; i++) {
+    var entry = toc.childNodes[i];
+    if (entry.nodeName == 'DIV'
+     && entry.getAttribute("class")
+     && entry.getAttribute("class").match(/^toclevel/))
+      tocEntriesToRemove.push(entry);
+  }
+  for (i = 0; i < tocEntriesToRemove.length; i++) {
+    toc.removeChild(tocEntriesToRemove[i]);
+  }
+
+  // Rebuild TOC entries.
   var entries = tocEntries(document.getElementById("content"), toclevels);
   for (var i = 0; i < entries.length; ++i) {
     var entry = entries[i];
@@ -486,24 +624,44 @@
  */
 
 footnotes: function () {
-  var cont = document.getElementById("content");
+  // Delete existing footnote entries in case we're reloading the footnodes.
+  var i;
   var noteholder = document.getElementById("footnotes");
+  if (!noteholder) {
+    return;
+  }
+  var entriesToRemove = [];
+  for (i = 0; i < noteholder.childNodes.length; i++) {
+    var entry = noteholder.childNodes[i];
+    if (entry.nodeName == 'DIV' && entry.getAttribute("class") == "footnote")
+      entriesToRemove.push(entry);
+  }
+  for (i = 0; i < entriesToRemove.length; i++) {
+    noteholder.removeChild(entriesToRemove[i]);
+  }
+
+  // Rebuild footnote entries.
+  var cont = document.getElementById("content");
   var spans = cont.getElementsByTagName("span");
   var refs = {};
   var n = 0;
   for (i=0; i<spans.length; i++) {
     if (spans[i].className == "footnote") {
       n++;
-      // Use [\s\S] in place of . so multi-line matches work.
-      // Because JavaScript has no s (dotall) regex flag.
-      note = spans[i].innerHTML.match(/\s*\[([\s\S]*)]\s*/)[1];
+      var note = spans[i].getAttribute("data-note");
+      if (!note) {
+        // Use [\s\S] in place of . so multi-line matches work.
+        // Because JavaScript has no s (dotall) regex flag.
+        note = spans[i].innerHTML.match(/\s*\[([\s\S]*)]\s*/)[1];
+        spans[i].innerHTML =
+          "[<a id='_footnoteref_" + n + "' href='#_footnote_" + n +
+          "' title='View footnote' class='footnote'>" + n + "</a>]";
+        spans[i].setAttribute("data-note", note);
+      }
       noteholder.innerHTML +=
         "<div class='footnote' id='_footnote_" + n + "'>" +
         "<a href='#_footnoteref_" + n + "' title='Return to text'>" +
         n + "</a>. " + note + "</div>";
-      spans[i].innerHTML =
-        "[<a id='_footnoteref_" + n + "' href='#_footnote_" + n +
-        "' title='View footnote' class='footnote'>" + n + "</a>]";
       var id =spans[i].getAttribute("id");
       if (id != null) refs["#"+id] = n;
     }
@@ -523,9 +681,32 @@
       }
     }
   }
+},
+
+install: function(toclevels) {
+  var timerId;
+
+  function reinstall() {
+    asciidoc.footnotes();
+    if (toclevels) {
+      asciidoc.toc(toclevels);
+    }
+  }
+
+  function reinstallAndRemoveTimer() {
+    clearInterval(timerId);
+    reinstall();
+  }
+
+  timerId = setInterval(reinstall, 500);
+  if (document.addEventListener)
+    document.addEventListener("DOMContentLoaded", reinstallAndRemoveTimer, false);
+  else
+    window.onload = reinstallAndRemoveTimer;
 }
 
 }
+asciidoc.install(3);
 /*]]>*/
 </script>
 </head>
@@ -1029,11 +1210,11 @@
 <div class="sect2">
 <h3 id="_defining_objects_and_classes">2.1. Defining Objects and Classes</h3>
 <div class="paragraph"><p>When creating objects or classes, one should use the method <tt>create</tt>
-explicitly. In XOTcl, a default <tt>unknown</tt> handler was provided for
+explicitly. In XOTcl, a default <tt>unknown</tt> method handler was provided for
 classes, which create for every unknown method invocation an
 object/class with the name of the invoked method. This technique was
 convenient, but as well dangerous, since typos in method names lead
-easily to unexpected behavior. This default unknown handler is not
+easily to unexpected behavior. This default unknown method handler is not
 provided in NX (but can certainly be provided as a one-liner in NX by
 the application).</p></div>
 <div class="tableblock">
@@ -1578,8 +1759,8 @@
 application developer in various ways. The command <tt>::nx::configure
 defaultMethodCallProtection true|false</tt> can be used to set the default
 call protection for scripted methods, forwarder and aliases, while
-<tt>::nx::configure defaultAttributeCallProtection true|false</tt> can set
-the default protection for attributes. The defaults can be overwritten
+<tt>::nx::configure defaultPropertyCallProtection true|false</tt> can set
+the default protection for properties. The defaults can be overwritten
 also e.g. on a class level.</p></div>
 </div>
 <div class="sect3">
@@ -1635,8 +1816,8 @@
 <span class='nx-placeholder'>/cls/</span> ?<span class='nx-keyword'>class</span>? <span class='nx-keyword'>delete</span> <span class='nx-keyword'>method</span> <span class='nx-placeholder'>/name/</span>
 
 <span class='nx-comment'># Deletion of Attributes
-</span><span class='nx-placeholder'>/obj/</span> <span class='nx-keyword'>delete</span> <span class='nx-keyword'>attribute</span> <span class='nx-placeholder'>/name/</span>
-<span class='nx-placeholder'>/cls/</span> ?<span class='nx-keyword'>class</span>? <span class='nx-keyword'>delete</span> <span class='nx-keyword'>attribute</span> <span class='nx-placeholder'>/name/</span></pre></div></div></div></td>
+</span><span class='nx-placeholder'>/obj/</span> <span class='nx-keyword'>delete</span> attribute <span class='nx-placeholder'>/name/</span>
+<span class='nx-placeholder'>/cls/</span> ?<span class='nx-keyword'>class</span>? <span class='nx-keyword'>delete</span> attribute <span class='nx-placeholder'>/name/</span></pre></div></div></div></td>
 </tr>
 </tbody>
 </table>
@@ -2312,8 +2493,8 @@
 </span><span class='nx-comment'># scripted configuration)
 </span>
 <span class='nx-keyword'>Class</span> <span class='nx-keyword'>create</span> Foo {
-   :<span class='nx-keyword'>attribute</span> a
-   :<span class='nx-keyword'>attribute</span> {b 1}
+   :<span class='nx-keyword'>property</span> a
+   :<span class='nx-keyword'>property</span> {b 1}
 }
 
 <span class='nx-comment'># Create instance of the class Foo
@@ -2349,13 +2530,13 @@
 </span><span class='nx-comment'># and object level
 </span>
 <span class='nx-keyword'>Class</span> <span class='nx-keyword'>create</span> C {
-  :<span class='nx-keyword'>attribute</span> x
-  :<span class='nx-keyword'>attribute</span> {y 1}
-  :<span class='nx-keyword'>class</span> <span class='nx-keyword'>attribute</span> oa1
+  :<span class='nx-keyword'>property</span> x
+  :<span class='nx-keyword'>property</span> {y 1}
+  :<span class='nx-keyword'>class</span> attribute oa1
 }
 
 <span class='nx-keyword'>Object</span> <span class='nx-keyword'>create</span> o {
-  :<span class='nx-keyword'>attribute</span> oa2
+  :<span class='nx-keyword'>property</span> oa2
 }</pre></div></div></div></td>
 </tr>
 <tr>
@@ -2403,7 +2584,7 @@
 </span><span class='nx-comment'># attribute specific type checker
 </span>
 <span class='nx-keyword'>Class</span> <span class='nx-keyword'>create</span> Person {
-  :<span class='nx-keyword'>attribute</span> sex {
+  :<span class='nx-keyword'>property</span> sex {
     :type <span class='nx-string'>"sex"</span>
     :<span class='nx-keyword'>method</span> type=sex {name value} {
       <span class='nx-keyword'>switch</span> -<span class='nx-keyword'>glob</span> <span class='nx-variable'>$value</span> {
@@ -2498,8 +2679,8 @@
 .nx-variable    {color: #AF663F; font-weight: normal; font-style: normal;}
 </style>
 <pre class='nx'><span class='nx-keyword'>Class</span> <span class='nx-keyword'>create</span> Foo {
-   :<span class='nx-keyword'>attribute</span> a:boolean
-   :<span class='nx-keyword'>attribute</span> {b:integer 1}
+   :<span class='nx-keyword'>property</span> a:boolean
+   :<span class='nx-keyword'>property</span> {b:integer 1}
 }</pre></div></div></div></td>
 </tr>
 </tbody>
@@ -2570,8 +2751,8 @@
 </style>
 <pre class='nx'>
 <span class='nx-keyword'>Class</span> <span class='nx-keyword'>create</span> Foo {
-   :<span class='nx-keyword'>attribute</span> a:required
-   :<span class='nx-keyword'>attribute</span> b:boolean,required
+   :<span class='nx-keyword'>property</span> a:required
+   :<span class='nx-keyword'>property</span> b:boolean,required
 }</pre></div></div></div></td>
 </tr>
 </tbody>
@@ -2639,9 +2820,9 @@
 .nx-variable    {color: #AF663F; font-weight: normal; font-style: normal;}
 </style>
 <pre class='nx'><span class='nx-keyword'>Class</span> <span class='nx-keyword'>create</span> Foo {
-  :<span class='nx-keyword'>attribute</span> {ints:integer,0..n <span class='nx-string'>""</span>}
-  :<span class='nx-keyword'>attribute</span> objs:object,1..n
-  :<span class='nx-keyword'>attribute</span> obj:object,0..1
+  :<span class='nx-keyword'>property</span> {ints:integer,0..n <span class='nx-string'>""</span>}
+  :<span class='nx-keyword'>property</span> objs:object,1..n
+  :<span class='nx-keyword'>property</span> obj:object,0..1
 }</pre></div></div></div></td>
 </tr>
 </tbody>
@@ -6321,7 +6502,7 @@
 <div id="footer">
 <div id="footer-text">
 Version 2.1<br />
-Last updated 2011-05-18 14:13:36 CEST
+Last updated 2011-08-12 12:05:02 CEST
 </div>
 </div>
 </body>
