$(document).ready(function(){ 
        $("ul#mainnavigation").supersubs({ 
            minWidth:    5,   // minimum width of sub-menus in em units 
            maxWidth:    47,   // maximum width of sub-menus in em units 
            extraWidth:  0     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish();  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 
    }); 
    $.fn.superfish.defaults = {
        hoverClass:    'sfHover',          // the class applied to hovered list items
        pathClass:     'overideThisToUse', // the class you have applied to list items that lead to the current page
        pathLevels:    1,                  // the number of levels of submenus that remain open or are restored using pathClass
        delay:         500,                // the delay in milliseconds that the mouse can remain outside a submenu without it closing
        animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
        speed:         'fast',           // speed of the animation. Equivalent to second parameter of jQuery's .animate() method
        autoArrows:    true,               // if true, arrow mark-up generated automatically = cleaner source code at expense of initialisation performance
        dropShadows:   false,               // completely disable drop shadows by setting this to false
        disableHI:     false,              // set to true to disable hoverIntent detection
        onInit:        function(){},       // callback function fires once Superfish is initialised ' - 'this' is the containing ul
        onBeforeShow:  function(){},       // callback function fires just before reveal animation begins ' - 'this' is the ul about to open
        onShow:        function(){},       // callback function fires once reveal animation completed - 'this' is the opened ul
        onHide:        function(){}        // callback function fires after a sub-menu has closed - 'this' is the ul that just closed
};