function optionsMenu()
 {
     $sparkOps = parent::optionsMenu();
     if (!defined('UBERMENU_UPGRADE')) {
         $compare = 'comparison';
         $sparkOps->registerPanel($compare, __('Images, Widgets, Shortcodes & More UberMenu Features', 'ubermenu'), 200, false);
         $sparkOps->addCustomField($compare, 'ubermenu-pro-upgrade', 'ubermenu_pro_upgrade');
     }
     return $sparkOps;
 }
    function optionsMenu()
    {
        $sparkOps = parent::optionsMenu();
        /* Basic Standard */
        $basic = 'basic-config';
        $sparkOps->addRadio($basic, 'wpmega-orientation', __('Orientation', 'ubermenu'), __('Choose a vertical (top to bottom) or horizontal (left to right) menu.  Note that if your horizontal menu is forced to have a narrow width by your theme, it may appear to be vertically oriented.', 'ubermenu'), array('horizontal' => __('Horizontal', 'ubermenu'), 'vertical' => __('Vertical', 'ubermenu')), 'horizontal', '', 2);
        $sparkOps->addCheckbox($basic, 'wpmega-menubar-full', __('Expand Menu Bar Full Width?', 'ubermenu'), __('Enable to have the menu bar fill its container.  Disable to size the menu bar to its contents. ', 'ubermenu'), 'on', '', 2);
        /* VERTICAL MENUS */
        $weight = 25;
        $sparkOps->addSubHeader($basic, 'wpmega-vertical-header', __('Vertical Menu Sizing', 'ubermenu'), '', '', $weight);
        $sparkOps->addTextInput($basic, 'vertical-submenu-w', __('Vertical Mega Submenu Width', 'ubermenu'), __('Since the width of a submenu is constrained by the container that the UberMenu is placed in, you must set the width manually if you want it to be wider.', 'ubermenu'), '', 'spark-minitext', 'px', $weight);
        /* Advanced Content */
        $descConfig = 'description-config';
        $sparkOps->setPanelName($descConfig, __('Descriptions, Shortcodes, Widgets', 'ubermenu'));
        $sparkOps->addSubHeader($descConfig, 'wpmega-othercontent-header', __('Advanced Content Capabilities: Content Overrides, Shortcodes, Widgets', 'ubermenu'));
        $sparkOps->addCheckbox($descConfig, 'wpmega-shortcodes', __('Allow Content Overrides', 'ubermenu'), __('Content Overrides allow you to include non-links in the Mega Menu.  You can use shortcodes, which will allow you to put items like contact forms, search boxes, or galleries in your Menus', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($descConfig, 'title-shortcodes', __('Allow Shortcodes in Navigation Label & Description', 'ubermenu'), __('Enable this setting to use shortcodes inside menu item titles and descriptions', 'ubermenu'), 'off');
        $sparkOps->addTextInput($descConfig, 'wpmega-sidebars', __('Number of Widget Areas', 'ubermenu'), __('Enter the number of widget areas/sidebars that should be generated for the UberMenu.  You can then add widgets through the normal means. <span class="ss-infobox ss-infobox-warning">This value must be 1 or greater to use widgets</span>', 'ubermenu'), '0', 'spark-minitext');
        $sparkOps->addTextArea($descConfig, 'sidebar-names', __('Widget Area Names', 'ubermenu'), __('You can name your widget areas in order to better keep track of them.  Separate names with commas, e.g. <em>Contact Us Widget Area, Product List Widget Area</em>.   But keep in mind, you only need one widget area per row, which can container multiple widgets to create columns.', 'ubermenu'), '', '');
        $sparkOps->addCheckbox($descConfig, 'wpmega-top-level-widgets', __('Allow Top-Level Widgets', 'ubermenu'), __('Turn this on to allow placing widgets in the top level, in addition to the submenu.  <span class="spark-infobox spark-infobox-warning">Remember, if you place widgets in the top level, they will always be visible.  In many cases, this will break your layout.</span>', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($descConfig, 'load-google-maps', __('Load Google Maps', 'ubermenu'), __('Loads the Google Maps API so you can use maps in your menu with the provided shortcode.  Note that jQuery Enhancements must be enabled in order to utilize the map shortcode.', 'ubermenu'), 'off');
        /*
         * IMAGE SETTINGS PANEL
         */
        $imageConfig = 'image-config';
        $sparkOps->registerPanel($imageConfig, __('Images', 'ubermenu'), 30);
        $sparkOps->addInfobox($imageConfig, 'wpmega-images', '', __('Control how your images are sized and processed.', 'ubermenu'));
        $sparkOps->addCheckbox($imageConfig, 'wpmega-resizeimages', __('Resize Images', 'ubermenu'), __('Should the images all be sized the same?  <span class="spark-infobox">This must be enabled if you wish to use Timthumb.</span>', 'ubermenu'), 'on');
        $sparkOps->addTextInput($imageConfig, 'wpmega-image-width', __('Image Width', 'ubermenu'), __('Setting this value is important for proper spacing in the menu, even if you aren\'t resizing your images.', 'ubermenu'), '16', 'spark-minitext', 'px');
        $sparkOps->addTextInput($imageConfig, 'wpmega-image-height', __('Image Height', 'ubermenu'), '', '16', 'spark-minitext', 'px');
        $sparkOps->addCheckbox($imageConfig, 'wpmega-usetimthumb', __('Use Timthumb', 'ubermenu'), __('Use TimThumb to automatically scale and crop images to the preferred width and height.  <span class="spark-infobox">You must follow the instructions in the UberMenu Support Guide to setup TimThumb for use.  Note that some hosts, especially shared hosting, will not allow you to use timthumb on their servers.</span>', 'ubermenu'), 'off');
        /* STYLE SETTINGS */
        $styleConfig = 'style-config';
        $sparkOps->addTextarea($styleConfig, 'wpmega-css-tweaks', __('Custom CSS Tweaks', 'ubermenu'), __('Best for minor CSS tweaks.  Want to write a custom style?  Use <a href="http://sevenspark.com/docs/ubermenu-custom-skin" target="_blank">custom.css</a>.  <br/><br/><span class="spark-infobox">These styles will be applied regardless of the options above</span>', 'ubermenu'), '');
        /* STYLE GENERATOR */
        $styleGen = 'style-gen';
        $sparkOps->registerPanel($styleGen, __('Style Generator', 'ubermenu'), 50);
        $sparkOps->addInfobox($styleGen, 'style-gen-application-alert', '', __('Please note that unless you set the <strong>Style Application</strong> to <strong>Style Generator</strong> ' . 'in <em>UberMenu > Style Configuration</em>, these settings will have no effect.  ' . '<br/><br/><strong>Knowledgebase: <a target="_blank" href="http://sevenspark.com/docs/ubermenu-style-generator" title="Permalink to Style Generator" rel="bookmark">Style Generator</a></strong>', 'ubermenu'), 'spark-infobox-warning');
        $sparkOps->addCheckbox($styleGen, 'save-style-gen-to-file', __('Save Custom CSS to file', 'ubermenu'), __('Will attempt to save to a file, rather than including in site head.', 'ubermenu'));
        $sparkOps->addHidden($styleGen, 'use-gen-skin', 'off');
        //Menu Bar
        $sparkOps->addSubHeader($styleGen, 'menu-bar-header', __('Menu Bar', 'ubermenu'));
        /*$sparkOps->addInfobox( $styleGen, 
        		'colorpickers-info', 
        		'',
        		/*__( 'When using the color pickers, (1) click the input box, (2) select your color, (3) <strong>click '.
        			'the colorwheel button in the lower right corner</strong> to set the color.  Do <strong>not</strong> '.
        			'include a # before your color in the input box.', 'ubermenu' ) 
        		);
        		*/
        //@menubarColorStart, @menubarColorEnd
        $sparkOps->addColorPicker($styleGen, 'menu-bar-background', __('Menu Bar Background', 'ubermenu'), '', true);
        //@menubarBorderColor
        $sparkOps->addColorPicker($styleGen, 'menu-bar-border-color', __('Menu Bar Border', 'ubermenu'), '', false);
        //@menubarRadius
        $sparkOps->addTextInput($styleGen, 'menu-bar-border-radius', __('Menu Bar Border Radius', 'ubermenu'), __('CSS3: only works in modern browsers.', 'ubermenu'), '0', 'minitext', 'px');
        //Top Level
        $sparkOps->addSubHeader($styleGen, 'top-level-header', __('Top Level', 'ubermenu'));
        //@topLevelFontSize
        $sparkOps->addTextInput($styleGen, 'top-level-item-font-size', __('Font Size', 'ubermenu'), __('Example: <em>12px</em> or <em>1.5em</em>', 'ubermenu'), '12px', 'minitext');
        //@topLevelColor
        $sparkOps->addColorPicker($styleGen, 'top-level-item-font-color', __('Font Color', 'ubermenu'), '', false);
        //@topLevelColorHover
        $sparkOps->addColorPicker($styleGen, 'top-level-item-font-color-hover', __('Font Color [Hover]', 'ubermenu'), '', false);
        //@currentColor
        $sparkOps->addColorPicker($styleGen, 'top-level-item-font-color-current', __('Font Color [Current Menu Item]', 'ubermenu'), '', false);
        //@topLevelTextShadow
        $sparkOps->addColorPicker($styleGen, 'top-level-item-text-shadow', __('Text Shadow', 'ubermenu'), '', false);
        //@topLevelTextShadowHover
        $sparkOps->addColorPicker($styleGen, 'top-level-item-text-shadow-hover', __('Text Shadow [Hover]', 'ubermenu'), '', false);
        //@topLevelTextTransform
        $sparkOps->addSelect($styleGen, 'top-level-text-transform', __('Text Transform', 'ubermenu'), '', array('uppercase' => 'uppercase', 'capitalize' => 'capitalize', 'lowercase' => 'lowercase', 'none' => 'none'), 'none');
        //@topLevelTextWeight
        $sparkOps->addSelect($styleGen, 'top-level-text-weight', __('Font Weight', 'ubermenu'), '', array('normal' => 'normal', 'bold' => 'bold'), 'bold');
        //@topLevelDividerColor
        $sparkOps->addColorPicker($styleGen, 'top-level-item-border', __('Item Divider Color', 'ubermenu'), '', false);
        //@topLevelPaddingX
        $sparkOps->addTextInput($styleGen, 'top-level-item-padding-x', __('Horizontal Padding', 'ubermenu'), '', '15', 'minitext', 'px');
        //@topLevelPaddingY
        $sparkOps->addTextInput($styleGen, 'top-level-item-padding-y', __('Vertical Padding', 'ubermenu'), '', '12', 'minitext', 'px');
        //@topLevelGlowOpacity
        $sparkOps->addTextInput($styleGen, 'top-level-item-glow-opacity', __('Glow Opacity', 'ubermenu'), __('The top and left edge are given a lighter glow to add depth.  Set a decimal between 0 and 1. For lighter menus, set a value closer to 1.  For darker menus, set a number closer to 0.  ' . '<span class="spark-infobox spark-infobox-warning">If you have a "white border" on the top and left that you can\'t remove, set this to 0.  See also the [Hover] version.</span>', 'ubermenu'), '.9', 'minitext');
        //@topLevelBackgroundHoverStart, @topLevelBackgroundHoverEnd
        $sparkOps->addColorPicker($styleGen, 'top-level-item-background-hover', __('Background Color [Hover]', 'ubermenu'), '', true);
        //@topLevelGlowOpacityHover
        $sparkOps->addTextInput($styleGen, 'top-level-item-glow-opacity-hover', __('Glow Opacity [Hover]', 'ubermenu'), __('The top and left edge are given a lighter glow to add depth.  Set a decimal between 0 and 1. For lighter menus, set a value closer to 1.  For darker menus, set a number closer to 0.', 'ubermenu'), '.9', 'minitext');
        /*$sparkOps->addColorPicker( $styleGen,
        		'top-level-item-border-hover',
        		'Tab and Dropdown Border Color [Hover]',
        		'',
        		false
        		);*/
        /*$sparkOps->addTextInput( $styleGen,
        		'top-level-item-border-radius',
        		'Tab and Dropdown Border Radius [Hover]',
        		'',
        		'0',
        		'minitext',
        		'px'
        		);*/
        //Sub Menus
        $sparkOps->addSubHeader($styleGen, 'sub-level-header', __('Sub Menu Level', 'ubermenu'));
        //@subMenuBorderColor
        $sparkOps->addColorPicker($styleGen, 'sub-menu-border', __('Submenu Border Color', 'ubermenu'), '', false);
        //@submenuColorStart
        $sparkOps->addColorPicker($styleGen, 'sub-level-background', __('Dropdown Background Color', 'ubermenu'), __('Set the second color to create a vertical gradient.  Leave blank for a flat color.', 'ubermenu'), true);
        //@subMenuColor
        $sparkOps->addColorPicker($styleGen, 'sub-level-item-font-color', __('Submenu Font Color', 'ubermenu'), __('The default font color for the submenus - overridden by header and item colors', 'ubermenu'), false);
        //@subMenuTextShadow
        $sparkOps->addColorPicker($styleGen, 'sub-level-text-shadow', __('Submenu Text Shadow Color', 'ubermenu'), '', false);
        //@subMenuBoxShadow
        $sparkOps->addColorPicker($styleGen, 'sub-level-box-shadow', __('Drop Shadow Color', 'ubermenu'), '', false);
        //@SubMenuMinColWidth
        $sparkOps->addTextInput($styleGen, 'sub-level-column-width', __('Minimum Column Width', 'ubermenu'), __('You can set the minimum width of the columns in the dropdown.  Useful to align columns in multi-row layouts.', 'ubermenu'), '100', 'minitext', 'px');
        //Submenu Headers
        $sparkOps->addSubHeader($styleGen, 'sub-level-header-headers', __('Sub Menu Headers', 'ubermenu'));
        //@subHeaderColor
        $sparkOps->addColorPicker($styleGen, 'sub-level-header-font-color', __('Header Font Color', 'ubermenu'), '', false);
        //@subHeaderColorHover
        $sparkOps->addColorPicker($styleGen, 'sub-level-header-font-color-hover', __('Header Link Font Color [Hover]', 'ubermenu'), '', false);
        //@subHeaderSize
        $sparkOps->addTextInput($styleGen, 'sub-level-header-font-size', __('Header Font Size', 'ubermenu'), __('Example: 12px or 1.5em', 'ubermenu'), '12px', 'minitext', '');
        //@subHeaderWeight
        $sparkOps->addSelect($styleGen, 'sub-level-header-font-weight', __('Header Font Weight', 'ubermenu'), '', array('normal' => 'normal', 'bold' => 'bold'), 'bold');
        //@subHeaderBorderBottom (1)
        $sparkOps->addSelect($styleGen, 'sub-level-header-border-style', __('Header Underline Style', 'ubermenu'), '', array('dotted' => 'dotted', 'dashed' => 'dashed', 'solid' => 'solid', 'none' => 'none'), 'dotted');
        //@subHeaderBorderBottom (2)
        $sparkOps->addColorPicker($styleGen, 'sub-level-header-border-color', __('Header Underline Color', 'ubermenu'), '', false);
        //Submenu Links
        $sparkOps->addSubHeader($styleGen, 'sub-level-header-links', __('Sub Menu Links', 'ubermenu'));
        //@subLinkColor
        $sparkOps->addColorPicker($styleGen, 'sub-level-link-font-color', __('Submenu Link Font Color', 'ubermenu'), '', false);
        //@subLinkColorHover
        $sparkOps->addColorPicker($styleGen, 'sub-level-link-font-color-hover', __('Submenu Link Font Color [Hover]', 'ubermenu'), '', false);
        //@subLinkSize
        $sparkOps->addTextInput($styleGen, 'sub-level-link-font-size', __('Submenu Link Font Size', 'ubermenu'), __('Example: 12px or 1.5em', 'ubermenu'), '12px', 'minitext', '');
        //@subLinkBackground
        $sparkOps->addColorPicker($styleGen, 'sub-level-link-background', __('Item Background Color', 'ubermenu'), '', false);
        //@subLinkBackgroundHover
        $sparkOps->addColorPicker($styleGen, 'sub-level-link-background-hover', __('Item Background Color [Hover]', 'ubermenu'), '', false);
        //Miscellaneous
        $sparkOps->addSubHeader($styleGen, 'sub-level-other-header', __('Miscellaneous', 'ubermenu'));
        //@highlightColor
        $sparkOps->addColorPicker($styleGen, 'sub-level-highlight-color', __('Highlight Color', 'ubermenu'), __('Items that are highlighted will be displayed this color', 'ubermenu'), false);
        //@descriptionSize
        $sparkOps->addTextInput($styleGen, 'menu-description-size', __('Description Font Size', 'ubermenu'), __('Example: 12px or 1.5em', 'ubermenu'), '9px', 'minitext', '');
        //@descriptionColor: #bbb;
        $sparkOps->addColorPicker($styleGen, 'menu-description-color', __('Description Font Color', 'ubermenu'), '', false);
        //@descriptionTransform
        $sparkOps->addSelect($styleGen, 'description-transform', __('Description Transform', 'ubermenu'), '', array('uppercase' => 'uppercase', 'capitalize' => 'capitalize', 'lowercase' => 'lowercase', 'none' => 'none'), 'none');
        //@topLevelArrowColor
        $sparkOps->addColorPicker($styleGen, 'top-level-arrow-color', __('Top Level Arrow Color', 'ubermenu'), '', false);
        //@flyoutArrowColor
        $sparkOps->addColorPicker($styleGen, 'sub-level-arrow-color', __('Flyout Sub Level Arrow Color', 'ubermenu'), '', false);
        //@searchTextColor
        $sparkOps->addColorPicker($styleGen, 'search-text-color', __('Top Level Searchbar Text Color', 'ubermenu'), '', false);
        //@searchTextBackground
        $sparkOps->addColorPicker($styleGen, 'search-text-background', __('Top Level Searchbar Text Background', 'ubermenu'), '', false);
        //@searchSubmitTextColor
        $sparkOps->addColorPicker($styleGen, 'search-submit-text-color', __('Top Level Searchbar Submit Button Text Color', 'ubermenu'), '', false);
        //@searchSubmitTextBackground
        $sparkOps->addColorPicker($styleGen, 'search-submit-background', __('Top Level Searchbar Submit Button Background', 'ubermenu'), '', false);
        //@searchSubmitTextColorHover
        $sparkOps->addColorPicker($styleGen, 'search-submit-text-color-hover', __('Top Level Searchbar Submit Button Text Color [Hover]', 'ubermenu'), '', false);
        //@searchSubmitTextBackgroundHover
        $sparkOps->addColorPicker($styleGen, 'search-submit-background-hover', __('Top Level Searchbar Submit Button Background [Hover]', 'ubermenu'), '', false);
        //PREVIEW
        $sparkOps->addSubHeader($styleGen, 'stylegen-preview', __('Preview', 'ubermenu'));
        $sparkOps->addSelect($styleGen, 'menu-preview', __('Menu', 'ubermenu'), __('Select the menu you\'d like to preview', 'ubermenu'), $this->getNavMenus());
        $sparkOps->addCustomField($styleGen, 'ubermenu-preview-button', 'previewButton');
        /* THEME INTEGRATION */
        $themeIntegration = 'theme-config';
        $sparkOps->registerPanel($themeIntegration, __('Theme Integration', 'ubermenu'), 60);
        $sparkOps->addInfobox($themeIntegration, 'wpmega-themeintegration', '', __('Help with integrating UberMenu with complex or misbehaving themes.', 'ubermenu'));
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-strict', __('Strict Mode', 'ubermenu'), __('Disable Strict Mode <strong>if you have only one menu on your site</strong>, and it should be a mega menu, and your theme does not support Theme Locations.  Otherwise, leave this on or you may end up with the wrong menu megafied.', 'ubermenu'), 'on');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-easyintegrate', __('Easy Integration', 'ubermenu'), __('For themes that don\'t properly support WordPress 3 Menus.  Just turn this on and place ' . '<code>&lt;?php uberMenu_easyIntegrate(); ?&gt;</code> in your header.php file, or <code>[uberMenu_easyIntegrate]</code> in a text widget to place your menu.', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-remove-conflicts', __('Remove Theme Conflicts', 'ubermenu'), __('This attempts to remove previously registered javascript acting on the menu.', 'ubermenu'), 'on');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-minimizeresidual', __('Minimize Residual Styling', 'ubermenu'), __('This will change the ID of the menu\'s top level UL.  If you still have residual styling, you likely need 
						to manually edit the ID or class of the elements surrounding the <code>wp_nav_menu</code> call in your header.php.', 'ubermenu'), 'on');
        $sparkOps->addCheckbox($themeIntegration, 'reset-div-span-styling', __('Reset Div &amp; Span Styling', 'ubermenu'), __('Reset margins, padding, etc, on divs &amp; spans within the menu.  This will strip styling from some widgets or shortcodes that you add to the menu.', 'ubermenu'), 'on');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-iefix', __('Use IE Fix Script', 'ubermenu'), __('Depending on how your theme is coded, some themes will require this for the menu to work properly while others will not.  IE is a fickle bitch, so try it both ways and see which works better for your theme.', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-jquery-noconflict', __('Run jQuery in noConflict Mode', 'ubermenu'), __('If your theme does not load the default WordPress jQuery library, turn this on.', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-load-on-login', __('Load UberMenu on Login and Registration Pages', 'ubermenu'), __('Since WordPress login and registration pages do not include a menu by default, UberMenu won\'t load there.  If you are styling your login/registration page, turn this on - otherwise UberMenu will be completely unstyled.', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-include-jquery', __('Include jQuery', 'ubermenu'), __('This is REQUIRED.  Only disable this if your theme or another plugin already is not properly enqueueing jQuery.  <span class="spark-infobox spark-infobox-warning"><strong>DO NOT DISABLE UNLESS YOU KNOW WHAT YOU ARE DOING!</strong></span>', 'ubermenu'), 'on');
        $sparkOps->addCheckbox($themeIntegration, 'wpmega-include-hoverintent', __('Include Hover Intent', 'ubermenu'), __('This is REQUIRED.  Only this if your theme or another plugin already includes hoverIntent.js.  <span class="spark-infobox spark-infobox-warning"><strong>DO NOT DISABLE UNLESS YOU ARE CERTAIN!</strong></span>', 'ubermenu'), 'on');
        $sparkOps->addCheckbox($themeIntegration, 'no-ie6', __('Default to theme menu in IE6', 'ubermenu'), __('UberMenu is not compatible with IE6, as noted in the product description.  By default, UberMenu will not load in IE6, in an effort to fall back to the default theme menu, which may or may not be IE6-compatible.  If for some reason you want to disable this feature, you can do so here.', 'ubermenu'), 'on');
        /* ADVANCED */
        $advanced = 'advanced-config';
        $sparkOps->registerPanel($advanced, __('Advanced Settings', 'ubermenu'), 70);
        $sparkOps->addInfobox($advanced, 'advanced-panel-warning', __('Warning', 'ubermenu'), __('Do not change advanced settings unless you are certain of what you are doing.', 'ubermenu'), 'spark-infobox-warning');
        $sparkOps->addTextInput($advanced, 'wpmega-container-w', __('Menu Bar Width', 'ubermenu'), __('Enter a width in pixels.  UberMenu automatically sizes to its container, so you only need to use this if you want UberMenu ' . 'to be a different size.  It will automatically be centered when possible.' . '<span class="spark-infobox spark-infobox-warning">Remember, your submenu\'s maximum width is restricted to the width of your menu bar by default.</span>' . '<span class="spark-infobox spark-infobox-warning">Be sure to disable the Expand Menu Bar Full Width option in basic settings if you intend to use this</span>', 'ubermenu'), '', 'spark-minitext', 'px');
        $sparkOps->addCheckbox($advanced, 'center-menubar', __('Center Menu Bar', 'ubermenu'), __('Coupled with the Menu Bar Width above, this will center your menu within its container.  Be sure to enable the Clearfix option below as well', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($advanced, 'enable-clearfix', __('Enable Clearfix', 'ubermenu'), __('Important for centering.', 'ubermenu'), 'off');
        $sparkOps->addTextInput($advanced, 'inner-menu-width', __('Inner Menu Width', 'ubermenu'), __('Enter a width in pixels (most common: 960).  This is useful for centering the menu items while allowing the menu bar to span the entire window.', 'ubermenu'), '', 'spark-minitext', 'px');
        $sparkOps->addCheckbox($advanced, 'center-inner-menu', __('Center Inner Menu', 'ubermenu'), __('Coupled with the Inner Menu Width above, this will center your inner menu within the menu bar.' . '<span class="spark-infobox spark-infobox-warning">You must set an explicit width above to center the menu.</span>', 'ubermenu'), 'off');
        $sparkOps->addCheckbox($advanced, 'center-menuitems', __('Center Menu Items', 'ubermenu'), __('Center the menu items within the menu bar.  Note that using images, widgets or content overrides in the top level may break your layout with this option enabled.  ' . 'Works best with basic text menu items.', 'ubermenu'), 'off');
        /*$sparkOps->addTextInput( $advanced,			
        		'wpmega-max-submenu-w',
        		'Maximum Submenu Width',
        		'Normally, a submenu can only be as wide as the top level menu bar.  If you want it to be wider, set the value here.',
        		'',
        		'spark-minitext',
        		'px'
        		);*/
        $sparkOps->addCheckbox($advanced, 'wpmega-html5', __('HTML5', 'ubermenu'), __('Use the HTML5 <code>&lt;nav&gt;</code> element as the menu container.  <span class="spark-infobox spark-infobox-warning">Only enable this if your theme supports HTML5!  Otherwise it\'ll break Internet Explorer</span>', 'ubermenu'));
        $sparkOps->addCheckbox($advanced, 'include-basic-css', __('Include basic.css', 'ubermenu'), __('UberMenu\'s basic.css contains all the structural code for the menu.  <span class="spark-infobox spark-infobox-warning">Without this code, the menu will not work.  Only disable this if you are going to manually include it elsewhere.</span>', 'ubermenu'), 'on');
        /*
        $sparkOps->addCheckbox( $advanced,
        			'custom-basic-css',
        			__( 'Use custom/basic.css', 'ubermenu' ),
        			__( 'If you want to use a custom version of basic.css, enable this (keep the above option enabled as well).', 'ubermenu' ),
        			'off'
        			);
        */
        $sparkOps->addCheckbox($advanced, 'wpmega-debug', __('Development Mode', 'ubermenu'), __('Run in Development mode.  This will load the .dev.js ubermenu script rather than the minified version.  Easier for testing customizations and debugging.', 'ubermenu'));
        $sparkOps->addResetButton($advanced, 'wpmega-reset-options', __('Reset Options', 'ubermenu'), __('Reset UberMenu Settings to the factory defaults.', 'ubermenu'));
        $sparkOps->addCheckbox($advanced, 'wpmega-autoAlign', __('Auto Align (Deprecated)', 'ubermenu'), __('Automatically align the second-level menu items by setting all widths the width of the widest item in each submenu. ' . '<div class="spark-infobox spark-infobox-warning">This feature remains for legacy use.  A better way to accomplish column alignment is to choose the "Full Width" option and set the number of columns in a menu item\'s settings</div>', 'ubermenu'), 'off', '');
        $sparkOps->addCheckbox($advanced, 'update-alerts', __('Update Alerts', 'ubermenu'), __('Check for updates and display an alert in the admin bar when available.', 'ubermenu'), 'on', '');
        $sparkOps->addCheckbox($advanced, 'compatibility-report-panel', __('Show Compatibility Report Panel', 'ubermenu'), __('Disable this to hide the Compatibility Report Panel.  (After saving, you\'ll need to reload a second time before the change takes effect).', 'ubermenu'), 'on', '');
        $sparkOps->addCheckbox($advanced, 'extensions-panel', __('Show Extensions &amp; Utilities Panel', 'ubermenu'), __('Disable this to hide the Extensions &amp; Utilities Panel.  (After saving, you\'ll need to reload a second time before the change takes effect).', 'ubermenu'), 'on', '');
        $sparkOps->addCheckbox($advanced, 'custom-js', __('Include Custom Javascript', 'ubermenu'), __('Enable this to load the custom/custom.js file.', 'ubermenu'), 'off', '');
        if ($sparkOps->op('compatibility-report-panel') == 'on') {
            $compat = 'compatibility-report';
            $sparkOps->registerPanel($compat, __('Compatibility Report', 'ubermenu'), 100, false);
            $sparkOps->addInfobox($compat, 'compat-alert', __('Please Help Improve Theme/UberMenu Compatibility', 'ubermenu'), __('Please let me know about compatibility with your theme so I can work towards more universal UberMenu compatibility.', 'ubermenu'), 'spark-infobox-notice');
            $sparkOps->addCustomField($compat, 'ubermenu-compat', 'ubermenu_compatibility_report');
        }
        if ($sparkOps->op('extensions-panel') == 'on') {
            $extensions = 'extensions';
            $sparkOps->registerPanel($extensions, __('Extensions &amp; Utilities', 'ubermenu'), 120, false);
            $sparkOps->addInfobox($extensions, 'extensions-alert', __('UberMenu Extensions &amp; Utilities', 'ubermenu'), __('The following are a selection of both free and premium extensions and utilities that can augment your UberMenu in a variety of scenarios.  <br/><br/>You can disable this panel if you wish in the Advanced Settings.', 'ubermenu'), 'spark-infobox-notice');
            $sparkOps->addCustomField($extensions, 'ubermenu-extensions', 'ubermenu_extensions');
        }
        if (isset($_GET['updates'])) {
            /* UPDATES */
            $updates = 'updates';
            $sparkOps->registerPanel($updates, 'Updates', 5, false);
            $sparkOps->addCustomField($updates, 'ubermenu-updates', 'ubermenu_update_notifier');
        }
        return $sparkOps;
    }