$(document).ready(function() {
        $("ul.sf-menu").supersubs({
            //minWidth: 15,   // minimum width of sub-menus in em units 
            //maxWidth: 20,   // maximum width of sub-menus in em units 
            //extraWidth: 1     // extra width can ensure lines don't sometimes turn over 
        });
        $("ul.sf-menu").superfish({
            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' },   // an object equivalent to first parameter of jQuery?s .animate() method 
            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: true,               // 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
        });

    });