/*
* 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
}, options);
function activate(menu){
// 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.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
.
cloneLink = $('').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.click(function(event){
// Already clicked? proceed to the URL.
if (item.hasClass('sf-clicked')){
if (options.behaviour == 0){
window.location = item.attr('href');
}
else if (options.behaviour == 1 || options.behaviour == 2){
event.preventDefault();
item.removeClass('sf-clicked').parent('li').hideSuperfishUl();
}
}
// Prevent it otherwise.
else {
event.preventDefault();
item.addClass('sf-clicked').parent('li').showSuperfishUl();
}
}).closest('li').mouseleave(function(){
// Reset everything.
item.removeClass('sf-clicked');
});
});
}
// 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' && Modernizr.mq('(max-width:' + (breakpoint - 1) + 'px)')) || (typeof Modernizr === 'undefined' && windowWidth < breakpoint)){
activate(menu);
}
$(window).resize(function(){
clearTimeout(timer);
timer = setTimeout(function(){
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if ((typeof Modernizr != 'undefined' && Modernizr.mq('(max-width:' + (breakpoint - 1) + 'px)')) || (typeof Modernizr === 'undefined' && windowWidth < breakpoint)){
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);