function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  }
  else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  var colours = Array("", "orange", "limegreen", "orangered", "orchid", "lightskyblue", "khaki", "salmon", "peru", "darkblue", "gold", "red", "mediumorchid", "mediumseagreen", "mediumslateblue", "palegreen", "indianred", "lavender", "yellow", "burlywood", "lightsteelblue", "lime", "magenta", "lightpink", "darkslateblue", "gray", "royalblue", "yellowgreen", "darkorchid", "cyan", "indigo", "lightgrey", "crimson", "bisque", "lightseagreen", "blue", "darkorange", "deeppink", "seagreen", "lightblue", "purple", "blanchedalmond", "goldenrod", "mediumvioletred", "steelblue", "pink", "chartreuse", "darkred", "darkkhaki", "plum", "olivedrab", "mediumturquoise", "maroon", "lightsalmon", "dodgerblue", "firebrick", "greenyellow", "violet", "darkcyan", "skyblue", "peachpuff", "mediumblue", "lightcoral", "dimgray", "wheat", "springgreen", "slateblue", "darkmagenta", "deepskyblue", "chocolate", "palevioletred", "silver", "darkgoldenrod", "darkolivegreen", "blueviolet", "coral", "cornflowerblue", "lawngreen", "lightgoldenrodyellow", "olive", "rosybrown", "tomato", "darkseagreen", "darkviolet", "paleturquoise", "fuchsia", "green", "brown", "mediumspringgreen", "mediumpurple", "navy", "thistle", "darkgreen", "darksalmon", "aqua", "saddlebrown", "hotpink", "navajowhite", "cadetblue", "sienna", "midnightblue", "tan", "teal", "palegoldenrod", "lightgreen", "darkgray", "black", "turquoise", "moccasin", "lightslategray", "antiquewhite", "darkturquoise", "aquamarine", "darkslategray", "mistyrose", "slategray", "forestgreen", "mediumaquamarine", "papayawhip", "powderblue", "gainsboro"); 
  var posts = document.getElementsByTagName('a');
  var cNode = (navigator.appName == "Microsoft Internet Explorer") ? 2 : 3; //ie (=(cNode[ff]+1)/2)
  var colourpointer = 1, currentlevel = 0, col2 = 1;
  var level = new Array(1, 1);
  for (var i=0; i<posts.length; i++) {
    var str=posts[i].id;
    var isno = str.substr(1);
    if (isp = str.substr(0, 1) == 'p' && isno.search(/^-?[0-9]+$/) == 0) {
      oldlevel = currentlevel;
      currentlevel = whichlevel(posts[i], 0);
      shiftl = currentlevel-oldlevel;
      if (shiftl == 1) {
        level.push(++colourpointer);    
      }
      if (shiftl <0) {
        for(var j = shiftl; j < 0; j++) {
          level.pop();
        }
      }
      col2 = (!haschildposts(posts[i]) && col2 != 1) ? 0 : colourpointer;              
      colorcell(posts[i], level[level.length - 1] - 1, col2);
      if (colourpointer == 1) { //first post
        var firstpost = str;
      }
    }
  }

  function colorcell(post, col1, col2) {
    var output = post.nextSibling.firstChild.childNodes[0].innerHTML;
    output += "<div style='position:relative; cursor:hand; cursor:pointer; width:36px; height:36px;'><div onclick='shuffle(\"" + colours[col1] + "\")' style='background-color:" + colours[col1] + "; height:35px; width:35px; position:absolute; left:0px; top:0px;'></div>";
    output += (col2 == 0) ? "" : "<div onclick='shuffle(\"" + colours[col2] + "\")' style='background-color:" + colours[col2] + "; height:25px; width:25px; position:absolute; left:10px; top:10px;'></div>";
    output += "</div>";
    post.nextSibling.firstChild.childNodes[0].innerHTML = output;
    post.nextSibling.className = post.nextSibling.className + " collapse-post-" + colours[col1] + " collapse-post-" + colours[col2];
  }

  function haschildposts(node) {
    if (node.parentNode.childNodes[cNode]) {
      return (node.parentNode.childNodes[cNode].className =='indent') ? true : false;
    }
  }

  function whichlevel(node, count) {
    if (node && node.parentNode && node.parentNode.className=='indent') {
      count = whichlevel(node.parentNode, ++count);
    }
    return count;      
  }

});

function shuffle(cl) {
  var base = new RegExp('\\b(collapse-post-)\\b');          
  var myclass = new RegExp('\\b(collapse-post-)'+cl+'\\b');
  var elem = document.getElementsByTagName('div');
  for (var i = 0; i < elem.length; i++) {
    var classes = elem[i].className;
    if (base.test(classes)) {
      elem[i].style.display =  (myclass.test(classes))?'block':'none';
    }
  }
  window.scroll(0, 0);
}