<script>
        jQuery(document).ready(function () {
            jQuery('#menu-1').megaMenu({
                trigger: 'click'
            });
        });
    </script>

(function($){
    // default settings
    var defaultSettings = {
        // DESKTOP MODE SETTINGS
        logo_align          : 'left',    // align the logo left or right. options (left) or (right)
        links_align         : 'left',    // align the links left or right. options (left) or (right)
        socialBar_align     : 'left',    // align the socialBar left or right. options (left) or (right)
        searchBar_align     : 'right',   // align the search bar left or right. options (left) or (right)
        trigger             : 'click',   // show drop down using click or hover. options (hover) or (click)
        effect              : 'scale',    // drop down effects. options (fade), (scale), (expand-top), (expand-bottom), (expand-left), (expand-right)
        effect_speed        : 400,       // drop down show speed in milliseconds
        sibling             : true,      // hide the others showing drop downs if this option true. this option works on if the trigger option is "click". options (true) or (false)
        outside_click_close : true,      // hide the showing drop downs when user click outside the menu. this option works if the trigger option is "click". options (true) or (false)
        top_fixed           : false,     // fixed the menu top of the screen. options (true) or (false)
        sticky_header       : true,     // menu fixed on top when scroll down down. options (true) or (false)
        sticky_header_height: 200,       // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
        menu_position       : 'horizontal',    // change the menu position. options (horizontal), (vertical-left) or (vertical-right)
        full_width          : true,            // make menu full width. options (true) or (false)
        // MOBILE MODE SETTINGS
        mobile_settings     : {
            collapse            : false, // collapse the menu on click. options (true) or (false)
            sibling             : true,  // hide the others showing drop downs when click on current drop down. options (true) or (false)
            scrollBar           : true,  // enable the scroll bar. options (true) or (false)
            scrollBar_height    : 400,   // scroll bar height in px value. this option works if the scrollBar option true.
            top_fixed           : false, // fixed menu top of the screen. options (true) or (false)
            sticky_header       : false, // menu fixed on top when scroll down down. options (true) or (false)
            sticky_header_height: 200    // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
        }
    };
    // extend function
    $.fn.megaMenu = function (settings) {
        settings = $.extend({}, defaultSettings, settings || {});
        return this.each(function () {
            // variables
            var $this = $(this),
                $ul = 'ul',
                $li = 'li',
                $a = 'a',
                mobile_trigger_button = '.menu-mobile-collapse-trigger',
                mobile_dropDown_trigger = '.mobileTriggerButton',
                desktop_dropDown_trigger = '.desktopTriggerButton',
                activeClass = 'active',
                activeTrigger = 'activeTrigger',
                activeTriggerMobile = 'activeTriggerMobile',
                dropDown = '.drop-down-multilevel, .drop-down, .drop-down-tab-bar',
                desktopTopFixed = 'desktopTopFixed',
                mobileTopFixed = 'mobileTopFixed',
                fullWidth = 'menuFullWidth',
                contact_form = $this.find('.menu-contact-form'),
                contact_form_notification = contact_form.find('.nav_form_notification'),
                Canvas;
            // Main Object box-shadow: 0 0 20px rgba(0,0,0,.3);
            // call functions

        });
    };
    /*global $, jQuery, document*/
})(jQuery);