foundation-rails 5.0.3.1 → 5.1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2fd598d5ae96286d88ac087631a64d61221aadc2
-  data.tar.gz: 20bb7218e4535c4d32e7fb4386273e5b50e24beb
+  metadata.gz: 2a91edad2d0aa9d012f21be4826ffe70ed4d60bd
+  data.tar.gz: e2b77d4c9a12372a84418407d85bd25684f50304
 SHA512:
-  metadata.gz: f4241f4e5fb173c541ff2205ca4508395f369dedc6e469f6e4c67999108c3ab545a906c98c753dea9173f506edabf27517fbb36488269c91971b3a3f5541827d
-  data.tar.gz: 30e52bc1180b1e89f139f2956789e980a39919862cba0716920fcde2969cbc40983675fe5a2cf47605e2f36b00f4a6e7eb28cf724f3e39703d7ae5cce168ec90
+  metadata.gz: f3f515dfcdf6eef038ca6407c8fe018f81f6a9a460895e71fcfb09baaf14b40d7c152ae7fa5488062b8c5cb8fcc47053e29acd0c51a4d61168707b9f542e6409
+  data.tar.gz: d33b4cafc4efc36a99add35aba603d88c587998b6271ee73bc9bdb18be3fd4059467401b8f2014e0e1853c191e217dd9f8bb4653a48b3732f3833b74a1ba9a72

data/.gitignore

@@ -15,3 +15,4 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+/bower_components/*

data/README.md

@@ -1,6 +1,6 @@
 # Foundation::Rails
 
-TODO: Write a gem description
+The easiest way to use Foundation in your Rails app.
 
 ## Installation
 
@@ -18,7 +18,11 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
+After Foundation has been added to your `Gemfile` you can install it into your project by running:
+
+```bash
+rails g foundation:install
+```
 
 ## Contributing
 

data/bower.json

@@ -0,0 +1,7 @@
+{
+  "name": "foundation-rails",
+  "version": "5.1.0.0",
+  "dependencies": {
+    "foundation": "5.1.0"
+  }
+}

data/lib/foundation/rails/version.rb

@@ -1,5 +1,5 @@
 module Foundation
   module Rails
-    VERSION = "5.0.3.1"
+    VERSION = "5.1.0.1"
   end
 end

data/update-gem.sh

@@ -0,0 +1,13 @@
+#! /bin/sh
+
+bower install
+rm -rf vendor/assets/javascripts/vendor
+rm -rf vendor/assets/stylesheets
+mkdir -p vendor/assets/javascripts/vendor
+mkdir -p vendor/assets/stylesheets
+cp bower_components/modernizr/modernizr.js vendor/assets/javascripts/vendor/.
+cp -R bower_components/foundation/js/foundation/ vendor/assets/javascripts/foundation/
+cp -R bower_components/foundation/scss/ vendor/assets/stylesheets/
+cp bower_components/foundation/scss/foundation/_settings.scss vendor/assets/.
+
+# echo "Now update version.rb"

data/vendor/assets/javascripts/foundation.js

@@ -12,4 +12,5 @@
 //= require foundation/foundation.reveal
 //= require foundation/foundation.tab
 //= require foundation/foundation.tooltip
-//= require foundation/foundation.topbar
+//= require foundation/foundation.topbar
+//= require foundation/foundation.equalizer

data/vendor/assets/javascripts/foundation/foundation.abide.js

@@ -4,16 +4,17 @@
   Foundation.libs.abide = {
     name : 'abide',
 
-    version : '5.0.3',
+    version : '5.1.0',
 
     settings : {
+      live_validate : true,
       focus_on_invalid : true,
       error_labels: true, // labels with a for="inputId" will recieve an `error` class
       timeout : 1000,
       patterns : {
-        alpha: /[a-zA-Z]+/,
-        alpha_numeric : /[a-zA-Z0-9]+/,
-        integer: /-?\d+/,
+        alpha: /^[a-zA-Z]+$/,
+        alpha_numeric : /^[a-zA-Z0-9]+$/,
+        integer: /^\d+$/,
         number: /-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?/,
 
         // generic password: upper-case, lower-case, number/special character, and min 8 characters
@@ -52,14 +53,19 @@
 
     events : function (scope) {
       var self = this,
-          form = $(scope).attr('novalidate', 'novalidate'),
-          settings = form.data('abide-init');
+          form = self.S(scope).attr('novalidate', 'novalidate'),
+          settings = form.data(this.attr_name(true) + '-init');
+
+      this.invalid_attr = this.add_namespace('data-invalid');
 
       form
         .off('.abide')
         .on('submit.fndtn.abide validate.fndtn.abide', function (e) {
-          var is_ajax = /ajax/i.test($(this).attr('data-abide'));
-          return self.validate($(this).find('input, textarea, select').get(), e, is_ajax);
+          var is_ajax = /ajax/i.test(self.S(this).attr(self.attr_name()));
+          return self.validate(self.S(this).find('input, textarea, select').get(), e, is_ajax);
+        })
+        .on('reset', function() {
+          return self.reset($(this));
         })
         .find('input, textarea, select')
           .off('.abide')
@@ -68,24 +74,33 @@
           })
           .on('keydown.fndtn.abide', function (e) {
             var settings = $(this).closest('form').data('abide-init');
-            clearTimeout(self.timer);
-            self.timer = setTimeout(function () {
-              self.validate([this], e);
-            }.bind(this), settings.timeout);
+            if (settings.live_validate === true) {
+              clearTimeout(self.timer);
+              self.timer = setTimeout(function () {
+                self.validate([this], e);
+              }.bind(this), settings.timeout);
+            }
           });
     },
 
+    reset : function (form) {
+      form.removeAttr(this.invalid_attr);
+      $(this.invalid_attr, form).removeAttr(this.invalid_attr);
+      $('.error', form).not('small').removeClass('error');
+    },
+
     validate : function (els, e, is_ajax) {
       var validations = this.parse_patterns(els),
           validation_count = validations.length,
-          form = $(els[0]).closest('form'),
+          form = this.S(els[0]).closest('form'),
           submit_event = /submit/.test(e.type);
 
+      // Has to count up to make sure the focus gets applied to the top error
       for (var i=0; i < validation_count; i++) {
         if (!validations[i] && (submit_event || is_ajax)) {
           if (this.settings.focus_on_invalid) els[i].focus();
           form.trigger('invalid');
-          $(els[i]).closest('form').attr('data-invalid', '');
+          this.S(els[i]).closest('form').attr(this.invalid_attr, '');
           return false;
         }
       }
@@ -94,7 +109,7 @@
         form.trigger('valid');
       }
 
-      form.removeAttr('data-invalid');
+      form.removeAttr(this.invalid_attr);
 
       if (is_ajax) return false;
 
@@ -102,10 +117,10 @@
     },
 
     parse_patterns : function (els) {
-      var count = els.length,
+      var i = els.length,
           el_patterns = [];
 
-      for (var i = count - 1; i >= 0; i--) {
+      while (i--) {
         el_patterns.push(this.pattern(els[i]));
       }
 
@@ -134,37 +149,51 @@
     },
 
     check_validation_and_apply_styles : function (el_patterns) {
-      var count = el_patterns.length,
+      var i = el_patterns.length,
           validations = [];
 
-      for (var i = count - 1; i >= 0; i--) {
+      while (i--) {
         var el = el_patterns[i][0],
             required = el_patterns[i][2],
             value = el.value,
-            is_equal = el.getAttribute('data-equalto'),
+            direct_parent = this.S(el).parent(),
+            is_equal = el.getAttribute(this.add_namespace('data-equalto')),
             is_radio = el.type === "radio",
             is_checkbox = el.type === "checkbox",
-            label = $('label[for="' + el.getAttribute('id') + '"]'),
+            label = this.S('label[for="' + el.getAttribute('id') + '"]'),
             valid_length = (required) ? (el.value.length > 0) : true;
 
+        var parent;
+
+        if (!direct_parent.is('label')) {
+          parent = direct_parent;
+        } else {
+          parent = direct_parent.parent();
+        }
+
         if (is_radio && required) {
           validations.push(this.valid_radio(el, required));
         } else if (is_checkbox && required) {
           validations.push(this.valid_checkbox(el, required));
         } else if (is_equal && required) {
-          validations.push(this.valid_equal(el, required));
+          validations.push(this.valid_equal(el, required, parent));
         } else {
+
           if (el_patterns[i][1].test(value) && valid_length ||
             !required && el.value.length < 1) {
-            $(el).removeAttr('data-invalid').parent().removeClass('error');
+            this.S(el).removeAttr(this.invalid_attr);
+            parent.removeClass('error');
             if (label.length > 0 && this.settings.error_labels) label.removeClass('error');
 
             validations.push(true);
+            $(el).triggerHandler('valid');
           } else {
-            $(el).attr('data-invalid', '').parent().addClass('error');
+            this.S(el).attr(this.invalid_attr, '');
+            parent.addClass('error');
             if (label.length > 0 && this.settings.error_labels) label.addClass('error');
 
             validations.push(false);
+            $(el).triggerHandler('invalid');
           }
         }
       }
@@ -173,12 +202,13 @@
     },
 
     valid_checkbox : function(el, required) {
-      var el = $(el),
+      var el = this.S(el),
           valid = (el.is(':checked') || !required);
+
       if (valid) {
-        el.removeAttr('data-invalid').parent().removeClass('error');
+        el.removeAttr(this.invalid_attr).parent().removeClass('error');
       } else {
-        el.attr('data-invalid', '').parent().addClass('error');
+        el.attr(this.invalid_attr, '').parent().addClass('error');
       }
 
       return valid;
@@ -190,30 +220,34 @@
           count = group.length,
           valid = false;
 
+      // Has to count up to make sure the focus gets applied to the top error
       for (var i=0; i < count; i++) {
         if (group[i].checked) valid = true;
       }
 
+      // Has to count up to make sure the focus gets applied to the top error
       for (var i=0; i < count; i++) {
         if (valid) {
-          $(group[i]).removeAttr('data-invalid').parent().removeClass('error');
+          this.S(group[i]).removeAttr(this.invalid_attr).parent().removeClass('error');
         } else {
-          $(group[i]).attr('data-invalid', '').parent().addClass('error');
+          this.S(group[i]).attr(this.invalid_attr, '').parent().addClass('error');
         }
       }
 
       return valid;
     },
 
-    valid_equal: function(el, required) {
-      var from  = document.getElementById(el.getAttribute('data-equalto')).value,
+    valid_equal: function(el, required, parent) {
+      var from  = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
           to    = el.value,
           valid = (from === to);
 
       if (valid) {
-        $(el).removeAttr('data-invalid').parent().removeClass('error');
+        this.S(el).removeAttr(this.invalid_attr);
+        parent.removeClass('error');
       } else {
-        $(el).attr('data-invalid', '').parent().addClass('error');
+        this.S(el).attr(this.invalid_attr, '');
+        parent.addClass('error');
       }
 
       return valid;

data/vendor/assets/javascripts/foundation/foundation.accordion.js

@@ -4,7 +4,7 @@
   Foundation.libs.accordion = {
     name : 'accordion',
 
-    version : '5.0.3',
+    version : '5.1.0',
 
     settings : {
       active_class: 'active',
@@ -12,25 +12,33 @@
     },
 
     init : function (scope, method, options) {
-      this.bindings(method, options);
+      this.bindings(method, options); 
     },
 
     events : function () {
-      $(this.scope).off('.accordion').on('click.fndtn.accordion', '[data-accordion] > dd > a', function (e) {
-        var accordion = $(this).parent(),
-            target = $('#' + this.href.split('#')[1]),
-            siblings = $('> dd > .content', target.closest('[data-accordion]')),
-            settings = accordion.parent().data('accordion-init'),
-            active = $('> dd > .content.' + settings.active_class, accordion.parent());
+      var self = this;
+      var S = this.S;
+      S(this.scope)
+      .off('.fndtn.accordion')
+      .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a', function (e) {
+        var accordion = S(this).closest('[' + self.attr_name() + ']'),
+            target = S('#' + this.href.split('#')[1]),
+            siblings = S('dd > .content', accordion),
+            aunts = $('> dd', accordion),
+            settings = accordion.data(self.attr_name(true) + '-init'),
+            active_content = S('dd > .content.' + settings.active_class, accordion),
+            active_parent = S('dd.' + settings.active_class, accordion);
 
         e.preventDefault();
 
-        if (active[0] == target[0] && settings.toggleable) {
-          return target.toggleClass(settings.active_class);
+        if (active_content[0] == target[0] && settings.toggleable) {
+          active_parent.toggleClass(settings.active_class, false);
+          return target.toggleClass(settings.active_class, false);
         }
 
         siblings.removeClass(settings.active_class);
-        target.addClass(settings.active_class);
+        aunts.removeClass(settings.active_class);
+        target.addClass(settings.active_class).parent().addClass(settings.active_class);
       });
     },
 

data/vendor/assets/javascripts/foundation/foundation.alert.js

@@ -4,7 +4,7 @@
   Foundation.libs.alert = {
     name : 'alert',
 
-    version : '5.0.3',
+    version : '5.1.0',
 
     settings : {
       animation: 'fadeOut',
@@ -17,13 +17,16 @@
     },
 
     events : function () {
-      $(this.scope).off('.alert').on('click.fndtn.alert', '[data-alert] a.close', function (e) {
-          var alertBox = $(this).closest("[data-alert]"),
-              settings = alertBox.data('alert-init') || Foundation.libs.alert.settings;
+      var self = this,
+          S = this.S;
+
+      $(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] a.close', function (e) {
+          var alertBox = S(this).closest('[' + self.attr_name() + ']'),
+              settings = alertBox.data(self.attr_name(true) + '-init') || self.settings;
 
         e.preventDefault();
         alertBox[settings.animation](settings.speed, function () {
-          $(this).trigger('closed').remove();
+          S(this).trigger('closed').remove();
           settings.callback();
         });
       });

data/vendor/assets/javascripts/foundation/foundation.clearing.js

@@ -4,12 +4,12 @@
   Foundation.libs.clearing = {
     name : 'clearing',
 
-    version: '5.0.3',
+    version: '5.1.0',
 
     settings : {
       templates : {
         viewing : '<a href="#" class="clearing-close">&times;</a>' +
-          '<div class="visible-img" style="display: none"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' +
+          '<div class="visible-img" style="display: none"><div class="clearing-touch-label"></div><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' +
           '<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' +
           '<a href="#" class="clearing-main-next"><span></span></a></div>'
       },
@@ -18,6 +18,8 @@
       // add 'div.clearing-blackout, div.visible-img' to close on background click
       close_selectors : '.clearing-close',
 
+      touch_label : '&larr;&nbsp;Swipe to Advance&nbsp;&rarr;',
+
       // event initializers and locks
       init : false,
       locked : false
@@ -25,37 +27,38 @@
 
     init : function (scope, method, options) {
       var self = this;
-      Foundation.inherit(this, 'throttle loaded');
+      Foundation.inherit(this, 'throttle image_loaded');
 
       this.bindings(method, options);
 
-      if ($(this.scope).is('[data-clearing]')) {
-        this.assemble($('li', this.scope));
+      if (self.S(this.scope).is('[' + this.attr_name() + ']')) { 
+        this.assemble(self.S('li', this.scope));
       } else {
-        $('[data-clearing]', this.scope).each(function () {
-          self.assemble($('li', this));
+        self.S('[' + this.attr_name() + ']', this.scope).each(function () {
+          self.assemble(self.S('li', this));
         });
       }
     },
 
     events : function (scope) {
-      var self = this;
+      var self = this,
+      S = self.S;
 
-      $(this.scope)
+      S(this.scope)
         .off('.clearing')
-        .on('click.fndtn.clearing', 'ul[data-clearing] li',
+        .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li',
           function (e, current, target) {
-            var current = current || $(this),
+            var current = current || S(this),
                 target = target || current,
                 next = current.next('li'),
-                settings = current.closest('[data-clearing]').data('clearing-init'),
-                image = $(e.target);
+                settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'),
+                image = S(e.target);
 
             e.preventDefault();
 
             if (!settings) {
               self.init();
-              settings = current.closest('[data-clearing]').data('clearing-init');
+              settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
             }
 
             // if clearing is open and the current image is
@@ -64,7 +67,7 @@
               current[0] === target[0] && 
               next.length > 0 && self.is_open(current)) {
               target = next;
-              image = $('img', target);
+              image = S('img', target);
             }
 
             // set current and target to the clicked li if not otherwise defined.
@@ -81,16 +84,17 @@
         .on('keydown.fndtn.clearing',
           function (e) { self.keydown(e) });
 
-      $(window).off('.clearing').on('resize.fndtn.clearing',
+      S(window).off('.clearing').on('resize.fndtn.clearing',
         function () { self.resize() });
 
       this.swipe_events(scope);
     },
 
     swipe_events : function (scope) {
-      var self = this;
+      var self = this,
+      S = self.S;
 
-      $(this.scope)
+      S(this.scope)
         .on('touchstart.fndtn.clearing', '.visible-img', function(e) {
           if (!e.touches) { e = e.originalEvent; }
           var data = {
@@ -101,7 +105,7 @@
                 is_scrolling: undefined
               };
 
-          $(this).data('swipe-transition', data);
+          S(this).data('swipe-transition', data);
           e.stopPropagation();
         })
         .on('touchmove.fndtn.clearing', '.visible-img', function(e) {
@@ -109,7 +113,7 @@
           // Ignore pinch/zoom events
           if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
 
-          var data = $(this).data('swipe-transition');
+          var data = S(this).data('swipe-transition');
 
           if (typeof data === 'undefined') {
             data = {};
@@ -129,7 +133,7 @@
           }
         })
         .on('touchend.fndtn.clearing', '.visible-img', function(e) {
-          $(this).data('swipe-transition', {});
+          S(this).data('swipe-transition', {});
           e.stopPropagation();
         });
     },
@@ -140,24 +144,31 @@
       if ($el.parent().hasClass('carousel')) return;
       $el.after('<div id="foundationClearingHolder"></div>');
 
-      var holder = $('#foundationClearingHolder'),
-          settings = $el.data('clearing-init'),
+      var holder = this.S('#foundationClearingHolder'),
+          settings = $el.data(this.attr_name(true) + '-init'),
           grid = $el.detach(),
           data = {
             grid: '<div class="carousel">' + grid[0].outerHTML + '</div>',
             viewing: settings.templates.viewing
           },
           wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
-            data.grid + '</div></div>';
+            data.grid + '</div></div>',
+          touch_label = this.settings.touch_label;
+
+      if (Modernizr.touch) {
+        wrapper = $(wrapper).find('.clearing-touch-label').html(touch_label).end();
+      }
 
-      return holder.after(wrapper).remove();
+      holder.after(wrapper).remove();
     },
 
     open : function ($image, current, target) {
-      var root = target.closest('.clearing-assembled'),
-          container = $('div', root).first(),
-          visible_image = $('.visible-img', container),
-          image = $('img', visible_image).not($image);
+      var self = this,
+          root = target.closest('.clearing-assembled'),
+          container = self.S('div', root).first(),
+          visible_image = self.S('.visible-img', container),
+          image = self.S('img', visible_image).not($image),
+          label = self.S('.clearing-touch-label', container);
 
       if (!this.locked()) {
         // set the image to the selected thumbnail
@@ -165,15 +176,15 @@
           .attr('src', this.load($image))
           .css('visibility', 'hidden');
 
-        this.loaded(image, function () {
+        this.image_loaded(image, function () {
           image.css('visibility', 'visible');
           // toggle the gallery
           root.addClass('clearing-blackout');
           container.addClass('clearing-container');
           visible_image.show();
           this.fix_height(target)
-            .caption($('.clearing-caption', visible_image), $image)
-            .center(image)
+            .caption(self.S('.clearing-caption', visible_image), $image)
+            .center_and_label(image,label)
             .shift(current, target, function () {
               target.siblings().removeClass('visible');
               target.addClass('visible');
@@ -197,7 +208,7 @@
         container = $('div', root).first();
         visible_image = $('.visible-img', container);
         this.settings.prev_index = 0;
-        $('ul[data-clearing]', root)
+        $('ul[' + this.attr_name() + ']', root)
           .attr('style', '').closest('.clearing-blackout')
           .removeClass('clearing-blackout');
         container.removeClass('clearing-container');
@@ -212,28 +223,29 @@
     },
 
     keydown : function (e) {
-      var clearing = $('ul[data-clearing]', '.clearing-blackout'),
+      var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout'),
           NEXT_KEY = this.rtl ? 37 : 39,
           PREV_KEY = this.rtl ? 39 : 37,
           ESC_KEY = 27;
 
       if (e.which === NEXT_KEY) this.go(clearing, 'next');
       if (e.which === PREV_KEY) this.go(clearing, 'prev');
-      if (e.which === ESC_KEY) $('a.clearing-close').trigger('click');
+      if (e.which === ESC_KEY) this.S('a.clearing-close').trigger('click');
     },
 
     nav : function (e, direction) {
-      var clearing = $('ul[data-clearing]', '.clearing-blackout');
+      var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout');
 
       e.preventDefault();
       this.go(clearing, direction);
     },
 
     resize : function () {
-      var image = $('img', '.clearing-blackout .visible-img');
+      var image = $('img', '.clearing-blackout .visible-img'),
+          label = $('.clearing-touch-label', '.clearing-blackout');
 
       if (image.length) {
-        this.center(image);
+        this.center_and_label(image, label);
       }
     },
 
@@ -243,7 +255,7 @@
           self = this;
 
       lis.each(function () {
-          var li = $(this),
+          var li = self.S(this),
               image = li.find('img');
 
           if (li.height() > image.outerHeight()) {
@@ -262,28 +274,32 @@
         .siblings('.visible-img');
 
       if (target.next().length > 0) {
-        $('.clearing-main-next', visible_image)
+        this.S('.clearing-main-next', visible_image)
           .removeClass('disabled');
       } else {
-        $('.clearing-main-next', visible_image)
+        this.S('.clearing-main-next', visible_image)
           .addClass('disabled');
       }
 
       if (target.prev().length > 0) {
-        $('.clearing-main-prev', visible_image)
+        this.S('.clearing-main-prev', visible_image)
           .removeClass('disabled');
       } else {
-        $('.clearing-main-prev', visible_image)
+        this.S('.clearing-main-prev', visible_image)
           .addClass('disabled');
       }
     },
 
-    center : function (target) {
+    center_and_label : function (target, label) {
       if (!this.rtl) {
         target.css({
           marginLeft : -(target.outerWidth() / 2),
           marginTop : -(target.outerHeight() / 2)
         });
+        label.css({
+          marginLeft : -(label.outerWidth() / 2),
+          marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
+        });
       } else {
         target.css({
           marginRight : -(target.outerWidth() / 2),
@@ -291,6 +307,12 @@
           left: 'auto',
           right: '50%'
         });
+        label.css({
+          marginRight : -(label.outerWidth() / 2),
+          marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
+          left: 'auto',
+          right: '50%'
+        });
       }
       return this;
     },
@@ -319,12 +341,12 @@
     img : function (img) {
       if (img.length) {
         var new_img = new Image(),
-            new_a = $('a', img);
+            new_a = this.S('a', img);
 
         if (new_a.length) {
           new_img.src = new_a.attr('href');
         } else {
-          new_img.src = $('img', img).attr('src');
+          new_img.src = this.S('img', img).attr('src');
         }
       }
       return this;
@@ -350,11 +372,11 @@
     // directional methods
 
     go : function ($ul, direction) {
-      var current = $('.visible', $ul),
+      var current = this.S('.visible', $ul),
           target = current[direction]();
 
       if (target.length) {
-        $('img', target)
+        this.S('img', target)
           .trigger('click', [current, target]);
       }
     },
@@ -402,9 +424,9 @@
     },
 
     direction : function ($el, current, target) {
-      var lis = $('li', $el),
+      var lis = this.S('li', $el),
           li_width = lis.outerWidth() + (lis.outerWidth() / 4),
-          up_count = Math.floor($('.clearing-container').outerWidth() / li_width) - 1,
+          up_count = Math.floor(this.S('.clearing-container').outerWidth() / li_width) - 1,
           target_index = lis.index(target),
           response;
 
@@ -451,8 +473,8 @@
     },
 
     off : function () {
-      $(this.scope).off('.fndtn.clearing');
-      $(window).off('.fndtn.clearing');
+      this.S(this.scope).off('.fndtn.clearing');
+      this.S(window).off('.fndtn.clearing');
     },
 
     reflow : function () {