<html> <head> <title>christree</title> </head> <body
style="background:#111"> <script type='text/javascript'> var $ =
function(){ var dom = {}; return { get : function($){ if(!dom[$]) dom[$]
= document.getElementById($); return dom[$]; } ,apply :
function(s,t,d){ if(t && typeof t == 'object') $.apply(s,d) if(s && t &&
typeof s == 'object' && typeof t == 'object'){ for(var i in t){s[i] =
t[i]} } return s; } ,createEl : function(attribute,tag){ if(!tag) tag =
"DIV"; var el = document.createElement(tag); $.apply(el,attribute);
return el; } } }() var chrisTree =
function(params){ $.apply(this.param,params || {})
this.__construct(); } chrisTree.prototype = { param : {} ,__construct :
function(){ var x = this.param.x,y = this.param.y,xy=[]; for(var
i=0;i<7;i++){ xy = this.createTree(x,y,i/4) x = xy[0]; y = xy[1]; }
this.createRoot(x,y,xy[2]); } ,createTree : function(x,y,level){ var lel
= level || 0.1 for(i=0;i<110*lel;i+=10){ for(j=i-10;j<2*i;j+=10){ var el
= $.createEl({ id : "div_"+x+"_"+i+"_"+y+"_"+j },"span");
el.style.cssText = "width:5px;height:5px;position:absolute;left:"+(x -