1 files changed, 635 insertions, 594 deletions

diff --git a/js/slide-deck.js b/js/slide-deck.js
index d792ddd..67aa4f2 100644
--- a/js/slide-deck.js
+++ b/js/slide-deck.js
@@ -3,32 +3,32 @@
  * @authors Eric Bidelman
  * @fileoverview TODO
  */
-document.cancelFullScreen = document.webkitCancelFullScreen ||
-                            document.mozCancelFullScreen;
+document.cancelFullScreen = document.webkitCancelFullScreen
+                || document.mozCancelFullScreen;
 
 /**
  * @constructor
  */
 function SlideDeck(el) {
-  this.curSlide_ = 0;
-  this.prevSlide_ = 0;
-  this.config_ = null;
-  this.container = el || document.querySelector('slides');
-  this.slides = [];
-  this.controller = null;
+        this.curSlide_ = 0;
+        this.prevSlide_ = 0;
+        this.config_ = null;
+        this.container = el || document.querySelector('slides');
+        this.slides = [];
+        this.controller = null;
 
-  this.getCurrentSlideFromHash_();
+        this.getCurrentSlideFromHash_();
 
-  // Call this explicitly. Modernizr.load won't be done until after DOM load.
-  this.onDomLoaded_.bind(this)();
+        // Call this explicitly. Modernizr.load won't be done until after DOM load.
+        this.onDomLoaded_.bind(this)();
 }
 
 /**
  * @const
  * @private
  */
-SlideDeck.prototype.SLIDE_CLASSES_ = [
-  'far-past', 'past', 'current', 'next', 'far-next'];
+SlideDeck.prototype.SLIDE_CLASSES_ = [ 'far-past', 'past', 'current', 'next',
+                'far-next' ];
 
 /**
  * @const
@@ -40,744 +40,785 @@ SlideDeck.prototype.CSS_DIR_ = 'theme/css/';
  * @private
  */
 SlideDeck.prototype.getCurrentSlideFromHash_ = function() {
-  var slideNo = parseInt(document.location.hash.substr(1));
+        var slideNo = parseInt(document.location.hash.substr(1));
 
-  if (slideNo) {
-    this.curSlide_ = slideNo - 1;
-  } else {
-    this.curSlide_ = 0;
-  }
+        if (slideNo) {
+                this.curSlide_ = slideNo - 1;
+        } else {
+                this.curSlide_ = 0;
+        }
 };
 
 /**
- * @param {number} slideNo
+ * @param {number}
+ *            slideNo
  */
 SlideDeck.prototype.loadSlide = function(slideNo) {
-  if (slideNo) {
-    this.curSlide_ = slideNo - 1;
-    this.updateSlides_();
-  }
+        if (slideNo) {
+                this.curSlide_ = slideNo - 1;
+                this.updateSlides_();
+        }
 };
 
 /**
  * @private
  */
 SlideDeck.prototype.onDomLoaded_ = function(e) {
-  document.body.classList.add('loaded'); // Add loaded class for templates to use.
-
-  this.slides = this.container.querySelectorAll('slide:not([hidden]):not(.hidden):not(.backdrop)');
-
-  // If we're on a smartphone, apply special sauce.
-  if (Modernizr.mq('only screen and (max-device-width: 480px)')) {
-    // var style = document.createElement('link');
-    // style.rel = 'stylesheet';
-    // style.type = 'text/css';
-    // style.href = this.CSS_DIR_ + 'phone.css';
-    // document.querySelector('head').appendChild(style);
-
-    // No need for widescreen layout on a phone.
-    this.container.classList.remove('layout-widescreen');
-  }
-
-  this.loadConfig_(SLIDE_CONFIG);
-  this.addEventListeners_();
-  this.updateSlides_();
-
-  // Add slide numbers and total slide count metadata to each slide.
-  var that = this;
-  for (var i = 0, slide; slide = this.slides[i]; ++i) {
-    slide.dataset.slideNum = i + 1;
-    slide.dataset.totalSlides = this.slides.length;
-
-    slide.addEventListener('click', function(e) {
-      if (document.body.classList.contains('overview')) {
-        that.loadSlide(this.dataset.slideNum);
-        e.preventDefault();
-        window.setTimeout(function() {
-          that.toggleOverview();
-        }, 500);
-      }
-    }, false);
-  }
-
-  // Note: this needs to come after addEventListeners_(), which adds a
-  // 'keydown' listener that this controller relies on.
-
-  // Modernizr.touch isn't a sufficient check for devices that support both
-  // touch and mouse. Create the controller in all cases.
-  // // Also, no need to set this up if we're on mobile.
-  // if (!Modernizr.touch) {
-    this.controller = new SlideController(this);
-    if (this.controller.isPopup) {
-      document.body.classList.add('popup');
-    }
-  //}
+        document.body.classList.add('loaded'); // Add loaded class for templates to
+                                                                                        // use.
+
+        this.slides = this.container
+                        .querySelectorAll('slide:not([hidden]):not(.hidden):not(.backdrop)');
+
+        // If we're on a smartphone, apply special sauce.
+        if (Modernizr.mq('only screen and (max-device-width: 480px)')) {
+                // var style = document.createElement('link');
+                // style.rel = 'stylesheet';
+                // style.type = 'text/css';
+                // style.href = this.CSS_DIR_ + 'phone.css';
+                // document.querySelector('head').appendChild(style);
+
+                // No need for widescreen layout on a phone.
+                this.container.classList.remove('layout-widescreen');
+        }
+
+        this.loadConfig_(SLIDE_CONFIG);
+        this.addEventListeners_();
+        this.updateSlides_();
+
+        // Add slide numbers and total slide count metadata to each slide.
+        var that = this;
+        for (var i = 0, slide; slide = this.slides[i]; ++i) {
+                slide.dataset.slideNum = i + 1;
+                slide.dataset.totalSlides = this.slides.length;
+
+                slide.addEventListener('click', function(e) {
+                        if (document.body.classList.contains('overview')) {
+                                that.loadSlide(this.dataset.slideNum);
+                                e.preventDefault();
+                                window.setTimeout(function() {
+                                        that.toggleOverview();
+                                }, 500);
+                        }
+                }, false);
+        }
+
+        // Note: this needs to come after addEventListeners_(), which adds a
+        // 'keydown' listener that this controller relies on.
+
+        // Modernizr.touch isn't a sufficient check for devices that support both
+        // touch and mouse. Create the controller in all cases.
+        // // Also, no need to set this up if we're on mobile.
+        // if (!Modernizr.touch) {
+        this.controller = new SlideController(this);
+        if (this.controller.isPopup) {
+                document.body.classList.add('popup');
+        }
+        // }
 };
 
 /**
  * @private
  */
 SlideDeck.prototype.addEventListeners_ = function() {
-  document.addEventListener('keydown', this.onBodyKeyDown_.bind(this), false);
-  window.addEventListener('popstate', this.onPopState_.bind(this), false);
-
-  // var transEndEventNames = {
-  //   'WebkitTransition': 'webkitTransitionEnd',
-  //   'MozTransition': 'transitionend',
-  //   'OTransition': 'oTransitionEnd',
-  //   'msTransition': 'MSTransitionEnd',
-  //   'transition': 'transitionend'
-  // };
-  // 
-  // // Find the correct transitionEnd vendor prefix.
-  // window.transEndEventName = transEndEventNames[
-  //     Modernizr.prefixed('transition')];
-  // 
-  // // When slides are done transitioning, kickoff loading iframes.
-  // // Note: we're only looking at a single transition (on the slide). This
-  // // doesn't include autobuilds the slides may have. Also, if the slide
-  // // transitions on multiple properties (e.g. not just 'all'), this doesn't
-  // // handle that case.
-  // this.container.addEventListener(transEndEventName, function(e) {
-  //     this.enableSlideFrames_(this.curSlide_);
-  // }.bind(this), false);
-
-  // document.addEventListener('slideenter', function(e) {
-  //   var slide = e.target;
-  //   window.setTimeout(function() {
-  //     this.enableSlideFrames_(e.slideNumber);
-  //     this.enableSlideFrames_(e.slideNumber + 1);
-  //   }.bind(this), 300);
-  // }.bind(this), false);
+        document.addEventListener('keydown', this.onBodyKeyDown_.bind(this), false);
+        window.addEventListener('popstate', this.onPopState_.bind(this), false);
+
+        // var transEndEventNames = {
+        // 'WebkitTransition': 'webkitTransitionEnd',
+        // 'MozTransition': 'transitionend',
+        // 'OTransition': 'oTransitionEnd',
+        // 'msTransition': 'MSTransitionEnd',
+        // 'transition': 'transitionend'
+        // };
+        // 
+        // // Find the correct transitionEnd vendor prefix.
+        // window.transEndEventName = transEndEventNames[
+        // Modernizr.prefixed('transition')];
+        // 
+        // // When slides are done transitioning, kickoff loading iframes.
+        // // Note: we're only looking at a single transition (on the slide). This
+        // // doesn't include autobuilds the slides may have. Also, if the slide
+        // // transitions on multiple properties (e.g. not just 'all'), this doesn't
+        // // handle that case.
+        // this.container.addEventListener(transEndEventName, function(e) {
+        // this.enableSlideFrames_(this.curSlide_);
+        // }.bind(this), false);
+
+        // document.addEventListener('slideenter', function(e) {
+        // var slide = e.target;
+        // window.setTimeout(function() {
+        // this.enableSlideFrames_(e.slideNumber);
+        // this.enableSlideFrames_(e.slideNumber + 1);
+        // }.bind(this), 300);
+        // }.bind(this), false);
 };
 
 /**
  * @private
- * @param {Event} e The pop event.
+ * @param {Event}
+ *            e The pop event.
  */
 SlideDeck.prototype.onPopState_ = function(e) {