groundworkcss-rails 0.1

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.responsiveText.js

@@ -0,0 +1,10 @@
+// Generated by CoffeeScript 1.4.0
+/*
+ *
+ *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/(function(){(function(e){var t;t=[];e.fn.responsiveText=function(n){var r;r={compressor:n.compressor||10,minSize:n.minSize||Number.NEGATIVE_INFINITY,maxSize:n.maxSize||Number.POSITIVE_INFINITY};return this.each(function(){var n;n=e(this);n.attr("data-compression",r.compressor);n.attr("data-min",r.minSize);n.attr("data-max",r.maxSize);n.css("font-size",Math.floor(Math.max(Math.min(n.width()/r.compressor,parseFloat(r.maxSize)),parseFloat(r.minSize))));return t.push(n)})};return e(window).on("resize",function(){return e(t).each(function(){var t;t=e(this);return t.css("font-size",Math.floor(Math.max(Math.min(t.width()/t.attr("data-compression"),parseFloat(t.attr("data-max"))),parseFloat(t.attr("data-min")))))})})})(jQuery)}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.tooltip.coffee

@@ -0,0 +1,121 @@
+###
+ *
+ *  jQuery Tooltips by Gary Hepting - https://github.com/ghepting/jquery-tooltips
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+###
+
+(($) ->
+  $.fn.tooltip = (options) ->
+    defaults =
+      topOffset: 0
+      delay: 100                    # delay before showing (ms)
+      speed: 100                    # animation speed (ms)
+
+    options = $.extend(defaults, options)
+
+    tooltip = $('#tooltip')         # tooltip element
+    delayShow = ''                  # delayed open
+    trigger = ''                    # store trigger
+    
+    getElementPosition = (el) ->    # get element position
+      offset = el.offset()
+      win = $(window)
+      top: top = offset.top - win.scrollTop()
+      left: left = offset.left - win.scrollLeft()
+      bottom: bottom = win.height() - top - el.outerHeight()
+      right: right = win.width() - left - el.outerWidth()
+
+    setPosition = (trigger) ->
+      # get trigger element coordinates
+      coords = getElementPosition(trigger)
+      # tooltip dimensions
+      if tooltip.outerWidth() > ($(window).width() - 20)
+        tooltip.css('width',$(window).width() - 20)
+      attrs = {}
+      # adjust max width of tooltip
+      tooltip.css('max-width', 
+        Math.min(
+          ($(window).width()-parseInt($('body').css('padding-left'))-parseInt($('body').css('padding-right'))),
+          parseInt(tooltip.css('max-width'))
+        )
+      )
+      width = tooltip.outerWidth()
+      height = tooltip.outerHeight()
+      # horizontal positioning
+      if coords.left <= coords.right        # default position
+        tooltip.addClass('left')
+        attrs.left = coords.left
+      else                                  # pin from right side
+        tooltip.addClass('right')
+        attrs.right = coords.right
+      # veritcal positioning
+      if (coords.top-options.topOffset) > (height+20) # top positioned tooltip
+        tooltip.addClass('top')
+        attrs.top = (trigger.offset().top - height) - 20
+      else # bottom positioned tooltip
+        tooltip.addClass('bottom')
+        attrs.top = trigger.offset().top + trigger.outerHeight() - 4
+      tooltip.css attrs
+
+    closetooltip = ->
+      tooltip.stop().remove()                # remove tooltip
+      $('[role=tooltip]').removeClass('on')
+
+    showtooltip = (trigger) ->
+      closetooltip()           # close tooltip
+      clearTimeout(delayShow)         # cancel previous timeout
+      delayShow = setTimeout ->
+        if $('#tooltip').length != 1
+          # destroy any lingering tooltips
+          $('#tooltip').remove()
+          # create tooltip DOM element
+          tooltip = $("<div id=\"tooltip\"></div>")
+          # add tooltip element to DOM
+          tooltip.appendTo("body")
+        # set tooltip text
+        tooltip.css("opacity", 0).text(trigger.attr('data-title'))
+        # initialize tooltip
+        setPosition(trigger)
+        trigger.addClass('on')
+        tooltip.animate
+          top: "+=10"
+          opacity: 1
+        , options.speed
+      , options.delay
+
+    @each ->
+      $this = $(this)
+      $this.attr('role','tooltip').attr('data-title',$this.attr('title'))
+      $this.removeAttr "title"        # remove title attribute (disable browser tooltips)
+      
+    
+    # focus behavior
+    $('body').on(
+      'focus', '[role=tooltip]', ->
+        showtooltip($(this))
+    ).on(
+      'blur', '[role=tooltip]', ->
+        clearTimeout(delayShow)
+        closetooltip()
+    ).on(
+      'mouseenter', '[role=tooltip]:not(input,select,textarea)', ->
+        showtooltip($(this))
+    ).on(
+      'mouseleave', '[role=tooltip]:not(input,select,textarea)', ->
+        clearTimeout(delayShow)
+        closetooltip()
+    )
+
+    $(window).on
+      scroll: ->
+        trigger = $('[role=tooltip].on')
+        if trigger.length
+          setPosition(trigger)
+          $('#tooltip').css
+            top: "+=10"
+
+) jQuery

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.tooltip.js

@@ -0,0 +1,10 @@
+// Generated by CoffeeScript 1.4.0
+/*
+ *
+ *  jQuery Tooltips by Gary Hepting - https://github.com/ghepting/jquery-tooltips
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/(function(){(function(e){return e.fn.tooltip=function(t){var n,r,i,s,o,u,a,f;r={topOffset:0,delay:100,speed:100};t=e.extend(r,t);a=e("#tooltip");i="";f="";s=function(t){var n,r,i,s,o,u;i=t.offset();u=e(window);return{top:o=i.top-u.scrollTop(),left:r=i.left-u.scrollLeft(),bottom:n=u.height()-o-t.outerHeight(),right:s=u.width()-r-t.outerWidth()}};o=function(n){var r,i,o,u;i=s(n);a.outerWidth()>e(window).width()-20&&a.css("width",e(window).width()-20);r={};a.css("max-width",Math.min(e(window).width()-parseInt(e("body").css("padding-left"))-parseInt(e("body").css("padding-right")),parseInt(a.css("max-width"))));u=a.outerWidth();o=a.outerHeight();if(i.left<=i.right){a.addClass("left");r.left=i.left}else{a.addClass("right");r.right=i.right}if(i.top-t.topOffset>o+20){a.addClass("top");r.top=n.offset().top-o-20}else{a.addClass("bottom");r.top=n.offset().top+n.outerHeight()-4}return a.css(r)};n=function(){a.stop().remove();return e("[role=tooltip]").removeClass("on")};u=function(r){n();clearTimeout(i);return i=setTimeout(function(){if(e("#tooltip").length!==1){e("#tooltip").remove();a=e('<div id="tooltip"></div>');a.appendTo("body")}a.css("opacity",0).text(r.attr("data-title"));o(r);r.addClass("on");return a.animate({top:"+=10",opacity:1},t.speed)},t.delay)};this.each(function(){var t;t=e(this);t.attr("role","tooltip").attr("data-title",t.attr("title"));return t.removeAttr("title")});e("body").on("focus","[role=tooltip]",function(){return u(e(this))}).on("blur","[role=tooltip]",function(){clearTimeout(i);return n()}).on("mouseenter","[role=tooltip]:not(input,select,textarea)",function(){return u(e(this))}).on("mouseleave","[role=tooltip]:not(input,select,textarea)",function(){clearTimeout(i);return n()});return e(window).on({scroll:function(){f=e("[role=tooltip].on");if(f.length){o(f);return e("#tooltip").css({top:"+=10"})}}})}})(jQuery)}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/jquery.modals.js

@@ -0,0 +1,183 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery Modals by Gary Hepting
+ *   https://github.com/ghepting/modal  
+ *
+ *  Based on Avgrund by Hakim El Hattab <3
+ *
+*/
+
+
+(function() {
+
+  (function($) {
+    var elems, modals;
+    if ($('div#iframeModal').length < 1) {
+      $('body').append('<div class="iframe modal" id="iframeModal"><iframe marginheight="0" marginwidth="0" frameborder="0"></iframe></div>');
+      $('div#iframeModal').prepend('<i class="close icon-remove"></i>').prepend('<i class="fullscreen icon-resize-full"></i>');
+    }
+    $('a.modal').each(function() {
+      $(this).attr('data-url', $(this).attr('href'));
+      return $(this).attr('href', '#iframeModal');
+    });
+    $('a.modal').on("click", function(e) {
+      $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" src="' + $(this).attr('data-url') + '"></iframe>');
+      e.preventDefault();
+      return false;
+    });
+    elems = [];
+    $.fn.modal = function() {
+      this.each(function() {
+        $(this).not('#iframeModal').wrapInner('<div class="modal-content"></div>');
+        $(this).prepend('<i class="close icon-remove"></i>').prepend('<i class="fullscreen icon-resize-full"></i>').appendTo('body');
+        return $('[href=#' + $(this).attr('id') + ']').on("click", function(e) {
+          modals.open($(this).attr('href'));
+          e.preventDefault();
+          return false;
+        });
+      });
+      $('div.modal .close').on("click", function() {
+        return modals.close();
+      });
+      return $('div.modal .fullscreen').on("click", function() {
+        return modals.fullscreen($(this).parent('div.modal'));
+      });
+    };
+    modals = (function() {
+      var close, fullscreen, open;
+      $('html').addClass('modal-ready');
+      if ($("#overlay").length < 1) {
+        $('body').append('<div id="overlay"></div>');
+      }
+      $('#overlay, div.modal .close').bind("click", function(e) {
+        return close();
+      });
+      open = function(elem) {
+        $(window).bind("keydown", function(e) {
+          var keyCode;
+          keyCode = (e.which ? e.which : e.keyCode);
+          if (keyCode === 27) {
+            return close();
+          }
+        });
+        $(elem).addClass("active");
+        if (!$(elem).hasClass('iframe')) {
+          $(elem).css({
+            width: 'auto',
+            height: 'auto'
+          });
+          $(elem).css({
+            height: $(elem).outerHeight()
+          });
+        }
+        $(elem).css({
+          top: '50%',
+          left: '50%',
+          'margin-top': ($(elem).outerHeight() / -2) + 'px',
+          'margin-left': ($(elem).outerWidth() / -2) + 'px'
+        });
+        setTimeout(function() {
+          return $('html').addClass("modal-active");
+        }, 0);
+        setTimeout(function() {
+          return $('html').removeClass('modal-ready');
+        }, 400);
+      };
+      close = function() {
+        var modal;
+        modal = $('div.modal.active');
+        $(window).unbind("keydown");
+        $('html').removeClass("modal-active").addClass('modal-ready');
+        if (modal.hasClass('iframe')) {
+          $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0"></iframe>');
+          modal.css({
+            width: '80%',
+            height: '80%'
+          });
+        } else {
+          modal.css({
+            width: 'auto',
+            height: 'auto'
+          });
+        }
+        modal.css({
+          top: '10%',
+          left: '10%',
+          'max-width': '80%',
+          'max-height': '80%',
+          'margin-top': 0,
+          'margin-left': 0
+        });
+        modal.removeClass("active").removeClass("fullscreen");
+        $('i.fullscreen', modal).removeClass('icon-resize-small').addClass('icon-resize-full');
+      };
+      fullscreen = function(elem) {
+        if ($('div.modal.active').hasClass('fullscreen')) {
+          $('div.modal i.fullscreen').removeClass('icon-resize-small').addClass('icon-resize-full');
+          if ($('div.modal.active').hasClass('iframe')) {
+            $('div.modal.active').css({
+              width: '80%',
+              height: '80%'
+            });
+          } else {
+            $('div.modal.active').css({
+              width: 'auto',
+              height: 'auto'
+            });
+            $('div.modal.active').css({
+              height: $('div.modal.active').outerHeight()
+            });
+          }
+          $('div.modal.active').removeClass('fullscreen').css({
+            'max-width': '80%',
+            'max-height': '80%'
+          });
+          $('div.modal.active').delay(100).css({
+            top: '50%',
+            left: '50%',
+            'margin-top': ($('div.modal.active').outerHeight() / -2) + 'px',
+            'margin-left': ($('div.modal.active').outerWidth() / -2) + 'px'
+          });
+        } else {
+          $('div.modal i.fullscreen').addClass('icon-resize-small').removeClass('icon-resize-full');
+          $('div.modal.active').addClass('fullscreen').css({
+            top: 0,
+            left: 0,
+            'margin-top': 0,
+            'margin-left': 0,
+            width: '100%',
+            height: '100%',
+            'max-width': '100%',
+            'max-height': '100%'
+          });
+        }
+      };
+      return {
+        open: open,
+        close: close,
+        fullscreen: fullscreen
+      };
+    })();
+    return $(window).resize(function() {
+      return $('div.modal.active').each(function() {
+        $(this).removeClass('active').css({
+          top: '50%',
+          left: '50%',
+          'margin-top': ($(this).outerHeight() / -2) + 'px',
+          'margin-left': ($(this).outerWidth() / -2) + 'px'
+        }).addClass('active');
+        if (!$(this).hasClass('iframe')) {
+          $(this).css({
+            height: 'auto'
+          });
+          return $(this).css({
+            height: $(this).outerHeight()
+          });
+        }
+      });
+    });
+  })(jQuery);
+
+}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/jquery.orbit-1.4.0.js

@@ -0,0 +1,919 @@
+/*
+ * jQuery Orbit Plugin 1.4.0
+ * www.ZURB.com/playground
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+
+(function ($) {
+  'use strict';
+
+  $.fn.findFirstImage = function () {
+    return this.first()
+            .find('img')
+            .andSelf().filter('img')
+            .first();
+  };
+
+  var ORBIT = {
+
+    defaults: {
+      animation: 'horizontal-push',     // fade, horizontal-slide, vertical-slide, horizontal-push, vertical-push
+      animationSpeed: 600,              // how fast animations are
+      timer: true,                      // display timer?
+      advanceSpeed: 4000,               // if timer is enabled, time between transitions
+      pauseOnHover: false,              // if you hover pauses the slider
+      startClockOnMouseOut: false,      // if clock should start on MouseOut
+      startClockOnMouseOutAfter: 1000,  // how long after MouseOut should the timer start again
+      directionalNav: true,             // manual advancing directional navs
+      directionalNavRightText: 'Right', // text of right directional element for accessibility
+      directionalNavLeftText: 'Left',   // text of left directional element for accessibility
+      captions: true,                   // do you want captions?
+      captionAnimation: 'fade',         // fade, slideOpen, none
+      captionAnimationSpeed: 600,       // if so how quickly should they animate in
+      resetTimerOnClick: false,         // true resets the timer instead of pausing slideshow progress on manual navigation
+      bullets: false,                   // true or false to activate the bullet navigation
+      bulletThumbs: false,              // thumbnails for the bullets
+      bulletThumbLocation: '',          // relative path to thumbnails from this file
+      bulletThumbsHideOnSmall: true,    // hide thumbs on small devices
+      afterSlideChange: $.noop,         // callback to execute after slide changes
+      afterLoadComplete: $.noop,        // callback to execute after everything has been loaded
+      fluid: true,
+      centerBullets: true,              // center bullet nav with js, turn this off if you want to position the bullet nav manually
+      singleCycle: false,               // cycles through orbit slides only once
+      slideNumber: false,               // display slide numbers?
+      stackOnSmall: false               // stack slides on small devices (i.e. phones)
+    },
+
+    activeSlide: 0,
+    numberSlides: 0,
+    orbitWidth: null,
+    orbitHeight: null,
+    locked: null,
+    timerRunning: null,
+    degrees: 0,
+    wrapperHTML: '<div class="orbit-wrapper" />',
+    timerHTML: '<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>',
+    captionHTML: '<div class="orbit-caption"></div>',
+    directionalNavHTML: '<div class="slider-nav hide-for-small"><span class="right"></span><span class="left"></span></div>',
+    bulletHTML: '<ul class="orbit-bullets"></ul>',
+    slideNumberHTML: '<span class="orbit-slide-counter"></span>',
+
+    init: function (element, options) {
+      var $imageSlides,
+          imagesLoadedCount = 0,
+          self = this;
+
+      // Bind functions to correct context
+      this.clickTimer = $.proxy(this.clickTimer, this);
+      this.addBullet = $.proxy(this.addBullet, this);
+      this.resetAndUnlock = $.proxy(this.resetAndUnlock, this);
+      this.stopClock = $.proxy(this.stopClock, this);
+      this.startTimerAfterMouseLeave = $.proxy(this.startTimerAfterMouseLeave, this);
+      this.clearClockMouseLeaveTimer = $.proxy(this.clearClockMouseLeaveTimer, this);
+      this.rotateTimer = $.proxy(this.rotateTimer, this);
+
+      this.options = $.extend({}, this.defaults, options);
+      if (this.options.timer === 'false') this.options.timer = false;
+      if (this.options.captions === 'false') this.options.captions = false;
+      if (this.options.directionalNav === 'false') this.options.directionalNav = false;
+
+      this.$element = $(element);
+      this.$wrapper = this.$element.wrap(this.wrapperHTML).parent();
+      this.$slides = this.$element.children('img, a, div, figure, li');
+
+      this.$element.on('movestart', function(e) {
+        // If the movestart is heading off in an upwards or downwards
+        // direction, prevent it so that the browser scrolls normally.
+        if ((e.distX > e.distY && e.distX < -e.distY) ||
+            (e.distX < e.distY && e.distX > -e.distY)) {
+          e.preventDefault();
+        }
+      });
+
+      this.$element.bind('orbit.next', function () {
+        self.shift('next');
+      });
+
+      this.$element.bind('orbit.prev', function () {
+        self.shift('prev');
+      });
+
+      this.$element.bind('swipeleft', function () {
+        $(this).trigger('orbit.next');
+      });
+
+      this.$element.bind('swiperight', function () {
+        $(this).trigger('orbit.prev');
+      });
+
+      this.$element.bind('orbit.goto', function (event, index) {
+        self.shift(index);
+      });
+
+      this.$element.bind('orbit.start', function (event, index) {
+        self.startClock();
+      });
+
+      this.$element.bind('orbit.stop', function (event, index) {
+        self.stopClock();
+      });
+
+      $imageSlides = this.$slides.filter('img');
+
+      if ($imageSlides.length === 0) {
+        this.loaded();
+      } else {
+        $imageSlides.bind('imageready', function () {
+          imagesLoadedCount += 1;
+          if (imagesLoadedCount === $imageSlides.length) {
+            self.loaded();
+          }
+        });
+      }
+    },
+
+    loaded: function () {
+      this.$element
+        .addClass('orbit')
+        .css({width: '1px', height: '1px'});
+
+      if (this.options.stackOnSmall) {
+        this.$element.addClass('orbit-stack-on-small');
+      }
+
+      this.$slides.addClass('orbit-slide').css({"opacity" : 0});
+
+      this.setDimentionsFromLargestSlide();
+      this.updateOptionsIfOnlyOneSlide();
+      this.setupFirstSlide();
+      this.notifySlideChange();
+
+      if (this.options.timer) {
+        this.setupTimer();
+        this.startClock();
+      }
+
+      if (this.options.captions) {
+        this.setupCaptions();
+      }
+
+      if (this.options.directionalNav) {
+        this.setupDirectionalNav();
+      }
+
+      if (this.options.bullets) {
+        this.setupBulletNav();
+        this.setActiveBullet();
+      }
+
+      this.options.afterLoadComplete.call(this);
+      Holder.run();
+    },
+
+    currentSlide: function () {
+      return this.$slides.eq(this.activeSlide);
+    },
+
+    notifySlideChange: function() {
+      if (this.options.slideNumber) {
+        var txt = (this.activeSlide+1) + ' of ' + this.$slides.length;
+        this.$element.trigger("orbit.change", {slideIndex: this.activeSlide, slideCount: this.$slides.length});
+        if (this.$counter === undefined) {
+          var $counter = $(this.slideNumberHTML).html(txt);
+          this.$counter = $counter;
+          this.$wrapper.append(this.$counter);
+        } else {
+          this.$counter.html(txt);
+        }
+      }
+    },
+
+    setDimentionsFromLargestSlide: function () {
+      //Collect all slides and set slider size of largest image
+      var self = this,
+          $fluidPlaceholder;
+
+      self.$element.add(self.$wrapper).width(this.$slides.first().outerWidth());
+      self.$element.add(self.$wrapper).height(this.$slides.first().height());
+      self.orbitWidth = this.$slides.first().outerWidth();
+      self.orbitHeight = this.$slides.first().height();
+      $fluidPlaceholder = this.$slides.first().findFirstImage().clone();
+
+
+      this.$slides.each(function () {
+        var slide = $(this),
+            slideWidth = slide.outerWidth(),
+            slideHeight = slide.height();
+
+        if (slideWidth > self.$element.outerWidth()) {
+          self.$element.add(self.$wrapper).width(slideWidth);
+          self.orbitWidth = self.$element.outerWidth();
+        }
+        if (slideHeight > self.$element.height()) {
+          self.$element.add(self.$wrapper).height(slideHeight);
+          self.orbitHeight = self.$element.height();
+          $fluidPlaceholder = $(this).findFirstImage().clone();
+        }
+        self.numberSlides += 1;
+      });
+
+      if (this.options.fluid) {
+        if (typeof this.options.fluid === "string") {
+          // $fluidPlaceholder = $("<img>").attr("src", "http://placehold.it/" + this.options.fluid);
+          $fluidPlaceholder = $("<img>").attr("data-src", "holder.js/" + this.options.fluid);
+          //var inner = $("<div/>").css({"display":"inline-block", "width":"2px", "height":"2px"});
+          //$fluidPlaceholder = $("<div/>").css({"float":"left"});
+          //$fluidPlaceholder.wrapInner(inner);
+
+          //$fluidPlaceholder = $("<div/>").css({"height":"1px", "width":"2px"});
+          //$fluidPlaceholder = $("<div style='display:inline-block;width:2px;height:1px;'></div>");
+        }
+
+        self.$element.prepend($fluidPlaceholder);
+        $fluidPlaceholder.addClass('fluid-placeholder');
+        self.$element.add(self.$wrapper).css({width: 'inherit'});
+        self.$element.add(self.$wrapper).css({height: 'inherit'});
+
+        $(window).bind('resize', function () {
+          self.orbitWidth = self.$element.outerWidth();
+          self.orbitHeight = self.$element.height();
+        });
+      }
+    },
+
+    //Animation locking functions
+    lock: function () {
+      this.locked = true;
+    },
+
+    unlock: function () {
+      this.locked = false;
+    },
+
+    updateOptionsIfOnlyOneSlide: function () {
+      if(this.$slides.length === 1) {
+        this.options.directionalNav = false;
+        this.options.timer = false;
+        this.options.bullets = false;
+      }
+    },
+
+    setupFirstSlide: function () {
+      //Set initial front photo z-index and fades it in
+      var self = this;
+      this.$slides.first()
+        .css({"z-index" : 3, "opacity" : 1})
+        .fadeIn(function() {
+          //brings in all other slides IF css declares a display: none
+          self.$slides.css({"display":"block"})
+      });
+    },
+
+    startClock: function () {
+      var self = this;
+
+      if(!this.options.timer) {
+        return false;
+      }
+
+      if (this.$timer.is(':hidden')) {
+        this.clock = setInterval(function () {
+          self.$element.trigger('orbit.next');
+        }, this.options.advanceSpeed);
+      } else {
+        this.timerRunning = true;
+        this.$pause.removeClass('active');
+        this.clock = setInterval(this.rotateTimer, this.options.advanceSpeed / 180, false);
+      }
+    },
+
+    rotateTimer: function (reset) {
+      var degreeCSS = "rotate(" + this.degrees + "deg)";
+      this.degrees += 2;
+      this.$rotator.css({
+        "-webkit-transform": degreeCSS,
+        "-moz-transform": degreeCSS,
+        "-o-transform": degreeCSS,
+        "-ms-transform": degreeCSS
+      });
+      if (reset) {
+        this.degrees = 0;
+        this.$rotator.removeClass('move');
+        this.$mask.removeClass('move');
+      }
+      if(this.degrees > 180) {
+        this.$rotator.addClass('move');
+        this.$mask.addClass('move');
+      }
+      if(this.degrees > 360) {
+        this.$rotator.removeClass('move');
+        this.$mask.removeClass('move');
+        this.degrees = 0;
+        this.$element.trigger('orbit.next');
+      }
+    },
+
+    stopClock: function () {
+      if (!this.options.timer) {
+        return false;
+      } else {
+        this.timerRunning = false;
+        clearInterval(this.clock);
+        this.$pause.addClass('active');
+      }
+    },
+
+    setupTimer: function () {
+      this.$timer = $(this.timerHTML);
+      this.$wrapper.append(this.$timer);
+
+      this.$rotator = this.$timer.find('.rotator');
+      this.$mask = this.$timer.find('.mask');
+      this.$pause = this.$timer.find('.pause');
+
+      this.$timer.click(this.clickTimer);
+
+      if (this.options.startClockOnMouseOut) {
+        this.$wrapper.mouseleave(this.startTimerAfterMouseLeave);
+        this.$wrapper.mouseenter(this.clearClockMouseLeaveTimer);
+      }
+
+      if (this.options.pauseOnHover) {
+        this.$wrapper.mouseenter(this.stopClock);
+      }
+    },
+
+    startTimerAfterMouseLeave: function () {
+      var self = this;
+
+      this.outTimer = setTimeout(function() {
+        if(!self.timerRunning){
+          self.startClock();
+        }
+      }, this.options.startClockOnMouseOutAfter)
+    },
+
+    clearClockMouseLeaveTimer: function () {
+      clearTimeout(this.outTimer);
+    },
+
+    clickTimer: function () {
+      if(!this.timerRunning) {
+          this.startClock();
+      } else {
+          this.stopClock();
+      }
+    },
+
+    setupCaptions: function () {
+      this.$caption = $(this.captionHTML);
+      this.$wrapper.append(this.$caption);
+      this.setCaption();
+    },
+
+    setCaption: function () {
+      var captionLocation = this.currentSlide().attr('data-caption'),
+          captionHTML;
+
+      if (!this.options.captions) {
+        return false;
+      }
+
+      //Set HTML for the caption if it exists
+      if (captionLocation) {
+        //if caption text is blank, don't show captions
+        if ($.trim($(captionLocation).text()).length < 1){
+          return false;
+        }
+        
+        // if location selector starts with '#', remove it so we don't see id="#selector"
+        if (captionLocation.charAt(0) == '#') {
+            captionLocation = captionLocation.substring(1, captionLocation.length);
+        }
+        captionHTML = $('#' + captionLocation).html(); //get HTML from the matching HTML entity
+        this.$caption
+          .attr('id', captionLocation) // Add ID caption TODO why is the id being set?
+          .html(captionHTML); // Change HTML in Caption
+          //Animations for Caption entrances
+        switch (this.options.captionAnimation) {
+          case 'none':
+            this.$caption.show();
+            break;
+          case 'fade':
+            this.$caption.fadeIn(this.options.captionAnimationSpeed);
+            break;
+          case 'slideOpen':
+            this.$caption.slideDown(this.options.captionAnimationSpeed);
+            break;
+        }
+      } else {
+        //Animations for Caption exits
+        switch (this.options.captionAnimation) {
+          case 'none':
+            this.$caption.hide();
+            break;
+          case 'fade':
+            this.$caption.fadeOut(this.options.captionAnimationSpeed);
+            break;
+          case 'slideOpen':
+            this.$caption.slideUp(this.options.captionAnimationSpeed);
+            break;
+        }
+      }
+    },
+
+    setupDirectionalNav: function () {
+      var self = this,
+          $directionalNav = $(this.directionalNavHTML);
+
+      $directionalNav.find('.right').html(this.options.directionalNavRightText);
+      $directionalNav.find('.left').html(this.options.directionalNavLeftText);
+
+      this.$wrapper.append($directionalNav);
+
+      this.$wrapper.find('.left').click(function () {
+        self.stopClock();
+        if (self.options.resetTimerOnClick) {
+          self.rotateTimer(true);
+          self.startClock();
+        }
+        self.$element.trigger('orbit.prev');
+      });
+
+      this.$wrapper.find('.right').click(function () {
+        self.stopClock();
+        if (self.options.resetTimerOnClick) {
+          self.rotateTimer(true);
+          self.startClock();
+        }
+        self.$element.trigger('orbit.next');
+      });
+    },
+
+    setupBulletNav: function () {
+      this.$bullets = $(this.bulletHTML);
+      this.$wrapper.append(this.$bullets);
+      this.$slides.each(this.addBullet);
+      this.$element.addClass('with-bullets');
+      if (this.options.centerBullets) this.$bullets.css('margin-left', -this.$bullets.outerWidth() / 2);
+      if (this.options.bulletThumbsHideOnSmall) this.$bullets.addClass('hide-for-small');
+    },
+
+    addBullet: function (index, slide) {
+      var position = index + 1,
+          $li = $('<li>' + (position) + '</li>'),
+          thumbName,
+          self = this;
+
+      if (this.options.bulletThumbs) {
+        thumbName = $(slide).attr('data-thumb');
+        if (thumbName) {
+          $li
+            .addClass('has-thumb')
+            .css({background: "url(" + this.options.bulletThumbLocation + thumbName + ") no-repeat"});;
+        }
+      }
+      this.$bullets.append($li);
+      $li.data('index', index);
+      $li.click(function () {
+        self.stopClock();
+        if (self.options.resetTimerOnClick) {
+          self.rotateTimer(true);
+          self.startClock();
+        }
+        self.$element.trigger('orbit.goto', [$li.data('index')])
+      });
+    },
+
+    setActiveBullet: function () {
+      if(!this.options.bullets) { return false; } else {
+        this.$bullets.find('li')
+          .removeClass('active')
+          .eq(this.activeSlide)
+          .addClass('active');
+      }
+    },
+
+    resetAndUnlock: function () {
+      this.$slides
+        .eq(this.prevActiveSlide)
+        .css({"z-index" : 1});
+      this.unlock();
+      this.options.afterSlideChange.call(this, this.$slides.eq(this.prevActiveSlide), this.$slides.eq(this.activeSlide));
+    },
+
+    shift: function (direction) {
+      var slideDirection = direction;
+
+      //remember previous activeSlide
+      this.prevActiveSlide = this.activeSlide;
+
+      //exit function if bullet clicked is same as the current image
+      if (this.prevActiveSlide == slideDirection) { return false; }
+
+      if (this.$slides.length == "1") { return false; }
+      if (!this.locked) {
+        this.lock();
+        //deduce the proper activeImage
+        if (direction == "next") {
+          this.activeSlide++;
+          if (this.activeSlide == this.numberSlides) {
+              this.activeSlide = 0;
+          }
+        } else if (direction == "prev") {
+          this.activeSlide--
+          if (this.activeSlide < 0) {
+            this.activeSlide = this.numberSlides - 1;
+          }
+        } else {
+          this.activeSlide = direction;
+          if (this.prevActiveSlide < this.activeSlide) {
+            slideDirection = "next";
+          } else if (this.prevActiveSlide > this.activeSlide) {
+            slideDirection = "prev"
+          }
+        }
+
+        //set to correct bullet
+        this.setActiveBullet();
+        this.notifySlideChange();
+
+        //set previous slide z-index to one below what new activeSlide will be
+        this.$slides
+          .eq(this.prevActiveSlide)
+          .css({"z-index" : 2});
+
+        //fade
+        if (this.options.animation == "fade") {
+          this.$slides
+            .eq(this.activeSlide)
+            .css({"opacity" : 0, "z-index" : 3})
+            .animate({"opacity" : 1}, this.options.animationSpeed, this.resetAndUnlock);
+          this.$slides
+              .eq(this.prevActiveSlide)
+              .animate({"opacity":0}, this.options.animationSpeed);
+        }
+
+        //horizontal-slide
+        if (this.options.animation == "horizontal-slide") {
+          if (slideDirection == "next") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({"left": this.orbitWidth, "z-index" : 3})
+              .css("opacity", 1)
+              .animate({"left" : 0}, this.options.animationSpeed, this.resetAndUnlock);
+          }
+          if (slideDirection == "prev") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({"left": -this.orbitWidth, "z-index" : 3})
+              .css("opacity", 1)
+              .animate({"left" : 0}, this.options.animationSpeed, this.resetAndUnlock);
+          }
+          this.$slides
+              .eq(this.prevActiveSlide)
+              .css("opacity", 0);
+        }
+
+        //vertical-slide
+        if (this.options.animation == "vertical-slide") {
+          if (slideDirection == "prev") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({"top": this.orbitHeight, "z-index" : 3})
+              .css("opacity", 1)
+              .animate({"top" : 0}, this.options.animationSpeed, this.resetAndUnlock);
+            this.$slides
+              .eq(this.prevActiveSlide)
+              .css("opacity", 0);
+          }
+          if (slideDirection == "next") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({"top": -this.orbitHeight, "z-index" : 3})
+              .css("opacity", 1)
+              .animate({"top" : 0}, this.options.animationSpeed, this.resetAndUnlock);
+          }
+          this.$slides
+              .eq(this.prevActiveSlide)
+              .css("opacity", 0);
+        }
+
+        //horizontal-push
+        if (this.options.animation == "horizontal-push") {
+          if (slideDirection == "next") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({"left": this.orbitWidth, "z-index" : 3})
+              .animate({"left" : 0, "opacity" : 1}, this.options.animationSpeed, this.resetAndUnlock);
+            this.$slides
+              .eq(this.prevActiveSlide)
+              .animate({"left" : -this.orbitWidth}, this.options.animationSpeed, "", function(){
+                $(this).css({"opacity" : 0});
+              });
+          }
+          if (slideDirection == "prev") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({"left": -this.orbitWidth, "z-index" : 3})
+              .animate({"left" : 0, "opacity" : 1}, this.options.animationSpeed, this.resetAndUnlock);
+            this.$slides
+              .eq(this.prevActiveSlide)
+              .animate({"left" : this.orbitWidth}, this.options.animationSpeed, "", function(){
+                $(this).css({"opacity" : 0});
+              });
+          }
+        }
+
+        //vertical-push
+        if (this.options.animation == "vertical-push") {
+          if (slideDirection == "next") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({top: -this.orbitHeight, "z-index" : 3})
+              .css("opacity", 1)
+              .animate({top : 0, "opacity":1}, this.options.animationSpeed, this.resetAndUnlock);
+            this.$slides
+              .eq(this.prevActiveSlide)
+              .css("opacity", 0)
+              .animate({top : this.orbitHeight}, this.options.animationSpeed, "");
+          }
+          if (slideDirection == "prev") {
+            this.$slides
+              .eq(this.activeSlide)
+              .css({top: this.orbitHeight, "z-index" : 3})
+              .css("opacity", 1)
+              .animate({top : 0}, this.options.animationSpeed, this.resetAndUnlock);
+            this.$slides
+              .eq(this.prevActiveSlide)
+              .css("opacity", 0)
+              .animate({top : -this.orbitHeight}, this.options.animationSpeed);
+          }
+        }
+
+        this.setCaption();
+      }
+
+      // if on last slide and singleCycle is true, don't loop through slides again
+      // .length is zero based so must minus 1 to match activeSlide index
+      if (this.activeSlide === this.$slides.length-1 && this.options.singleCycle) {
+        this.stopClock();
+      }
+    }
+  };
+
+  $.fn.orbit = function (options) {
+    return this.each(function () {
+      var orbit = $.extend({}, ORBIT);
+      orbit.init(this, options);
+    });
+  };
+
+})(jQuery);
+
+/*!
+ * jQuery imageready Plugin
+ * http://www.zurb.com/playground/
+ *
+ * Copyright 2011, ZURB
+ * Released under the MIT License
+ */
+(function ($) {
+
+  var options = {};
+
+  $.event.special.imageready = {
+
+    setup: function (data, namespaces, eventHandle) {
+      options = data || options;
+    },
+
+    add: function (handleObj) {
+      var $this = $(this),
+          src;
+
+      if ( this.nodeType === 1 && this.tagName.toLowerCase() === 'img' && this.src !== '' ) {
+        if (options.forceLoad) {
+          src = $this.attr('src');
+          $this.attr('src', '');
+          bindToLoad(this, handleObj.handler);
+          $this.attr('src', src);
+        } else if ( this.complete || this.readyState === 4 ) {
+          handleObj.handler.apply(this, arguments);
+        } else {
+          bindToLoad(this, handleObj.handler);
+        }
+      }
+    },
+
+    teardown: function (namespaces) {
+      $(this).unbind('.imageready');
+    }
+  };
+
+  function bindToLoad(element, callback) {
+    var $this = $(element);
+
+    $this.bind('load.imageready', function () {
+       callback.apply(element, arguments);
+       $this.unbind('load.imageready');
+     });
+  }
+
+}(jQuery));
+
+/*
+
+Holder - 1.3 - client side image placeholders
+(c) 2012 Ivan Malopinsky / http://imsky.co
+
+Provided under the Apache 2.0 License: http://www.apache.org/licenses/LICENSE-2.0
+Commercial use requires attribution.
+
+*/
+
+var Holder = Holder || {};
+(function (app, win) {
+
+var preempted = false,
+fallback = false,
+canvas = document.createElement('canvas');
+
+//http://javascript.nwbox.com/ContentLoaded by Diego Perini with modifications
+function contentLoaded(n,t){var l="complete",s="readystatechange",u=!1,h=u,c=!0,i=n.document,a=i.documentElement,e=i.addEventListener?"addEventListener":"attachEvent",v=i.addEventListener?"removeEventListener":"detachEvent",f=i.addEventListener?"":"on",r=function(e){(e.type!=s||i.readyState==l)&&((e.type=="load"?n:i)[v](f+e.type,r,u),!h&&(h=!0)&&t.call(n,null))},o=function(){try{a.doScroll("left")}catch(n){setTimeout(o,50);return}r("poll")};if(i.readyState==l)t.call(n,"lazy");else{if(i.createEventObject&&a.doScroll){try{c=!n.frameElement}catch(y){}c&&o()}i[e](f+"DOMContentLoaded",r,u),i[e](f+s,r,u),n[e](f+"load",r,u)}};
+
+//https://gist.github.com/991057 by Jed Schmidt with modifications
+function selector(a){
+    a=a.match(/^(\W)?(.*)/);var b=document["getElement"+(a[1]?a[1]=="#"?"ById":"sByClassName":"sByTagName")](a[2]);
+    var ret=[]; b!=null&&(b.length?ret=b:b.length==0?ret=b:ret=[b]);    return ret;
+}
+
+//shallow object property extend
+function extend(a,b){var c={};for(var d in a)c[d]=a[d];for(var e in b)c[e]=b[e];return c}
+
+function draw(ctx, dimensions, template) {
+    var dimension_arr = [dimensions.height, dimensions.width].sort();
+    var maxFactor = Math.round(dimension_arr[1] / 16),
+        minFactor = Math.round(dimension_arr[0] / 16);
+    var text_height = Math.max(template.size, maxFactor);
+    canvas.width = dimensions.width;
+    canvas.height = dimensions.height;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.fillStyle = template.background;
+    ctx.fillRect(0, 0, dimensions.width, dimensions.height);
+    ctx.fillStyle = template.foreground;
+    ctx.font = "bold " + text_height + "px sans-serif";
+    var text = template.text ? template.text : (dimensions.width + "x" + dimensions.height);
+    if (Math.round(ctx.measureText(text).width) / dimensions.width > 1) {
+        text_height = Math.max(minFactor, template.size);
+    }
+    ctx.font = "bold " + text_height + "px sans-serif";
+    ctx.fillText(text, (dimensions.width / 2), (dimensions.height / 2), dimensions.width);
+    return canvas.toDataURL("image/png");
+}
+
+if (!canvas.getContext) {
+    fallback = true;
+} else {
+    if (canvas.toDataURL("image/png").indexOf("data:image/png") < 0) {
+        //Android doesn't support data URI
+        fallback = true;
+    } else {
+        var ctx = canvas.getContext("2d");
+    }
+}
+
+var settings = {
+    domain: "holder.js",
+    images: "img",
+    themes: {
+        "gray": {
+            background: "#eee",
+            foreground: "#aaa",
+            size: 12
+        },
+        "social": {
+            background: "#3a5a97",
+            foreground: "#fff",
+            size: 12
+        },
+        "industrial": {
+            background: "#434A52",
+            foreground: "#C2F200",
+            size: 12
+        }
+    }
+};
+
+
+
+app.flags = {
+    dimensions: {
+        regex: /([0-9]+)x([0-9]+)/,
+        output: function(val){
+            var exec = this.regex.exec(val);
+            return {
+                width: +exec[1],
+                height: +exec[2]
+            }
+        }
+    },
+    colors: {
+        regex: /#([0-9a-f]{3,})\:#([0-9a-f]{3,})/i,
+        output: function(val){
+            var exec = this.regex.exec(val);
+            return {
+                    size: settings.themes.gray.size,
+                    foreground: "#" + exec[2],
+                    background: "#" + exec[1]
+                    }
+        }
+    },
+    text: {
+        regex: /text\:(.*)/,
+        output: function(val){
+            return this.regex.exec(val)[1];
+        }
+    }
+}
+
+for(var flag in app.flags){
+    app.flags[flag].match = function (val){
+        return val.match(this.regex)
+    }
+}
+
+app.add_theme = function (name, theme) {
+    name != null && theme != null && (settings.themes[name] = theme);
+    return app;
+};
+
+app.add_image = function (src, el) {
+    var node = selector(el);
+    if (node.length) {
+        for (var i = 0, l = node.length; i < l; i++) {
+            var img = document.createElement("img")
+            img.setAttribute("data-src", src);
+            node[i].appendChild(img);
+        }
+    }
+    return app;
+};
+
+app.run = function (o) {
+    var options = extend(settings, o),
+        images = selector(options.images),
+        preempted = true;
+
+    for (var l = images.length, i = 0; i < l; i++) {
+        var theme = settings.themes.gray;
+        var src = images[i].getAttribute("data-src") || images[i].getAttribute("src");
+        if (src && !! ~src.indexOf(options.domain)) {
+            var render = false,
+                dimensions = null,
+                text = null;
+            var flags = src.substr(src.indexOf(options.domain) + options.domain.length + 1).split("/");
+            for (sl = flags.length, j = 0; j < sl; j++) {
+                if (app.flags.dimensions.match(flags[j])) {
+                    render = true;
+                    dimensions = app.flags.dimensions.output(flags[j]);
+                } else if (app.flags.colors.match(flags[j])) {
+                    theme = app.flags.colors.output(flags[j]);
+                } else if (options.themes[flags[j]]) {
+                    //If a theme is specified, it will override custom colors
+                    theme = options.themes[flags[j]];
+                } else if (app.flags.text.match(flags[j])) {
+                    text = app.flags.text.output(flags[j]);
+                }
+            }
+            if (render) {
+                images[i].setAttribute("data-src", src);
+                var dimensions_caption = dimensions.width + "x" + dimensions.height;
+                images[i].setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
+
+                // Fallback
+        // images[i].style.width = dimensions.width + "px";
+        // images[i].style.height = dimensions.height + "px";
+                images[i].style.backgroundColor = theme.background;
+
+                var theme = (text ? extend(theme, {
+                        text: text
+                    }) : theme);
+
+                if (!fallback) {
+                    images[i].setAttribute("src", draw(ctx, dimensions, theme));
+                }
+            }
+        }
+    }
+    return app;
+};
+contentLoaded(win, function () {
+    preempted || app.run()
+})
+
+})(Holder, window);