Version 1
[yaffs-website] / vendor / mehrpadin / superfish / sftouchscreen.js
diff --git a/vendor/mehrpadin/superfish/sftouchscreen.js b/vendor/mehrpadin/superfish/sftouchscreen.js
new file mode 100644 (file)
index 0000000..5fb46ae
--- /dev/null
@@ -0,0 +1,125 @@
+/*
+ * sf-Touchscreen v1.3b - Provides touchscreen compatibility for the jQuery Superfish plugin.
+ *
+ * Developer's note:
+ * Built as a part of the Superfish project for Drupal (http://drupal.org/project/superfish)
+ * Found any bug? have any cool ideas? contact me right away! http://drupal.org/user/619294/contact
+ *
+ * jQuery version: 1.3.x or higher.
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *  http://www.opensource.org/licenses/mit-license.php
+ *  http://www.gnu.org/licenses/gpl.html
+ */
+
+(function($){
+  $.fn.sftouchscreen = function(options){
+    options = $.extend({
+      mode: 'inactive',
+      breakpoint: 768,
+      breakpointUnit: 'px',
+      useragent: '',
+      behaviour: 2,
+      disableHover: false
+    }, options);
+
+    function activate(menu){
+      var eventHandler = (('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch)) ? ['click touchstart','mouseup touchend'] : ['click','mouseup'];
+      // Select hyperlinks from parent menu items.
+      menu.find('li:has(ul)').children('a,span.nolink').each(function(){
+        var item = $(this),
+        parent = item.closest('li');
+        if (options.disableHover){
+          parent.unbind('mouseenter mouseleave');
+        }
+        if (options.behaviour == 2){
+          if (parent.children('a.menuparent,span.nolink.menuparent').length > 0 && parent.children('ul').children('.sf-clone-parent').length == 0){
+            var
+            // Cloning the hyperlink of the parent menu item.
+            cloneLink = parent.children('a.menuparent,span.nolink.menuparent').clone(),
+            // Wrapping the hyerplinks in <li>.
+            cloneLink = $('<li class="sf-clone-parent" />').html(cloneLink);
+            // Removing unnecessary stuff.
+            cloneLink.find('.sf-sub-indicator').remove(),
+            // Adding a helper class and attaching them to the sub-menus.
+            parent.children('ul').addClass('sf-has-clone-parent').prepend(cloneLink);
+          }
+        }
+        // No .toggle() here as it's not possible to reset it.
+        item.bind(eventHandler[0], function(event){
+          // Already clicked?
+          if (item.hasClass('sf-clicked')){
+            // Depending on the preferred behaviour, either proceed to the URL.
+            if (options.behaviour == 0){
+              window.location = item.attr('href');
+            }
+            // or collapse the sub-menu.
+            else if (options.behaviour == 1 || options.behaviour == 2){
+              event.preventDefault();
+              item.removeClass('sf-clicked');
+              parent.hideSuperfishUl().find('a,span.nolink').removeClass('sf-clicked');
+            }
+          }
+          // Prevent the default action otherwise.
+          else {
+            event.preventDefault();
+            item.addClass('sf-clicked');
+            parent.showSuperfishUl().siblings('li:has(ul)').hideSuperfishUl().find('.sf-clicked').removeClass('sf-clicked');
+          }
+        });
+      });
+
+      $(document).bind(eventHandler[1], function(event){
+        if (menu.not(event.target) && menu.has(event.target).length === 0){
+          menu.find('.sf-clicked').removeClass('sf-clicked');
+          menu.find('li:has(ul)').hideSuperfishUl();
+        }
+      });
+    }
+    // Return original object to support chaining.
+    // This is not necessary actually because of the way the module uses these plugins.
+    for (var b = 0; b < this.length; b++) {
+      var menu = $(this).eq(b),
+      mode = options.mode;
+      // The rest is crystal clear, isn't it? :)
+      if (mode == 'always_active'){
+        activate(menu);
+      }
+      else if (mode == 'window_width'){
+        var breakpoint = (options.breakpointUnit == 'em') ? (options.breakpoint * parseFloat($('body').css('font-size'))) : options.breakpoint,
+        windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
+        timer;
+        if ((typeof Modernizr === 'undefined' || typeof Modernizr.mq !== 'function') && windowWidth < breakpoint){
+          activate(menu);
+        }
+        else if (typeof Modernizr !== 'undefined' && typeof Modernizr.mq === 'function' && Modernizr.mq('(max-width:' + (breakpoint - 1) + 'px)')) {
+          activate(menu);
+        }
+        $(window).resize(function(){
+          clearTimeout(timer);
+          timer = setTimeout(function(){
+            var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+            if ((typeof Modernizr === 'undefined' || typeof Modernizr.mq !== 'function') && windowWidth < breakpoint){
+              activate(menu);
+            }
+            else if (typeof Modernizr !== 'undefined' && typeof Modernizr.mq === 'function' && Modernizr.mq('(max-width:' + (breakpoint - 1) + 'px)')) {
+              activate(menu);
+            }
+          }, 50);
+        });
+      }
+      else if (mode == 'useragent_custom'){
+        if (options.useragent != ''){
+          var ua = RegExp(options.useragent, 'i');
+          if (navigator.userAgent.match(ua)){
+            activate(menu);
+          }
+        }
+      }
+      else if (mode == 'useragent_predefined' && navigator.userAgent.match(/(android|bb\d+|meego)|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i)){
+        activate(menu);
+      }
+    }
+    return this;
+  }
+})(jQuery);