Added two options to set the button style and add down arrow icons

diff --git a/tests/visual/menu/menubar.js b/tests/visual/menu/menubar.js
index 9bb3f38e99a541518637254c8cd3bae0e5b04d1a..f384668d4a26ad9cf184e827b1a7e52619cb66a9 100644 (file)
--- a/tests/visual/menu/menubar.js
+++ b/tests/visual/menu/menubar.js
@@ -7,10 +7,15 @@
 
 // TODO take non-menubar buttons into account
 $.widget("ui.menubar", {
+   options: {
+      buttons: false,
+      menuIcon: false
+   },
        _create: function() {
                var self = this;
                var items = this.element.children("button, a");
-               
+               var o = this.options;
+                               
                this.element.addClass('ui-menubar ui-widget-header ui-helper-clearfix');
                
                items.next("ul").each(function(i, elm) {
@@ -42,18 +47,26 @@ $.widget("ui.menubar", {
                });
                items.each(function() {
                        var input = $(this),
-                               menu = input.next("ul");
-                       input.bind("click focus mouseenter", function(event) {
-                               if (menu.length && (!/^mouse/.test(event.type) || self.active && self.active.is(":visible") )) {
-                                       self._open(event, menu);
-                               }
-                               event.preventDefault();
-                               event.stopPropagation();
-                       }).button({
-                               icons: {
-                                       secondary: menu.length ? 'ui-icon-triangle-1-s' : ''
-                               }
-                       });
+                                  menu = input.next("ul");
+                       
+                       input
+                          .bind("click focus mouseenter", function(event) {
+                               if (menu.length && (!/^mouse/.test(event.type) || self.active && self.active.is(":visible") )) {
+                                       self._open(event, menu);
+                               }
+                               event.preventDefault();
+                               event.stopPropagation();
+                       })
+                       .button({
+                               icons: {
+                                       secondary: o.menuIcon ? (menu.length ? 'ui-icon-triangle-1-s' : '') : ''                                        
+                               }
+                       });
+                       
+         if (!o.buttons) {
+            input.addClass('ui-menubar-link').removeClass('ui-state-default');
+         };                    
+                       
                });
                $(document).click(function(event) {
                        !$(event.target).closest(".ui-menubar").length && items.next("ul").hide();