ruby-prof 0.17.0 → 0.18.0

data/lib/ruby-prof/assets/call_stack_printer.css.html

@@ -1,117 +1,117 @@
-<style type="text/css">
-<!--
-  body {
-    font-size:70%;
-    padding:0;
-    margin:5px;
-    margin-right:0px;
-    margin-left:0px;
-    background: #ffffff;
-  }
-  ul {
-    margin-left:0px;
-    margin-top:0px;
-    margin-bottom:0px;
-    padding-left:0px;
-    list-style-type:none;
-  }
-  li {
-    margin-left:11px;
-    padding:0px;
-    white-space:nowrap;
-    border-top:1px solid #cccccc;
-    border-left:1px solid #cccccc;
-    border-bottom:none;
-  }
-  .thread {
-    margin-left:11px;
-    background:#708090;
-    padding-top:3px;
-    padding-left:12px;
-    padding-bottom:2px;
-    border-left:1px solid #CCCCCC;
-    border-top:1px solid #CCCCCC;
-    font-weight:bold;
-  }
-  .hidden {
-    display:none;
-    width:0px;
-    height:0px;
-    margin:0px;
-    padding:0px;
-    border-style:none;
-  }
-  .color01 { background:#adbdeb }
-  .color05 { background:#9daddb }
-  .color0 { background:#8d9dcb }
-  .color1 { background:#89bccb }
-  .color2 { background:#56e3e7 }
-  .color3 { background:#32cd70 }
-  .color4 { background:#a3d53c }
-  .color5 { background:#c4cb34 }
-  .color6 { background:#dcb66d }
-  .color7 { background:#cda59e }
-  .color8 { background:#be9d9c }
-  .color9 { background:#cf947a }
-  #commands {
-    font-size:10pt;
-    padding:10px;
-    margin-left:11px;
-    margin-bottom:0px;
-    margin-top:0px;
-    background:#708090;
-    border-top:1px solid #cccccc;
-    border-left:1px solid #cccccc;
-    border-bottom:none;
-  }
-  #titlebar {
-    font-size:10pt;
-    padding:10px;
-    margin-left:11px;
-    margin-bottom:0px;
-    margin-top:10px;
-    background:#8090a0;
-    border-top:1px solid #cccccc;
-    border-left:1px solid #cccccc;
-    border-bottom:none;
-  }
-  #help {
-    font-size:10pt;
-    padding:10px;
-    margin-left:11px;
-    margin-bottom:0px;
-    margin-top:0px;
-    background:#8090a0;
-    display:none;
-    border-top:1px solid #cccccc;
-    border-left:1px solid #cccccc;
-    border-bottom:none;
-  }
-  #sentinel {
-    height: 400px;
-    margin-left:11px;
-    background:#8090a0;
-    border-top:1px solid #cccccc;
-    border-left:1px solid #cccccc;
-    border-bottom:none;
-  }
-  input { margin-left:10px; }
-
-  .toggle {
-    background: url(data:image/png;base64,%s) no-repeat left center;
-    float:left;
-    width:9px;
-    height:9px;
-    margin:2px 1px 1px 1px;
-  }
-
-  .toggle.minus {
-    background-position: -9px 0;
-  }
-
-  .toggle.plus {
-    background-position: -18px 0;
-  }
-
--->
+<style type="text/css">
+<!--
+  body {
+    font-size:70%;
+    padding:0;
+    margin:5px;
+    margin-right:0px;
+    margin-left:0px;
+    background: #ffffff;
+  }
+  ul {
+    margin-left:0px;
+    margin-top:0px;
+    margin-bottom:0px;
+    padding-left:0px;
+    list-style-type:none;
+  }
+  li {
+    margin-left:11px;
+    padding:0px;
+    white-space:nowrap;
+    border-top:1px solid #cccccc;
+    border-left:1px solid #cccccc;
+    border-bottom:none;
+  }
+  .thread {
+    margin-left:11px;
+    background:#708090;
+    padding-top:3px;
+    padding-left:12px;
+    padding-bottom:2px;
+    border-left:1px solid #CCCCCC;
+    border-top:1px solid #CCCCCC;
+    font-weight:bold;
+  }
+  .hidden {
+    display:none;
+    width:0px;
+    height:0px;
+    margin:0px;
+    padding:0px;
+    border-style:none;
+  }
+  .color01 { background:#adbdeb }
+  .color05 { background:#9daddb }
+  .color0 { background:#8d9dcb }
+  .color1 { background:#89bccb }
+  .color2 { background:#56e3e7 }
+  .color3 { background:#32cd70 }
+  .color4 { background:#a3d53c }
+  .color5 { background:#c4cb34 }
+  .color6 { background:#dcb66d }
+  .color7 { background:#cda59e }
+  .color8 { background:#be9d9c }
+  .color9 { background:#cf947a }
+  #commands {
+    font-size:10pt;
+    padding:10px;
+    margin-left:11px;
+    margin-bottom:0px;
+    margin-top:0px;
+    background:#708090;
+    border-top:1px solid #cccccc;
+    border-left:1px solid #cccccc;
+    border-bottom:none;
+  }
+  #titlebar {
+    font-size:10pt;
+    padding:10px;
+    margin-left:11px;
+    margin-bottom:0px;
+    margin-top:10px;
+    background:#8090a0;
+    border-top:1px solid #cccccc;
+    border-left:1px solid #cccccc;
+    border-bottom:none;
+  }
+  #help {
+    font-size:10pt;
+    padding:10px;
+    margin-left:11px;
+    margin-bottom:0px;
+    margin-top:0px;
+    background:#8090a0;
+    display:none;
+    border-top:1px solid #cccccc;
+    border-left:1px solid #cccccc;
+    border-bottom:none;
+  }
+  #sentinel {
+    height: 400px;
+    margin-left:11px;
+    background:#8090a0;
+    border-top:1px solid #cccccc;
+    border-left:1px solid #cccccc;
+    border-bottom:none;
+  }
+  input { margin-left:10px; }
+
+  .toggle {
+    background: url(data:image/png;base64,%s) no-repeat left center;
+    float:left;
+    width:9px;
+    height:9px;
+    margin:2px 1px 1px 1px;
+  }
+
+  .toggle.minus {
+    background-position: -9px 0;
+  }
+
+  .toggle.plus {
+    background-position: -18px 0;
+  }
+
+-->
 </style>

data/lib/ruby-prof/assets/call_stack_printer.js.html

@@ -1,385 +1,385 @@
-<script type="text/javascript">
-  /*
-   Copyright (C) 2005,2009  Stefan Kaes
-   skaes@railsexpress.de
-   */
-
-  function rootNode() {
-    return currentThread;
-  }
-
-  function showUL(node, show) {
-    var lis = node.childNodes;
-    var l = lis.length;
-    for (var i=0; i < l ; i++ ) {
-      toggle(lis[i], show);
-    }
-  }
-
-  function findUlChild(li){
-    var ul = li.childNodes[2];
-    while (ul && ul.nodeName != "UL") {
-      ul = ul.nextSibling;
-    }
-    return ul;
-  }
-
-  function isLeafNode(li) {
-    var img = li.firstChild;
-    return (img.className.indexOf('empty') > -1);
-  }
-
-  function toggle(li, show) {
-    if (isLeafNode(li))
-      return;
-
-    var img = li.firstChild;
-    img.className = 'toggle ';
-    img.className += show ? 'minus' : 'plus';
-
-    var ul = findUlChild(li);
-    if (ul) {
-      ul.style.display = show ? 'block' : 'none';
-      showUL(ul, true);
-    }
-  }
-
-  function toggleLI(li) {
-    var img = li.firstChild;
-    if (img.className.indexOf("minus")>-1)
-      toggle(li, false);
-    else {
-      if (img.className.indexOf("plus")>-1)
-        toggle(li, true);
-    }
-  }
-
-  function aboveThreshold(text, threshold) {
-    var match = text.match(/\d+[.,]\d+/);
-    return (match && parseFloat(match[0].replace(/,/, '.'))>=threshold);
-  }
-
-  function setThresholdLI(li, threshold) {
-    var img = li.firstChild;
-    var text = img.nextSibling.firstChild;
-    var ul = findUlChild(li);
-
-    var visible = aboveThreshold(text.nodeValue, threshold) ? 1 : 0;
-
-    var count = 0;
-    if (ul) {
-      count = setThresholdUL(ul, threshold);
-    }
-    if (count>0) {
-      img.className = 'toggle minus';
-    }
-    else {
-      img.className = 'toggle empty';
-    }
-    if (visible) {
-      li.style.display = 'block'
-    }
-    else {
-      li.style.display = 'none'
-    }
-    return visible;
-  }
-
-  function setThresholdUL(node, threshold) {
-    var lis = node.childNodes;
-    var l = lis.length;
-
-    var count = 0;
-    for ( var i = 0; i < l ; i++ ) {
-      count = count + setThresholdLI(lis[i], threshold);
-    }
-
-    var visible = (count > 0) ? 1 : 0;
-    if (visible) {
-      node.style.display = 'block';
-    }
-    else {
-      node.style.display = 'none';
-    }
-    return visible;
-  }
-
-  function toggleChildren(img, event) {
-    event.cancelBubble=true;
-    if (img.className.indexOf('empty') > -1)
-      return;
-
-    var minus = (img.className.indexOf('minus') > -1);
-
-    if (minus) {
-      img.className = 'toggle plus';
-    }
-    else
-      img.className = 'toggle minus';
-
-    var li = img.parentNode;
-    var ul = findUlChild(li);
-    if (ul) {
-      if (minus)
-        ul.style.display = 'none';
-      else
-        ul.style.display = 'block';
-    }
-    if (minus)
-      moveSelectionIfNecessary(li);
-  }
-
-  function showChildren(li) {
-    var img = li.firstChild;
-    if (img.className.indexOf('empty') > -1)
-      return;
-    img.className = 'toggle minus';
-
-    var ul = findUlChild(li);
-    if (ul) {
-      ul.style.display = 'block';
-    }
-  }
-
-  function setThreshold() {
-    var tv = document.getElementById("threshold").value;
-    if (tv.match(/[0-9]+([.,][0-9]+)?/)) {
-      var f = parseFloat(tv.replace(/,/, '.'));
-      var threads = document.getElementsByName("thread");
-      var l = threads.length;
-      for ( var i = 0; i < l ; i++ ) {
-        setThresholdUL(threads[i], f);
-      }
-      var p = selectedNode;
-      while (p && p.style.display=='none')
-        p=p.parentNode.parentNode;
-      if (p && p.nodeName=="LI")
-        selectNode(p);
-    }
-    else {
-      alert("Please specify a decimal number as threshold value!");
-    }
-  }
-
-  function expandAll(event) {
-    toggleAll(event, true);
-  }
-
-  function collapseAll(event) {
-    toggleAll(event, false);
-    selectNode(rootNode(), null);
-  }
-
-  function toggleAll(event, show) {
-    event.cancelBubble=true;
-    var threads = document.getElementsByName("thread");
-    var l = threads.length;
-    for ( var i = 0; i < l ; i++ ) {
-      showUL(threads[i], show);
-    }
-  }
-
-  function toggleHelp(node) {
-    var help = document.getElementById("help");
-    if (node.value == "Show Help") {
-      node.value = "Hide Help";
-      help.style.display = 'block';
-    }
-    else {
-      node.value = "Show Help";
-      help.style.display = 'none';
-    }
-  }
-
-  var selectedNode = null;
-  var selectedColor = null;
-  var selectedThread = null;
-
-  function descendentOf(a,b){
-    while (a!=b && b!=null)
-      b=b.parentNode;
-    return (a==b);
-  }
-
-  function moveSelectionIfNecessary(node){
-    if (descendentOf(node, selectedNode))
-      selectNode(node, null);
-  }
-
-  function selectNode(node, event) {
-    if (event) {
-      event.cancelBubble = true;
-      thread = findThread(node);
-      selectThread(thread);
-    }
-    if (selectedNode) {
-      selectedNode.style.background = selectedColor;
-    }
-    selectedNode = node;
-    selectedColor = node.style.background;
-    selectedNode.style.background = "red";
-    selectedNode.scrollIntoView();
-    window.scrollBy(0,-400);
-  }
-
-  function moveUp(){
-    move(selectedNode.previousSibling);
-  }
-
-  function moveDown(){
-    move(selectedNode.nextSibling);
-  }
-
-  function move(p) {
-    while (p && p.style.display == 'none')
-      p = p.nextSibling;
-    if (p && p.nodeName == "LI") {
-      selectNode(p, null);
-    }
-  }
-
-  function moveLeft(){
-    var p = selectedNode.parentNode.parentNode;
-    if (p && p.nodeName=="LI") {
-      selectNode(p, null);
-    }
-  }
-
-  function moveRight(){
-    if (!isLeafNode(selectedNode)) {
-      showChildren(selectedNode);
-      var ul = findUlChild(selectedNode);
-      if (ul) {
-        selectNode(ul.firstChild, null);
-      }
-    }
-  }
-
-  function moveForward(){
-    if (isLeafNode(selectedNode)) {
-      var p = selectedNode;
-      while ((p.nextSibling == null || p.nextSibling.style.display=='none') && p.nodeName=="LI") {
-        p = p.parentNode.parentNode;
-      }
-      if (p.nodeName=="LI")
-        selectNode(p.nextSibling, null);
-    }
-    else {
-      moveRight();
-    }
-  }
-
-  function isExpandedNode(li){
-    var img = li.firstChild;
-    return(img.className.indexOf('minus')>-1);
-  }
-
-  function moveBackward(){
-    var p = selectedNode;
-    var q = p.previousSibling;
-    while (q != null && q.style.display=='none')
-      q = q.previousSibling;
-    if (q == null) {
-      p = p.parentNode.parentNode;
-    } else {
-      while (!isLeafNode(q) && isExpandedNode(q)) {
-        q = findUlChild(q).lastChild;
-        while (q.style.display=='none')
-          q = q.previousSibling;
-      }
-      p = q;
-    }
-    if (p.nodeName=="LI")
-      selectNode(p, null);
-  }
-
-  function moveHome() {
-    selectNode(currentThread);
-  }
-
-  var currentThreadIndex = null;
-
-  function findThread(node){
-    while (node && !node.parentNode.nodeName.match(/BODY|DIV/g)) {
-      node = node.parentNode;
-    }
-    return node.firstChild;
-  }
-
-  function selectThread(node){
-    var threads = document.getElementsByName("thread");
-    currentThread = node;
-    for (var i=0; i<threads.length; i++) {
-      if (threads[i]==currentThread.parentNode)
-        currentThreadIndex = i;
-    }
-  }
-
-  function nextThread(){
-    var threads = document.getElementsByName("thread");
-    if (currentThreadIndex==threads.length-1)
-      currentThreadIndex = 0;
-    else
-      currentThreadIndex += 1
-    currentThread = threads[currentThreadIndex].firstChild;
-    selectNode(currentThread, null);
-  }
-
-  function previousThread(){
-    var threads = document.getElementsByName("thread");
-    if (currentThreadIndex==0)
-      currentThreadIndex = threads.length-1;
-    else
-      currentThreadIndex -= 1
-    currentThread = threads[currentThreadIndex].firstChild;
-    selectNode(currentThread, null);
-  }
-
-  function switchThread(node, event){
-    event.cancelBubble = true;
-    selectThread(node.nextSibling.firstChild);
-    selectNode(currentThread, null);
-  }
-
-  function handleKeyEvent(event){
-    var code = event.charCode ? event.charCode : event.keyCode;
-    var str = String.fromCharCode(code);
-    switch (str) {
-      case "a": moveLeft();  break;
-      case "s": moveDown();  break;
-      case "d": moveRight(); break;
-      case "w": moveUp();    break;
-      case "f": moveForward(); break;
-      case "b": moveBackward(); break;
-      case "x": toggleChildren(selectedNode.firstChild, event); break;
-      case "*": toggleLI(selectedNode); break;
-      case "n": nextThread(); break;
-      case "h": moveHome(); break;
-      case "p": previousThread(); break;
-    }
-  }
-  document.onkeypress=function(event){ handleKeyEvent(event) };
-
-  window.onload=function(){
-    var images = document.querySelectorAll(".toggle");
-    for (var i=0; i<images.length; i++) {
-      var img = images[i];
-        img.onclick = function(event){ toggleChildren(this, event); return false; };
-    }
-    var divs = document.getElementsByTagName("div");
-    for (i=0; i<divs.length; i++) {
-      var div = divs[i];
-      if (div.className == "thread")
-        div.onclick = function(event){ switchThread(this, event) };
-    }
-    var lis = document.getElementsByTagName("li");
-    for (var i=0; i<lis.length; i++) {
-      lis[i].onclick = function(event){ selectNode(this, event); };
-    }
-    var threads = document.getElementsByName("thread");;
-    currentThreadIndex = 0;
-    currentThread = threads[0].firstChild;
-    selectNode(currentThread, null);
-  };
-
+<script type="text/javascript">
+  /*
+   Copyright (C) 2005,2009  Stefan Kaes
+   skaes@railsexpress.de
+   */
+
+  function rootNode() {
+    return currentThread;
+  }
+
+  function showUL(node, show) {
+    var lis = node.childNodes;
+    var l = lis.length;
+    for (var i=0; i < l ; i++ ) {
+      toggle(lis[i], show);
+    }
+  }
+
+  function findUlChild(li){
+    var ul = li.childNodes[2];
+    while (ul && ul.nodeName != "UL") {
+      ul = ul.nextSibling;
+    }
+    return ul;
+  }
+
+  function isLeafNode(li) {
+    var img = li.firstChild;
+    return (img.className.indexOf('empty') > -1);
+  }
+
+  function toggle(li, show) {
+    if (isLeafNode(li))
+      return;
+
+    var img = li.firstChild;
+    img.className = 'toggle ';
+    img.className += show ? 'minus' : 'plus';
+
+    var ul = findUlChild(li);
+    if (ul) {
+      ul.style.display = show ? 'block' : 'none';
+      showUL(ul, true);
+    }
+  }
+
+  function toggleLI(li) {
+    var img = li.firstChild;
+    if (img.className.indexOf("minus")>-1)
+      toggle(li, false);
+    else {
+      if (img.className.indexOf("plus")>-1)
+        toggle(li, true);
+    }
+  }
+
+  function aboveThreshold(text, threshold) {
+    var match = text.match(/\d+[.,]\d+/);
+    return (match && parseFloat(match[0].replace(/,/, '.'))>=threshold);
+  }
+
+  function setThresholdLI(li, threshold) {
+    var img = li.firstChild;
+    var text = img.nextSibling.firstChild;
+    var ul = findUlChild(li);
+
+    var visible = aboveThreshold(text.nodeValue, threshold) ? 1 : 0;
+
+    var count = 0;
+    if (ul) {
+      count = setThresholdUL(ul, threshold);
+    }
+    if (count>0) {
+      img.className = 'toggle minus';
+    }
+    else {
+      img.className = 'toggle empty';
+    }
+    if (visible) {
+      li.style.display = 'block'
+    }
+    else {
+      li.style.display = 'none'
+    }
+    return visible;
+  }
+
+  function setThresholdUL(node, threshold) {
+    var lis = node.childNodes;
+    var l = lis.length;
+
+    var count = 0;
+    for ( var i = 0; i < l ; i++ ) {
+      count = count + setThresholdLI(lis[i], threshold);
+    }
+
+    var visible = (count > 0) ? 1 : 0;
+    if (visible) {
+      node.style.display = 'block';
+    }
+    else {
+      node.style.display = 'none';
+    }
+    return visible;
+  }
+
+  function toggleChildren(img, event) {
+    event.cancelBubble=true;
+    if (img.className.indexOf('empty') > -1)
+      return;
+
+    var minus = (img.className.indexOf('minus') > -1);
+
+    if (minus) {
+      img.className = 'toggle plus';
+    }
+    else
+      img.className = 'toggle minus';
+
+    var li = img.parentNode;
+    var ul = findUlChild(li);
+    if (ul) {
+      if (minus)
+        ul.style.display = 'none';
+      else
+        ul.style.display = 'block';
+    }
+    if (minus)
+      moveSelectionIfNecessary(li);
+  }
+
+  function showChildren(li) {
+    var img = li.firstChild;
+    if (img.className.indexOf('empty') > -1)
+      return;
+    img.className = 'toggle minus';
+
+    var ul = findUlChild(li);
+    if (ul) {
+      ul.style.display = 'block';
+    }
+  }
+
+  function setThreshold() {
+    var tv = document.getElementById("threshold").value;
+    if (tv.match(/[0-9]+([.,][0-9]+)?/)) {
+      var f = parseFloat(tv.replace(/,/, '.'));
+      var threads = document.getElementsByName("thread");
+      var l = threads.length;
+      for ( var i = 0; i < l ; i++ ) {
+        setThresholdUL(threads[i], f);
+      }
+      var p = selectedNode;
+      while (p && p.style.display=='none')
+        p=p.parentNode.parentNode;
+      if (p && p.nodeName=="LI")
+        selectNode(p);
+    }
+    else {
+      alert("Please specify a decimal number as threshold value!");
+    }
+  }
+
+  function expandAll(event) {
+    toggleAll(event, true);
+  }
+
+  function collapseAll(event) {
+    toggleAll(event, false);
+    selectNode(rootNode(), null);
+  }
+
+  function toggleAll(event, show) {
+    event.cancelBubble=true;
+    var threads = document.getElementsByName("thread");
+    var l = threads.length;
+    for ( var i = 0; i < l ; i++ ) {
+      showUL(threads[i], show);
+    }
+  }
+
+  function toggleHelp(node) {
+    var help = document.getElementById("help");
+    if (node.value == "Show Help") {
+      node.value = "Hide Help";
+      help.style.display = 'block';
+    }
+    else {
+      node.value = "Show Help";
+      help.style.display = 'none';
+    }
+  }
+
+  var selectedNode = null;
+  var selectedColor = null;
+  var selectedThread = null;
+
+  function descendentOf(a,b){
+    while (a!=b && b!=null)
+      b=b.parentNode;
+    return (a==b);
+  }
+
+  function moveSelectionIfNecessary(node){
+    if (descendentOf(node, selectedNode))
+      selectNode(node, null);
+  }
+
+  function selectNode(node, event) {
+    if (event) {
+      event.cancelBubble = true;
+      thread = findThread(node);
+      selectThread(thread);
+    }
+    if (selectedNode) {
+      selectedNode.style.background = selectedColor;
+    }
+    selectedNode = node;
+    selectedColor = node.style.background;
+    selectedNode.style.background = "red";
+    selectedNode.scrollIntoView();
+    window.scrollBy(0,-400);
+  }
+
+  function moveUp(){
+    move(selectedNode.previousSibling);
+  }
+
+  function moveDown(){
+    move(selectedNode.nextSibling);
+  }
+
+  function move(p) {
+    while (p && p.style.display == 'none')
+      p = p.nextSibling;
+    if (p && p.nodeName == "LI") {
+      selectNode(p, null);
+    }
+  }
+
+  function moveLeft(){
+    var p = selectedNode.parentNode.parentNode;
+    if (p && p.nodeName=="LI") {
+      selectNode(p, null);
+    }
+  }
+
+  function moveRight(){
+    if (!isLeafNode(selectedNode)) {
+      showChildren(selectedNode);
+      var ul = findUlChild(selectedNode);
+      if (ul) {
+        selectNode(ul.firstChild, null);
+      }
+    }
+  }
+
+  function moveForward(){
+    if (isLeafNode(selectedNode)) {
+      var p = selectedNode;
+      while ((p.nextSibling == null || p.nextSibling.style.display=='none') && p.nodeName=="LI") {
+        p = p.parentNode.parentNode;
+      }
+      if (p.nodeName=="LI")
+        selectNode(p.nextSibling, null);
+    }
+    else {
+      moveRight();
+    }
+  }
+
+  function isExpandedNode(li){
+    var img = li.firstChild;
+    return(img.className.indexOf('minus')>-1);
+  }
+
+  function moveBackward(){
+    var p = selectedNode;
+    var q = p.previousSibling;
+    while (q != null && q.style.display=='none')
+      q = q.previousSibling;
+    if (q == null) {
+      p = p.parentNode.parentNode;
+    } else {
+      while (!isLeafNode(q) && isExpandedNode(q)) {
+        q = findUlChild(q).lastChild;
+        while (q.style.display=='none')
+          q = q.previousSibling;
+      }
+      p = q;
+    }
+    if (p.nodeName=="LI")
+      selectNode(p, null);
+  }
+
+  function moveHome() {
+    selectNode(currentThread);
+  }
+
+  var currentThreadIndex = null;
+
+  function findThread(node){
+    while (node && !node.parentNode.nodeName.match(/BODY|DIV/g)) {
+      node = node.parentNode;
+    }
+    return node.firstChild;
+  }
+
+  function selectThread(node){
+    var threads = document.getElementsByName("thread");
+    currentThread = node;
+    for (var i=0; i<threads.length; i++) {
+      if (threads[i]==currentThread.parentNode)
+        currentThreadIndex = i;
+    }
+  }
+
+  function nextThread(){
+    var threads = document.getElementsByName("thread");
+    if (currentThreadIndex==threads.length-1)
+      currentThreadIndex = 0;
+    else
+      currentThreadIndex += 1
+    currentThread = threads[currentThreadIndex].firstChild;
+    selectNode(currentThread, null);
+  }
+
+  function previousThread(){
+    var threads = document.getElementsByName("thread");
+    if (currentThreadIndex==0)
+      currentThreadIndex = threads.length-1;
+    else
+      currentThreadIndex -= 1
+    currentThread = threads[currentThreadIndex].firstChild;
+    selectNode(currentThread, null);
+  }
+
+  function switchThread(node, event){
+    event.cancelBubble = true;
+    selectThread(node.nextSibling.firstChild);
+    selectNode(currentThread, null);
+  }
+
+  function handleKeyEvent(event){
+    var code = event.charCode ? event.charCode : event.keyCode;
+    var str = String.fromCharCode(code);
+    switch (str) {
+      case "a": moveLeft();  break;
+      case "s": moveDown();  break;
+      case "d": moveRight(); break;
+      case "w": moveUp();    break;
+      case "f": moveForward(); break;
+      case "b": moveBackward(); break;
+      case "x": toggleChildren(selectedNode.firstChild, event); break;
+      case "*": toggleLI(selectedNode); break;
+      case "n": nextThread(); break;
+      case "h": moveHome(); break;
+      case "p": previousThread(); break;
+    }
+  }
+  document.onkeypress=function(event){ handleKeyEvent(event) };
+
+  window.onload=function(){
+    var images = document.querySelectorAll(".toggle");
+    for (var i=0; i<images.length; i++) {
+      var img = images[i];
+        img.onclick = function(event){ toggleChildren(this, event); return false; };
+    }
+    var divs = document.getElementsByTagName("div");
+    for (i=0; i<divs.length; i++) {
+      var div = divs[i];
+      if (div.className == "thread")
+        div.onclick = function(event){ switchThread(this, event) };
+    }
+    var lis = document.getElementsByTagName("li");
+    for (var i=0; i<lis.length; i++) {
+      lis[i].onclick = function(event){ selectNode(this, event); };
+    }
+    var threads = document.getElementsByName("thread");;
+    currentThreadIndex = 0;
+    currentThread = threads[0].firstChild;
+    selectNode(currentThread, null);
+  };
+
 </script>