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;
        }
    }
}
var newnode = document.createElement('DIV');
document.getElementById("content").insertBefore(newnode, document.getElementById(firstpost));
       
function colorcell(post,col1,col2){
    var 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[1].firstChild.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('table');
        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);
}