"

From 2014hs.igem.org

/*

* SooperFish 0.1
* (c) 2010 Jurriaan Roelofs - SooperThemes.com
* Inspired by Suckerfish, Superfish and Droppy
* Licensed GPL: http://www.gnu.org/licenses/gpl.html
*/

$.fn.sooperfish = function(op) {

 var sf = $.fn.sooperfish;
 sf.o = [];
 sf.op = {};
 sf.c = {
   menuClass   : 'sf-js-enabled',
   isParent : 'sf-parent',
   arrowClass  : 'sf-arrow'
 };
 if ($.easing.easeOutOvershoot) { //set default easing
   sooperEasingShow = 'easeOutOvershoot';
 } else {
   sooperEasingShow = 'linear';
 };
 if ($.easing.easeInTurbo) {
   sooperEasingHide = 'easeInTurbo';
 } else {
   sooperEasingHide = 'linear';
 };  
 sf.defaults = {
   multiColumn  : true,
   dualColumn  : 6, //if a submenu has at least this many items it will be divided in 2 columns
   tripleColumn  : 12, //if a submenu has at least this many items it will be divided in 3 columns
   hoverClass  : 'sfHover',
   delay    : 500, //make sure menus only disappear when intended, 500ms is advised by Jacob Nielsen
   animationShow  : {height:'show'},
   speedShow    : 600,
   easingShow      : sooperEasingShow,
   animationHide  : {height:'hide',opacity:'hide'},
   speedHide    : 200,
   easingHide      : sooperEasingHide,
   autoArrows  : true, //Adds span elements to parent li elements, projecting arrow images on these items to indicate submenus. I added an alternative image file with white arrows.
   onShow    : function(){}, //callback after showing menu
   onHide    : function(){} //callback after hiding menu
 };
 

 //Merge default settings with o function parameter
 var o = $.extend({},sf.defaults,op);
 if (!o.sooperfishWidth) {
 o.sooperfishWidth = $('ul:first li:first', this).width(); //if no width is set in options try to read it from DOM
 } else {
 $('ul li', this).width(o.sooperfishWidth) //if width is set in invocation make sure this width is true for all submenus
 }

 this.each(function() {
   
   //Check dom for submenus
   var parentLi = $('li:has(ul)', this);
   parentLi.each(function(){
     if (o.autoArrows) { //Add autoArrows if requested
     $('>a',this).append('');
     }
     $(this).addClass(sf.c.isParent);
   });
   
   $('ul',this).css({left: 'auto',display: 'none'}); //The script needs to use display:none to make the hiding animation possible

   //Divide menu in columns
   //Set width override
   if (o.multiColumn) {
   var uls = $('ul',this);
   uls.each(function(){
     var ulsize = $('>li:not(.backLava)',this).length; //Skip list items added by Lavalamp plugin
     if (ulsize >= o.dualColumn) {
       if (ulsize >= o.tripleColumn) {
         $(this).width(3*o.sooperfishWidth).addClass('multicolumn triplecolumn');
       } else {
         $(this).width(2*o.sooperfishWidth).addClass('multicolumn dualcolumn');
       }
     }
   });
   }

   var root = this, zIndex = 1000;

   function getSubmenu(ele) {
     if (ele.nodeName.toLowerCase() == 'li') {
       var submenu = $('> ul', ele);
       return submenu.length ? submenu[0] : null;
     } else {
       return ele;
     }
   }

   function getActuator(ele) {
     if (ele.nodeName.toLowerCase() == 'ul') {
       return $(ele).parents('li')[0];
     } else {
       return ele;
     }
   }

   function hideSooperfishUl() {
     var submenu = getSubmenu(this);
     if (!submenu) return;
     $.data(submenu, 'cancelHide', false);
     setTimeout(function() {
       if (!$.data(submenu, 'cancelHide')) {
         $(submenu).animate(o.animationHide,o.speedHide,o.easingHide,function(){ o.onHide.call(submenu); });
       }
     }, o.delay);
   }

   function showSooperfishUl() {
     var submenu = getSubmenu(this);
     if (!submenu) return;
     $.data(submenu, 'cancelHide', true);
     $(submenu).css({zIndex: zIndex++}).animate(o.animationShow,o.speedShow,o.easingShow,function(){ o.onShow.call(submenu); });
     if (this.nodeName.toLowerCase() == 'ul') {
       var li = getActuator(this);
       $(li).addClass('hover');
       $('> a', li).addClass('hover');
     }
   }
   
   // Bind Events. Yes it's that simple!
   $('li', this).unbind().hover(showSooperfishUl, hideSooperfishUl);

 });

};