(function(){
window.onload = function(){
   var ct;
   var canvas = document.getElementById('c');
   ct = new Centi('ct');
   ct.init(canvas, null);
   ct.setupFunc = init;
   ct.drawFunc = draw;
  ct.beatFunc = beat;
   ct.start();

   requestAnimationFrame(update);

   function init(){
      ct.sz(1,1);
      ct.bg(0);
     ct.bpm(120,32);
      ct.arr = [];
     ct.colors = [0x1661B1,0x3E5D7E,0x81E4E3,0xE7633E,0xB10D00,0xF6ED9E, 0xF1B02F,0xF2811C,0xF23810,0x333333,0xFFFFFF];
   }
  
  function beat(){
    addRect(ct.arr);
  }
  
  function addRect(arr){
    var l = arr.length;
    if ( l == 0 ) {
      var rect = {};
      rect.x = 0;
      rect.y = 0;
      rect.w = ct.w;
      rect.h = ct.h;
      rect.col = ct.colors[Math.floor(ct.rand(ct.colors.length))];
      arr.push(rect);
    } else {
      if (ct.arr.length > 50 ) {
        var temp = [];
        for ( var i=0; i<l; i++ ) {
          ct.arr[i].x *= 2;
          ct.arr[i].y *= 2;
          ct.arr[i].w *= 2;
          ct.arr[i].h *= 2;
          if(ct.arr[i].x < ct.w && ct.arr[i].y < ct.h ) {
            temp.push(ct.arr[i]);
          }
        }
        ct.arr = temp;
        l = ct.arr.length;
      }
      var rand = arr[Math.floor(ct.rand(l))];
      var pre_rand = clone(rand);
      var dice = Math.floor(ct.rand(4));
      var rect = {};
      var target;
      rect.col = ct.colors[Math.floor(ct.rand(ct.colors.length))];
      if ( dice == 0 ) {
        pre_rand.w /= 2;
        rect.x = pre_rand.x + pre_rand.w;
        rect.y = pre_rand.y;
        rect.w = pre_rand.w;
        rect.h = pre_rand.h;
        target = clone(rect);
        
        rect.x = rand.x + rand.w;
        rect.w = 0;
        
      } else if ( dice == 1 ) {
        pre_rand.h /= 2;
        rect.x = pre_rand.x;
        rect.y = pre_rand.y + pre_rand.h;
        rect.w = pre_rand.w;
        rect.h = pre_rand.h;
        target = clone(rect);
        
        rect.y = rand.y + rand.h;
        rect.h = 0;
        
      } else if ( dice == 2 ) {
        pre_rand.w /= 2;
        rect.x = pre_rand.x;
        rect.y = pre_rand.y;
        rect.w = pre_rand.w;
        rect.h = pre_rand.h;
        pre_rand.x += pre_rand.w;
        target = clone(rect);
        
        rect.x = rand.x;
        rect.w = 0;
      } else if ( dice == 3 ) {
        pre_rand.h /= 2;
        rect.x = pre_rand.x;
        rect.y = pre_rand.y;
        rect.w = pre_rand.w;
        rect.h = pre_rand.h;
        
        pre_rand.y += pre_rand.h;
        
        target = clone(rect);
        
        rect.y = rand.y;
        rect.h = 0;
      }
      arr.push(rect);
      
      ct.tween(rect).to(target,50).easing(ct.ExpoOut).start();
      ct.tween(rand).to(pre_rand,50).easing(ct.ExpoOut).start();
      
      
    }
  }
  
   function draw(){
     
     ct.clear();
      ct.col(255);
     var l = ct.arr.length; 
     for ( var i=0; i<l; i++ ) {
       ct.hcol(ct.arr[i].col);
        ct.rect(ct.arr[i].x, ct.arr[i].y, ct.arr[i].w-1, ct.arr[i].h-1);
      }
   }
  
   function update(){
       requestAnimationFrame(update);
       ct.update();
   }

   if ( window.addEventListener ) {
       window.addEventListener('resize', onResize, false);
   } else if ( window.onresize ) {
       window.onresize = onResize;
   }

   function onResize(){
       ct.size(ct.sizeW, ct.sizeH);
   }
};
})();


var clone = (function() {
    function createMemo() {
        return {
            'Object': [],
            'Array' : [],
            'Function': [],
            'Error': [],
            'Date': [],
            'RegExp': [],
            'Boolean': [],
            'String': [],
            'Number': [],
        };
    }
    var memo = createMemo();
    function clone(object, prototypes) {
        if(object === null || (typeof object !== 'object' && typeof object !== 'function')) {
            return object;
        }
        if(typeOf(prototypes) === 'Array'){
            for(var i = 0, len = prototypes.length; i < len; i++) {
                if(Object.getPrototypeOf(object) === prototypes[i]) {
                    return object;
                }
            }
        }
        if(object instanceof Node){
            return cloneNode(object);
        }
        var cloneObj;
        var type = typeOf(object);
        switch(type) {
            case 'Object':
                cloneObj = Object.create(Object.getPrototypeOf(object));
                break;
            case 'Array':
                cloneObj = [];
                break;
            case 'Function':
                try {
                    eval("cloneObj = " + object.toString());
                }catch(e) {
                    return object;
                }
                break;
            case 'Error':
                cloneObj = new Object.getPrototypeOf(object).constructor();
            case 'Date':
                cloneObj = new Date(object.valueOf());
                break;
            case 'RegExp':
                cloneObj = new RegExp(object.valueOf());
                break;
            case 'Boolean':
            case 'String':
            case 'Number':
                cloneObj = new Object(object.valueOf());
                break;
            default:
                return object;
        }
        for(var i = 0, len = memo[type].length; i < len; i++) {
            if(memo[type][i][0] === object) {
                return memo[type][i][1];
            }
        }
        memo[type].push([object, cloneObj]);
 
        var properties = Object.getOwnPropertyNames(object);
        for(var i = 0, len = properties.length; i < len; i++) {
            var prop = properties[i];
            cloneObj[prop] = clone(object[prop], prototypes);
        }
        return cloneObj;
    }
    function typeOf(operand) {
        return Object.prototype.toString.call(operand).slice(8, -1);
    }
    function cloneNode(node) {
        if(node.tagName === 'SCRIPT') {
            return cloneScript(node);
        }
        var clone = node.cloneNode();
        if(node.firstChild) {
            var childNodes = node.childNodes;
            for(var i = 0, len = childNodes.length; i < len; i++) {
                clone.appendChild(cloneNode(childNodes[i]));
            }
        }
        return clone;
    }
    function cloneScript(element) {
        var script = document.createElement('script');
        var attrs = element.attributes;
        for(var i = 0, len = attrs.length; i < len; i++) {
            var attr = attrs[i];
            script.setAttribute(attr.name, attr.value);
        }
        script.innerHTML = element.innerHTML;
        return script;
    }
 
    return function(object, prototypes) {
        memo = createMemo();
        return clone(object, prototypes);
    }
})();