(function(){
  
  /* init variables */
  var colors = ['red','blue','yellow'],
      minRowCols = 4,
      maxRowCols = 6,
      recursionChance = .20,
      recursionDepreciationRate = .20;
  
  /* helper functions */
   
  // returns table with # of rows & columns between min & max
  var generateMondrianTable = function(min, max, chance){      
    var numRows = Math.floor(Math.random() * (max + 1 - min) + min);
    var numCols = Math.floor(Math.random() * (max + 1 - min) + min);
    
    // create this table
    var $thisTable = $('<table border="0" cellpadding="0" cellspacing="0">');
    
    // append rows to this table
    for ( var i = 0; i < numRows; i++ ) {
      $thisTable.append('<tr></tr>');
    }
    
    // append cells to each of this table's rows
    $thisTable.find('tr').each(function(){
      for ( var j = 0; j < numCols; j++ ) {
        $(this).append('<td> </td>');
      }
    }); 
    
    // for each lucky cell, generate a new table
    $thisTable.find('td').each(function(){
      var feelingLucky = (Math.random() < chance) ? true : false;
       
      if ( feelingLucky ) {
        var newerTable = generateMondrianTable(1, 3, chance * recursionDepreciationRate);
        console.log(newerTable, chance * recursionChance);
        $(this).append(newerTable);
      }
    });
    
    return $thisTable;
  };
  
  
  /* let's make some friggin art */
  
  // get the "frame"
  var $frame = $('.frame');
  
  // paint in each "frame"
  $frame.each(function(){
    
    // generate initial table
    var newTable = generateMondrianTable(minRowCols, maxRowCols, recursionChance);
    $frame.append(newTable);
    
    // randomly color cells
    
    // randomly size cells
    
    // randomly size rows
    
    // randomly set borders
    
  });
  
  
 
})();