bah.js

var DSB = {};


DSB.buildBoxes = function( count ) {
  for( var _i = 0; _i < count; _i++ ) {
    var el = document.getElementById("content");
    var box = document.createElement("div");
    
    box.classList.add("box");
    el.appendChild(box);
  }
};


DSB.setBoundaries = function() {
  var el = document.getElementById("content");
  
  DSB.boundaries = {
    top: el.offsetTop,
    left: el.offsetLeft,
    bottom: el.offsetTop + el.clientHeight,
    right: el.offsetLeft + el.clientWidth
  };
  
  return;
};


window.addEventListener("resize", function() {
  DSB.setBoundaries();
});


document.addEventListener("DOMContentLoaded", function() {
  DSB.buildBoxes(10);
});