Adds new assets for dynamic headers

[rbdr/r.bdr.sh] / jekyll / js / unlimited_pizza.js

'use strict';

Class("UnlimitedPizza").inherits(Widget)({

  /**
   * Gets instance, creates it if not available.
   */
  instance : function getInstance(config) {
    if (!this._mainInstance) {
      this._mainInstance = new this(config);
    }
    return this._mainInstance;
  },

  prototype : {
    _loaded : false,

    init : function (config) {
      Widget.prototype.init.call(this, config)

      this._bindInternalEvents();
    },

    _bindInternalEvents : function bindInternalEvents() {
      this.bind('activate', this._onActivate.bind(this));
    },

    _onActivate : function _activate() {
      // If this is the first time activating it... then load
      if (!this._loaded) {
        this._load();
      }
    },

    /*
     * Loads everything.
     */
    _load : function _load() {

      // Melty cheese is our header image widget.
      this._loadMeltyCheese();
    },

    _loadMeltyCheese : function() {
      this.element.find('.post-image').each(function (i, headerElement) {

        // Create and activate
        this.appendChild(new UnlimitedPizza.MeltyCheese({
          element : $(headerElement),
          name : 'header-' + i
        }));
        this['header-' + i].activate();
      }.bind(this));
    }
  }
});