daxcoder
diff --git a/‎algorithm/sorting/insertion/basic/code.js
Lines changed: 16 additions & 8 deletions b/‎algorithm/sorting/insertion/basic/code.js
Lines changed: 16 additions & 8 deletions
diff --git a/‎css/stylesheet.css
Lines changed: 8 additions & 1 deletion b/‎css/stylesheet.css
Lines changed: 8 additions & 1 deletion
diff --git a/‎js/ace/ace.js
Lines changed: 2 additions & 2 deletions b/‎js/ace/ace.js
Lines changed: 2 additions & 2 deletions
diff --git a/‎js/ace/ext-beautify.js
Lines changed: 2 additions & 2 deletions b/‎js/ace/ext-beautify.js
Lines changed: 2 additions & 2 deletions
@@ -1,9 +1,17 @@
-for (var j = 1; j < D.length; j++) {
-    var key = D[j];
-    tracer._select(j);
-    for (var i = j - 1; (i >= 0) && (D[i] < key); i--) {
-        D[i + 1] = D[i];
+tracer._print('original array = [' + D.join(', ') + ']');
+tracer._sleep(1000);
+tracer._pace(300);
+for (var i = 1; i < D.length; i++) {
+    var key = D[i];
+    tracer._print('insert ' + key);
+    tracer._select(i);
+    var j;
+    for (j = i - 1; (j >= 0) && (D[j] > key); j--) {
+        D[j + 1] = D[j];
+        tracer._notify(j + 1);
     }
-    D[i + 1] = key;
-    tracer._change(j);
-}
+    D[j + 1] = key;
+    tracer._notify(j + 1);
+    tracer._deselect(i);
+}
+tracer._print('sorted array = [' + D.join(', ') + ']');
@@ -136,7 +136,6 @@ section {
     bottom: 50%;
     left: 0;
     right: 0;
-    text-align: center;
 }
 
 .tab_container {
@@ -250,4 +249,12 @@ pre {
     vertical-align: middle;
     text-align: center;
     background: #888;
+}
+
+.mtbl-cell.selected {
+    background: #00f;
+}
+
+.mtbl-cell.notifying {
+    background: #f00;
 }