widget.js

window.utils = window.utils || {};

utils.Grid = function() {
  // Defaults
  var that = this;
  this.idealColumnWidth = 320;
  this.marginHoriz = 15;
    
  // Public Interface
  var setupGrid = function(opts) {
    this.containerWidth = opts.containerWidth;
    calculateColumnCount();
    calculateColumnWidth();
    calculateScaleFactor();
  };
  
  // Private Interface
  var calculateColumnCount = function() {
   
    var columns = Math.floor( this.containerWidth / this.idealColumnWidth );
    if (columns < 1) {
      columns = 1;
    };
    this.numberOfColumns = columns;
  };
  
  var calculateScaleFactor = function() {
    this.scaleFactor = this.columnWidth / this.idealColumnWidth
  };
  
  var calculateColumnWidth = function() {
    this.columnWidth = Math.floor(
      (this.containerWidth / this.numberOfColumns) - this.marginHoriz/2
    );
  }
  
  var exports = { 
    setupGrid: setupGrid,
    numberOfColumns: numberOfColumns,
    scaleFactor: scaleFactor
  }
  return exports;
}