From d9c72efc9b6cbc254f6d3ae22ea7a1d76bcba6c3 Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Mon, 12 Mar 2012 23:45:45 +0000
Subject: [PATCH] This is the first jQuery plugin working with jsQuery. It
 needs cleanning and maybe BundleGenerators to have the js in an external file

---
 jsquery/pom.xml                               |  52 +-
 jsquery/samples/zoom.html                     |   3 +-
 .../main/java/gwtquery/jsquery/client/JQ.java |  29 +-
 .../java/gwtquery/jsquery/client/JsMenu.java  | 932 ++++++++++++++++++
 .../java/gwtquery/jsquery/client/JsQuery.java |  53 +-
 .../java/gwtquery/jsquery/client/jsmenu.diff  |  62 ++
 .../java/gwtquery/jsquery/public/JsQuery.html |   4 +-
 .../gwtquery/jsquery/public/arrow_right.gif   | Bin 0 -> 55 bytes
 .../gwtquery/jsquery/public/arrowdown.png     | Bin 0 -> 661 bytes
 .../java/gwtquery/jsquery/public/demo.html    | 365 +++++++
 .../java/gwtquery/jsquery/public/myshadow.png | Bin 0 -> 5741 bytes
 .../java/gwtquery/jsquery/public/style.css    | 358 +++++++
 jsquery/src/main/webapp/index.html            |   2 +-
 13 files changed, 1840 insertions(+), 20 deletions(-)
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/client/JsMenu.java
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/client/jsmenu.diff
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/public/arrow_right.gif
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/public/arrowdown.png
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/public/demo.html
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/public/myshadow.png
 create mode 100644 jsquery/src/main/java/gwtquery/jsquery/public/style.css

diff --git a/jsquery/pom.xml b/jsquery/pom.xml
index 36e4e912..2bcfe803 100644
--- a/jsquery/pom.xml
+++ b/jsquery/pom.xml
@@ -3,12 +3,19 @@
     <parent>
         <groupId>com.googlecode.gwtquery</groupId>
         <artifactId>gwtquery-project</artifactId>
-        <version>1.1.0-SNAPSHOT</version>
+        <version>1.1.1-SNAPSHOT</version>
     </parent>
 
     <name>JsQuery</name>
     <artifactId>jsquery</artifactId>
     <packaging>war</packaging>
+
+    <properties>
+        <gwtversion>2.4.0</gwtversion>
+        <gwtmaven>2.4.0</gwtmaven>
+    </properties>
+
+
     <dependencies>
         <dependency>
             <groupId>${groupId}</groupId>
@@ -20,7 +27,7 @@
         <dependency>
            <groupId>org.timepedia.exporter</groupId>
            <artifactId>gwtexporter</artifactId>
-           <version>2.3.1-SNAPSHOT</version>
+           <version>2.4.0-SNAPSHOT</version>
            <scope>provided</scope>
         </dependency>
         <dependency>
@@ -57,7 +64,7 @@
                 <version>${gwtmaven}</version>
                 <configuration>
                     <logLevel>${gwt.loglevel}</logLevel>
-                    <style>${gwt.outputstyle}</style>
+                    <style>OBF</style>
                     <optimizationLevel>9</optimizationLevel>
                     <gwtVersion>${gwtversion}</gwtVersion>
                     <compileReport>true</compileReport>
@@ -83,19 +90,42 @@
                     <downloadSources>true</downloadSources>
                     <downloadJavadocs>true</downloadJavadocs>
                     <additionalBuildcommands>
-                        <buildCommand>
-                            <name>
-                                com.google.gwt.eclipse.core.gwtProjectValidator
-                            </name>
-                        </buildCommand>
+                      <buildCommand>com.google.gwt.eclipse.core.gwtProjectValidator</buildCommand>
+                      <buildcommand>org.eclipse.wst.common.modulecore.ComponentStructuralBuilder</buildcommand>
+                      <buildcommand>org.eclipse.jdt.core.javabuilder</buildcommand>
+                      <buildcommand>org.eclipse.wst.common.modulecore.ComponentStructuralBuilderDependencyResolver</buildcommand>
                     </additionalBuildcommands>
                     <additionalProjectnatures>
-                        <projectnature>com.google.gwt.eclipse.core.gwtNature
-                        </projectnature>
+                      <projectnature>com.google.gwt.eclipse.core.gwtNature</projectnature>
+                      <projectnature>org.eclipse.jdt.core.javanature</projectnature>
+                      <projectnature>org.eclipse.wst.common.modulecore.ModuleCoreNature</projectnature>
                     </additionalProjectnatures>
-                </configuration>
+                 </configuration>
+            </plugin>
+            <plugin>
+              <artifactId>maven-resources-plugin</artifactId>
+              <version>2.5</version>
+              <executions>
+                <execution>
+                  <id>copy-resources</id>
+                  <phase>generate-sources</phase>
+                  <goals>
+                    <goal>copy-resources</goal>
+                  </goals>
+                  <configuration>
+                    <outputDirectory>${project.build.directory}/${project.build.finalName}</outputDirectory>
+                    <resources>
+                      <resource>
+                       <directory>src/main/webapp</directory>
+                       <filtering>true</filtering>
+                      </resource>
+                    </resources>
+                  </configuration>
+                </execution>
+              </executions>
             </plugin>
         </plugins>
+        <outputDirectory>${project.build.directory}/${project.build.finalName}/WEB-INF/classes</outputDirectory>
     </build>
 
 </project>
diff --git a/jsquery/samples/zoom.html b/jsquery/samples/zoom.html
index d4d2f9a1..8d7489ef 100644
--- a/jsquery/samples/zoom.html
+++ b/jsquery/samples/zoom.html
@@ -50,7 +50,8 @@
 		border: none;
 	}
 </style>
- <script language="javascript" src="../target/jsquery-1.1.0-SNAPSHOT/jsquery/jsquery.nocache.js" ></script>
+ <!-- <script language="javascript" src="../target/jsquery-1.1.1-SNAPSHOT/jsquery/jsquery.nocache.js" ></script> -->
+ <script language="javascript" src="../../api/jsquery.nocache.js" ></script>
 </head>
 
 <body>
diff --git a/jsquery/src/main/java/gwtquery/jsquery/client/JQ.java b/jsquery/src/main/java/gwtquery/jsquery/client/JQ.java
index fb00f947..f008a7f6 100644
--- a/jsquery/src/main/java/gwtquery/jsquery/client/JQ.java
+++ b/jsquery/src/main/java/gwtquery/jsquery/client/JQ.java
@@ -3,6 +3,7 @@ package gwtquery.jsquery.client;
 import org.timepedia.exporter.client.Export;
 import org.timepedia.exporter.client.ExportClosure;
 import org.timepedia.exporter.client.ExportInstanceMethod;
+import org.timepedia.exporter.client.ExportJsInitMethod;
 import org.timepedia.exporter.client.ExportOverlay;
 import org.timepedia.exporter.client.ExportPackage;
 import org.timepedia.exporter.client.Exportable;
@@ -23,6 +24,7 @@ import com.google.gwt.query.client.plugins.Effects;
 import com.google.gwt.query.client.plugins.effects.PropertiesAnimation;
 import com.google.gwt.query.client.plugins.effects.PropertiesAnimation.Easing;
 import com.google.gwt.user.client.Event;
+import static com.google.gwt.user.client.Window.*;
 
 
 @ExportPackage("jsQuery")
@@ -81,26 +83,37 @@ public class JQ implements ExportOverlay<GQuery> {
     }-*/;
 
     @Export("$wnd.$")
-    public static GQuery StaticDollar(Object o) {
+    public static GQuery staticDollar(Object o) {
       if (o instanceof String) {
+//        System.out.println("R A");
         return GQuery.$((String)o);
       } else if (isFunction(o)) {
+//        System.out.println("R B");
         runFunction(o);
       } else if (o instanceof JavaScriptObject) {
-        return GQuery.$((JavaScriptObject)o);
+        GQuery r =  GQuery.$((JavaScriptObject)o);
+//        System.out.println("R C " + r);
+        return r;
       }
+//      System.out.println("R D");
       return GQuery.$();
     }
     
     @Export("$wnd.$")
-    public static GQuery StaticDollar(String s, Element ctx) {
+    public static GQuery staticDollar(String s, Element ctx) {
       return GQuery.$(s, ctx);
     }
     
+    
+    @Export("$wnd.$.ready")
+    public static void ready(Function f) {
+      alert("ready");
+    }
+    
     @Export("$wnd.$.inArray")
     public static int inArray(Object o, Object a) {
       if (o instanceof JavaScriptObject && JsUtils.isElement((JavaScriptObject)o)) {
-        return StaticDollar(a).index((Element)o);
+        return staticDollar(a).index((Element)o);
       } else if (a instanceof JavaScriptObject && JsUtils.isArray((JavaScriptObject)a)) {
         return ((JsCache)a).indexOf(o); 
       }
@@ -252,6 +265,7 @@ public int size() {return 0;}
   public GQuery find(String... filters) {return null;}
   public GQuery first() {return null;}
   public GQuery focus(Function... f) {return null;}
+  @ExportJsInitMethod
   public NodeList<Element> get() {return null;}
   public Element get(int i) {return null;}
   public Node getContext() {return null;}
@@ -419,4 +433,11 @@ public int size() {return 0;}
   public GQuery wrapInner(Element elem) {return null;}
   public GQuery wrapInner(GQuery query) {return null;}
   public GQuery wrapInner(String html) {return null;}
+
+  @ExportInstanceMethod
+  public static GQuery ready(Function f) {
+    alert("ready ....");
+    return null;
+  }
+
 }
diff --git a/jsquery/src/main/java/gwtquery/jsquery/client/JsMenu.java b/jsquery/src/main/java/gwtquery/jsquery/client/JsMenu.java
new file mode 100644
index 00000000..1479d9a2
--- /dev/null
+++ b/jsquery/src/main/java/gwtquery/jsquery/client/JsMenu.java
@@ -0,0 +1,932 @@
+package gwtquery.jsquery.client;
+
+public abstract class JsMenu {
+  public static native void loadPlugin() /*-{
+
+(function($)
+{
+  var window = $wnd;
+  var document = $doc;
+  var menus = [], //list of all menus
+    visibleMenus = [], //list of all visible menus
+    activeMenu = activeItem = null,
+    menuDIVElement = $('<div class="menu-div outerbox" style="position:absolute;top:0;left:0;display:none;"><div class="shadowbox1"></div><div class="shadowbox2"></div><div class="shadowbox3"></div></div>')[0],
+    menuULElement = $('<ul class="menu-ul innerbox"></ul>')[0],
+    menuItemElement = $('<li style="position:relative;"><div class="menu-item"></div></li>')[0],
+    arrowElement = $('<img class="menu-item-arrow" />')[0],
+    $rootDiv = $('<div id="root-menu-div" style="position:absolute;top:0;left:0;"></div>'), //create main menu div
+    defaults = {
+      // $.Menu options
+      showDelay : 200,
+      hideDelay : 200,
+      hoverOpenDelay: 0,
+      offsetTop : 0,
+      offsetLeft : 0,
+      minWidth: 0,
+      onOpen: null,
+      onClose: null,
+
+      // $.MenuItem options
+      onClick: null,
+      arrowSrc: null,
+      addExpando: false,
+      
+      // $.fn.menuFromElement options
+      copyClassAttr: false
+    };
+    
+  $(function(){
+    $rootDiv.appendTo('body');
+  });
+
+  $.extend({
+    MenuCollection : function(items) {
+    
+      this.menus = [];
+    
+      this.init(items);
+    }
+  });
+  $.extend($.MenuCollection, {
+    prototype : {
+      init : function(items)
+      {
+        if ( items && items.length )
+        {
+          for ( var i = 0; i < items.length; i++ )
+          {
+            this.addMenu(items[i]);
+            items[i].menuCollection = this;
+          }
+        }
+      },
+      addMenu : function(menu)
+      {
+        if ( menu instanceof $.Menu )
+          this.menus.push(menu);
+        
+        menu.menuCollection = this;
+      
+        var self = this;
+        $(menu.target).hover(function(){
+          if ( menu.visible )
+            return;
+
+          //when there is an open menu in this collection, hide it and show the new one
+          for ( var i = 0; i < self.menus.length; i++ )
+          {
+            if ( self.menus[i].visible )
+            {
+              self.menus[i].hide();
+              menu.show();
+              return;
+            }
+          }
+        }, function(){});
+      }
+    }
+  });
+
+  $.extend({
+    Menu : function(target, items, options) {
+      this.menuItems = []; //all direct child $.MenuItem objects
+      this.subMenus = []; //all subMenus from this.menuItems
+      this.visible = false;
+      this.active = false; //this menu has hover or one of its submenus is open
+      this.parentMenuItem = null;
+      this.settings = $.extend({}, defaults, options);
+      this.target = target;
+      this.$eDIV = null;
+      this.$eUL = null;
+      this.timer = null;
+      this.menuCollection = null;
+      this.openTimer = null;
+
+      this.init();
+      if ( items && items.constructor == Array )
+        this.addItems(items);
+    }
+  });
+  $.extend($.Menu, {
+    checkMouse : function(e)
+    {
+      var t = e.target;
+
+      //the user clicked on the target of the currenty open menu
+      if ( visibleMenus.length && t == visibleMenus[0].target )
+        return;
+      
+      //get the last node before the #root-menu-div
+      while ( t.parentNode && t.parentNode != $rootDiv[0] )
+        t = t.parentNode;
+
+      //is the found node one of the visible menu elements?
+      if ( !$(visibleMenus).filter(function(){ return this.$eDIV[0] == t }).length )
+      {
+        $.Menu.closeAll();
+      }
+    },
+    checkKey : function(e)
+    {
+      switch ( e.keyCode )
+      {
+        case 13: //return
+          if ( activeItem )
+            activeItem.click(e, activeItem.$eLI[0]);
+          break;
+        case 27: //ESC
+          $.Menu.closeAll();
+          break;
+        case 37: //left
+          if ( !activeMenu )
+            activeMenu = visibleMenus[0];
+          var a = activeMenu;
+          if ( a && a.parentMenuItem ) //select the parent menu and close the submenu
+          {
+            //unbind the events temporary, as we dont want the hoverout event to fire
+            var pmi = a.parentMenuItem;
+            pmi.$eLI.unbind('mouseout').unbind('mouseover');
+            a.hide();
+            pmi.hoverIn(true);
+            setTimeout(function(){ //bind again..but delay it
+              pmi.bindHover();
+            });
+          }
+          else if ( a && a.menuCollection ) //select the previous menu in the collection
+          {
+            var pos,
+              mcm = a.menuCollection.menus;
+            if ( (pos = $.inArray(a, mcm)) > -1 )
+            {
+              if ( --pos < 0 )
+                pos = mcm.length - 1;
+              $.Menu.closeAll();
+              mcm[pos].show();
+              mcm[pos].setActive();
+              if ( mcm[pos].menuItems.length ) //select the first item
+                mcm[pos].menuItems[0].hoverIn(true);
+            }
+          }
+          break;
+        case 38: //up
+          if ( activeMenu )
+            activeMenu.selectNextItem(-1);
+          break;
+        case 39: //right
+          if ( !activeMenu )
+            activeMenu = visibleMenus[0];
+          var m,
+            a = activeMenu,
+            asm = activeItem ? activeItem.subMenu : null;
+          if ( a )
+          {
+            if ( asm && asm.menuItems.length ) //select the submenu
+            {
+              asm.show();
+              asm.menuItems[0].hoverIn();
+            }
+            else if ( (a = a.inMenuCollection()) ) //select the next menu in the collection
+            {
+              var pos,
+                mcm = a.menuCollection.menus;
+              if ( (pos = $.inArray(a, mcm)) > -1 )
+              {
+                if ( ++pos >= mcm.length )
+                  pos = 0;
+                $.Menu.closeAll();
+                mcm[pos].show();
+                mcm[pos].setActive();
+                if ( mcm[pos].menuItems.length ) //select the first item
+                  mcm[pos].menuItems[0].hoverIn(true);
+              }
+            }
+          }
+          break;
+        case 40: //down
+          if ( !activeMenu )
+          {
+            if ( visibleMenus.length && visibleMenus[0].menuItems.length )
+              visibleMenus[0].menuItems[0].hoverIn();
+          }
+          else
+            activeMenu.selectNextItem();
+          break;
+      }
+      if ( e.keyCode > 36 && e.keyCode < 41 )
+        return false; //this will prevent scrolling
+    },
+    closeAll : function()
+    {
+      while ( visibleMenus.length )
+        visibleMenus[0].hide();
+    },
+    setDefaults : function(d)
+    {
+      $.extend(defaults, d);
+    },
+    prototype : {
+
+      init : function()
+      {
+        var self = this;
+        if ( !this.target )
+          return;
+        else if ( this.target instanceof $.MenuItem )
+        {
+          this.parentMenuItem = this.target;
+          this.target.addSubMenu(this);
+          this.target = this.target.$eLI;
+        }
+
+        menus.push(this);
+
+        //use the dom methods instead the ones from jquery (faster)
+        this.$eDIV = $(menuDIVElement.cloneNode(1));
+        this.$eUL = $(menuULElement.cloneNode(1));
+        this.$eDIV[0].appendChild(this.$eUL[0]);
+        $rootDiv[0].appendChild(this.$eDIV[0]);
+
+        //bind events
+        if ( !this.parentMenuItem )
+        {
+          $(this.target).click(function(e){
+            self.onClick(e);
+          }).hover(function(e){
+            self.setActive();
+
+            if ( self.settings.hoverOpenDelay )
+            {
+              self.openTimer = setTimeout(function(){
+                if ( !self.visible )
+                  self.onClick(e);
+              }, self.settings.hoverOpenDelay);
+            }
+          }, function(){
+            if ( !self.visible )
+              $(this).removeClass('activetarget');
+
+            if ( self.openTimer )
+              clearTimeout(self.openTimer);
+          });
+        }
+        else
+        {
+          this.$eDIV.hover(function(){
+            self.setActive();
+          }, function(){});
+        }
+      },
+      setActive : function()
+      {
+        if ( !this.parentMenuItem )
+          $(this.target).addClass('activetarget');
+        else
+          this.active = true;
+      },
+      addItem : function(item)
+      {
+        if ( item instanceof $.MenuItem )
+        {
+          if ( $.inArray(item, this.menuItems) == -1 )
+          {
+            this.$eUL.append(item.$eLI);
+            this.menuItems.push(item);
+            item.parentMenu = this;
+            if ( item.subMenu )
+              this.subMenus.push(item.subMenu);
+          }
+        }
+        else
+        {
+          this.addItem(new $.MenuItem(item, this.settings));
+        }
+      },
+      addItems : function(items)
+      {
+        for ( var i = 0; i < items.length; i++ )
+        {
+          this.addItem(items[i]);
+        }
+      },
+      removeItem : function(item)
+      {
+        var pos = $.inArray(item, this.menuItems);
+        if ( pos > -1 )
+          this.menuItems.splice(pos, 1);
+        item.parentMenu = null;
+      },
+      hide : function()
+      {
+        if ( !this.visible )
+          return;
+        
+        var i, 
+          pos = $.inArray(this, visibleMenus);
+
+        this.$eDIV.hide();
+
+        if ( pos >= 0 )
+          visibleMenus.splice(pos, 1);
+        this.visible = this.active = false;
+
+        $(this.target).removeClass('activetarget');
+
+        //hide all submenus
+        for ( i = 0; i < this.subMenus.length; i++ )
+        {
+          this.subMenus[i].hide();
+        }
+
+        //set all items inactive (e.g. remove hover class..)
+        for ( i = 0; i < this.menuItems.length; i++ )
+        {
+          if ( this.menuItems[i].active )
+            this.menuItems[i].setInactive();
+        }
+
+        if ( !visibleMenus.length ) //unbind events when the last menu was closed
+          $(document).unbind('mousedown', $.Menu.checkMouse).unbind('keydown', $.Menu.checkKey);
+
+        if ( activeMenu == this )
+          activeMenu = null;
+          
+        if ( this.settings.onClose )
+          this.settings.onClose.call(this);
+      },
+      show : function(e)
+      {
+        if ( this.visible )
+          return;
+
+        var zi, 
+          pmi = this.parentMenuItem;
+
+        if ( this.menuItems.length ) //show only when it has items
+        {
+          if ( pmi ) //set z-index
+          {
+            zi = parseInt(pmi.parentMenu.$eDIV.css('z-index'));
+            this.$eDIV.css('z-index', (isNaN(zi) ? 1 : zi + 1));
+          }
+          this.$eDIV.css({visibility: 'hidden', display:'block'});
+
+          //set min-width
+          if ( this.settings.minWidth )
+          {
+            if ( this.$eDIV.width() < this.settings.minWidth )
+              this.$eDIV.css('width', this.settings.minWidth);
+          }
+          
+          this.setPosition();
+          this.$eDIV.css({display:'none', visibility: ''}).show();
+
+          //IEs default width: auto is bad! ie6 and ie7 have are producing different errors.. (7 = 5px shadowbox + 2px border)
+          if ( 0) //$.browser.msie )
+            this.$eUL.css('width', parseInt($.browser.version) == 6 ? this.$eDIV.width() - 7 : this.$eUL.width());
+
+          if ( this.settings.onOpen )
+            this.settings.onOpen.call(this);
+        }
+        if ( visibleMenus.length == 0 )
+          $(document).bind('mousedown', $.Menu.checkMouse).bind('keydown', $.Menu.checkKey);
+
+        this.visible = true;
+        visibleMenus.push(this);
+      },
+      setPosition : function()
+      {
+        var $t, o, posX, posY, 
+          pmo, //parent menu offset
+          wst, //window scroll top
+          wsl, //window scroll left
+          ww = $(window).width(), 
+          wh = $(window).height(),
+          pmi = this.parentMenuItem,
+          height = this.$eDIV[0].clientHeight,
+          width = this.$eDIV[0].clientWidth,
+          pheight; //parent height
+
+        if ( pmi )
+        {
+          //position on the right side of the parent menu item
+          o = pmi.$eLI.offset();
+          posX = o.left + pmi.$eLI.width();
+          posY = o.top;
+        }
+        else
+        {
+          //position right below the target
+          $t = $(this.target);
+          o = $t.offset();
+          
+          posX = o.left + this.settings.offsetLeft;
+          posY = o.top + $t.height() + this.settings.offsetTop;
+        }
+
+        //y-pos
+        if (0) //$.fn.scrollTop )
+        {
+          wst = $(window).scrollTop();
+          if ( wh < height ) //menu is bigger than the window
+          {
+            //position the menu at the top of the visible area
+            posY = wst;
+          }
+          else if ( wh + wst < posY + height ) //outside on the bottom?
+          {
+            if ( pmi )
+            {
+              pmo = pmi.parentMenu.$eDIV.offset();
+              pheight = pmi.parentMenu.$eDIV[0].clientHeight;
+              if ( height <= pheight )
+              {
+                //bottom position = parentmenu-bottom position
+                posY = pmo.top + pheight - height;
+              }
+              else
+              {
+                //top position = parentmenu-top position
+                posY = pmo.top;
+              }
+              //still outside on the bottom?
+              if ( wh + wst < posY + height )
+              {
+                //shift the menu upwards till the bottom is visible
+                posY -= posY + height - (wh + wst);
+              }
+            }
+            else
+            {
+              //shift the menu upwards till the bottom is visible
+              posY -= posY + height - (wh + wst);
+            }
+          }
+        }
+        //x-pos
+        if (0) //$.fn.scrollLeft )
+        {
+          wsl = $(window).scrollLeft();
+          if ( ww + wsl < posX + width )
+          {
+            if ( pmi )
+            {
+              //display the menu not on the right side but on the left side
+              posX -= pmi.$eLI.width() + width;
+              //outside on the left now?
+              if ( posX < wsl )
+                posX = wsl;
+            }
+            else
+            {
+              //shift the menu to the left until it fits
+              posX -= posX + width - (ww + wsl);
+            }
+          }
+        }
+
+        //set position
+        this.$eDIV.css({left: posX, top: posY});
+      },
+      onClick : function(e)
+      {
+        if ( this.visible )
+        {
+          this.hide();
+          this.setActive(); //the class is removed in the hide() method..add it again
+        }
+        else
+        {
+          //close all open menus
+          $.Menu.closeAll();
+          this.show(e);
+        }
+      },
+      addTimer : function(callback, delay)
+      {
+        var self = this;
+        this.timer = setTimeout(function(){
+          callback.call(self);
+          self.timer = null;
+        }, delay);
+      },
+      removeTimer : function()
+      {
+        if ( this.timer )
+        {
+          clearTimeout(this.timer);
+          this.timer = null;
+        }
+      },
+      selectNextItem : function(offset)
+      {
+        var i, pos = 0,
+          mil = this.menuItems.length,
+          o = offset || 1;
+        
+        //get current pos
+        for ( i = 0; i < mil; i++ )
+        {
+          if ( this.menuItems[i].active )
+          {
+            pos = i;
+            break;
+          }
+        }
+        this.menuItems[pos].hoverOut();
+
+        do //jump over the separators
+        {
+          pos += o;
+          if ( pos >= mil )
+            pos = 0;
+          else if ( pos < 0 )
+            pos = mil - 1;
+        } while ( this.menuItems[pos].separator );
+        this.menuItems[pos].hoverIn(true);
+      },
+      inMenuCollection : function()
+      {
+        var m = this;
+        while ( m.parentMenuItem )
+          m = m.parentMenuItem.parentMenu;
+        return m.menuCollection ? m : null;
+      },
+      destroy : function() //delete menu
+      {
+        var pos, item;
+
+        this.hide();
+
+        //unbind events
+        if ( !this.parentMenuItem )
+          $(this.target).unbind('click').unbind('mouseover').unbind('mouseout');
+        else
+          this.$eDIV.unbind('mouseover').unbind('mouseout');
+
+        //destroy all items
+        while ( this.menuItems.length )
+        {
+          item = this.menuItems[0];
+          item.destroy();
+          delete item;
+        }
+
+        if ( (pos = $.inArray(this, menus)) > -1 )
+          menus.splice(pos, 1);
+
+        if ( this.menuCollection )
+        {
+          if ( (pos = $.inArray(this, this.menuCollection.menus)) > -1 )
+            this.menuCollection.menus.splice(pos, 1);
+        }
+          
+        this.$eDIV.remove();
+      }
+    }
+  });
+
+  $.extend({
+    MenuItem : function(obj, options)
+    {
+      if ( typeof obj == 'string' )
+        obj = {src: obj};
+
+      this.src = obj.src || '';
+      this.url = obj.url || null;
+      this.urlTarget = obj.target || null;
+      this.addClass = obj.addClass || null;
+      this.data = obj.data || null;
+
+      this.$eLI = null;
+      this.parentMenu = null;
+      this.subMenu = null;
+      this.settings = $.extend({}, defaults, options);
+      this.active = false;
+      this.enabled = true;
+      this.separator = false;
+
+      this.init();
+      
+      if ( obj.subMenu )
+        new $.Menu(this, obj.subMenu, options);
+    }
+  });
+
+  $.extend($.MenuItem, {
+    prototype : {
+      init : function()
+      {
+        var i, isStr,
+          src = this.src,
+          self = this;
+
+        this.$eLI = $(menuItemElement.cloneNode(1));
+        if ( this.addClass )
+          this.$eLI[0].setAttribute('class', this.addClass);
+
+        if ( this.settings.addExpando && this.data )
+          this.$eLI[0].menuData = this.data;
+          
+        if ( src == '' )
+        {
+          this.$eLI.addClass('menu-separator');
+          this.separator = true;
+        }
+        else
+        {
+          isStr = typeof src == 'string';
+          if ( isStr && this.url ) //create a link node, when we have an url
+            src = $('<a href="' + this.url + '"' + (this.urlTarget ? 'target="' + this.urlTarget + '"' : '') + '>' + src + '</a>');
+          else if ( isStr || !src.length )
+            src = [src];
+          //go through the passed DOM-Elements (or jquery objects or text nodes.) and append them to the menus list item
+          //this.$eLI.append(this.src) is really slow when having a lot(!!!) of items
+          for ( i = 0; i < src.length; i++ )
+          {
+            if ( typeof src[i] == 'string' )
+            {
+              //we cant use createTextNode, as html entities won't be displayed correctly (eg. &copy;)
+              elem = document.createElement('span');
+              elem.innerHTML = src[i];
+              this.$eLI[0].firstChild.appendChild(elem);
+            }
+            else
+              this.$eLI[0].firstChild.appendChild(src[i].cloneNode(1));
+          }
+        }
+
+        this.$eLI.click(function(e){
+          self.click(e, this);
+        });
+        this.bindHover();
+      },
+      click : function(e, scope)
+      {
+        if ( this.enabled && this.settings.onClick )
+          this.settings.onClick.call(scope, e, this);
+      },
+      bindHover : function()
+      {
+        var self = this;
+        this.$eLI.hover(function(){
+            self.hoverIn();
+          }, function(){
+            self.hoverOut();
+        });
+      },
+      hoverIn : function(noSubMenu)
+      {
+        this.removeTimer();
+
+        var i, 
+          pms = this.parentMenu.subMenus,
+          pmi = this.parentMenu.menuItems,
+          self = this;
+
+        //remove the timer from the parent item, when there is one (e.g. to close the menu)
+        if ( this.parentMenu.timer )
+          this.parentMenu.removeTimer();
+
+        if ( !this.enabled )
+          return;
+          
+        //deactivate all menuItems on the same level
+        for ( i = 0; i < pmi.length; i++ )
+        {
+          if ( pmi[i].active )
+            pmi[i].setInactive();
+        }
+
+        this.setActive();
+        activeMenu = this.parentMenu;
+
+        //are there open submenus on the same level? close them!
+        for ( i = 0; i < pms.length; i++ )
+        {
+          if ( pms[i].visible && pms[i] != this.subMenu && !pms[i].timer ) //close if there is no closetimer running already
+            pms[i].addTimer(function(){
+              this.hide();
+            }, pms[i].settings.hideDelay);
+        }
+
+        if ( this.subMenu && !noSubMenu )
+        {
+          //set timeout to show menu
+          this.subMenu.addTimer(function(){
+            this.show();
+          }, this.subMenu.settings.showDelay);
+        }
+      },
+      hoverOut : function()
+      {
+        this.removeTimer();
+
+        if ( !this.enabled )
+          return;
+        
+        if ( !this.subMenu || !this.subMenu.visible )
+          this.setInactive();
+      },
+      removeTimer : function()
+      {
+        if ( this.subMenu )
+        {
+          this.subMenu.removeTimer();
+        }
+      },
+      setActive : function()
+      {
+        this.active = true;
+        this.$eLI.addClass('active');
+
+        //set the parent menu item active too if necessary
+        var pmi = this.parentMenu.parentMenuItem;
+        if ( pmi && !pmi.active )
+          pmi.setActive();
+
+        activeItem = this;
+      },
+      setInactive : function()
+      {
+        this.active = false;
+        this.$eLI.removeClass('active');
+        if ( this == activeItem )
+          activeItem = null;
+      },
+      enable : function()
+      {
+        this.$eLI.removeClass('disabled');
+        this.enabled = true;
+      },
+      disable : function()
+      {
+        this.$eLI.addClass('disabled');
+        this.enabled = false;
+      },
+      destroy : function()
+      {
+        this.removeTimer();
+
+        this.$eLI.remove();
+
+        //unbind events
+        this.$eLI.unbind('mouseover').unbind('mouseout').unbind('click');
+        //delete submenu
+        if ( this.subMenu )
+        {
+          this.subMenu.destroy();
+          delete this.subMenu;
+        }
+        this.parentMenu.removeItem(this);
+      },
+      addSubMenu : function(menu)
+      {
+        if ( this.subMenu )
+          return;
+        this.subMenu = menu;
+        if ( this.parentMenu && $.inArray(menu, this.parentMenu.subMenus) == -1 )
+          this.parentMenu.subMenus.push(menu);
+        if ( this.settings.arrowSrc )
+        {
+          var a = arrowElement.cloneNode(0);
+          a.setAttribute('src', this.settings.arrowSrc);
+          this.$eLI[0].firstChild.appendChild(a);
+        }
+      }
+    }
+  });
+  
+  
+  $.extend($.fn, {
+    menuFromElement : function(options, list, bar)
+    {
+      var createItems = function(ul)
+      {
+        var menuItems = [], 
+          subItems,
+          menuItem,
+          lis, $li, i, subUL, submenu, target, 
+          classNames = null;
+
+        lis = getAllChilds(ul, 'LI');
+        for ( i = 0; i < lis.length; i++ )
+        {
+          subItems = [];
+
+          if ( !lis[i].childNodes.length ) //empty item? add separator
+          {
+            menuItems.push(new $.MenuItem('', options));
+            continue;
+          }
+
+          if ( (subUL = getOneChild(lis[i], 'UL')) )
+          {
+            subItems = createItems(subUL);
+            //remove subUL from DOM
+            $(subUL).remove();
+          }
+
+          //select the target...get the elements inside the li
+          $li = $(lis[i]);
+          if ( $li[0].childNodes.length == 1 && $li[0].childNodes[0].nodeType == 3 )
+            target = $li[0].childNodes[0].nodeValue;
+          else
+            target = $li[0].childNodes;
+            
+          if ( options && options.copyClassAttr )
+            classNames = $li.attr('class');
+            
+          //create item
+          menuItem = new $.MenuItem({src: target, addClass: classNames}, options);
+          menuItems.push(menuItem);
+          //add submenu
+          if ( subItems.length )
+            new $.Menu(menuItem, subItems, options);
+          
+        }
+        return menuItems;
+      };
+      return this.each(function()
+      {
+        var ul, m;
+        //get the list element
+        if ( list || (ul = getOneChild(this, 'UL')) )
+        {
+          //if a specific list element is used, clone it, as we probably need it more than once
+          ul = list ? $(list).clone(true)[0] : ul;
+          menuItems = createItems(ul);
+          if ( menuItems.length )
+          {
+            m = new $.Menu(this, menuItems, options);
+            if ( bar )
+              bar.addMenu(m);
+          }
+          $(ul).hide();
+        }
+      });
+    },
+    menuBarFromUL : function(options)
+    {
+      return this.each(function()
+      {
+        var i,
+          lis = getAllChilds(this, 'LI');
+        if ( lis.length )
+        {
+          bar = new $.MenuCollection();
+          for ( i = 0; i < lis.length; i++ )
+            $(lis[i]).menuFromElement(options, null, bar);
+        }
+      });
+    },
+    menu : function(options, items)
+    {
+      return this.each(function()
+      {
+        if ( items && items.constructor == Array )
+          new $.Menu(this, items, options);
+        else
+        {
+          if ( this.nodeName.toUpperCase() == 'UL' )
+            $(this).menuBarFromUL(options);
+          else
+            $(this).menuFromElement(options, items);
+        }
+      });
+    }
+  });
+
+  //faster than using jquery
+  var getOneChild = function(elem, name)
+  {
+    if ( !elem )
+      return null;
+
+    var n = elem.firstChild;
+    for ( ; n; n = n.nextSibling ) 
+    {
+      if ( n.nodeType == 1 && n.nodeName.toUpperCase() == name )
+        return n;
+    }
+    return null;
+  };
+  //faster than using jquery
+  var getAllChilds = function(elem, name)
+  {
+    if ( !elem )
+      return [];
+
+    var r = [],
+      n = elem.firstChild;
+    for ( ; n; n = n.nextSibling ) 
+    {
+      if ( n.nodeType == 1 && n.nodeName.toUpperCase() == name )
+        r[r.length] = n;
+    }
+    return r;
+  };
+
+})($wnd.$);
+    
+  }-*/;
+}
diff --git a/jsquery/src/main/java/gwtquery/jsquery/client/JsQuery.java b/jsquery/src/main/java/gwtquery/jsquery/client/JsQuery.java
index 5c498ab9..4f35f964 100644
--- a/jsquery/src/main/java/gwtquery/jsquery/client/JsQuery.java
+++ b/jsquery/src/main/java/gwtquery/jsquery/client/JsQuery.java
@@ -8,6 +8,9 @@ import gwtquery.jsquery.client.JQ.JPredicate;
 
 import com.google.gwt.core.client.EntryPoint;
 import com.google.gwt.core.client.GWT;
+import com.google.gwt.core.client.Scheduler;
+import com.google.gwt.user.client.Timer;
+import static com.google.gwt.user.client.Window.*;
 
 public class JsQuery implements EntryPoint {
   
@@ -27,9 +30,57 @@ public class JsQuery implements EntryPoint {
     GWT.create(JOffset.class);
     GWT.create(JEasing.class);
     GWT.create(JQ.class);
+//    new JQExporterImpl();
     GWT.create(Dollar.class);
-    onJsQueryLoad();
+//    new DollarExporterImpl();
+//    System.out.println(testExtend("kaka"));
+    JsMenu.loadPlugin();
+    myJs();
+//    onJsQueryLoad();
   }
+
+  private native static void myJs() /*-{
+  try {
+    $ = $wnd.$;
+     var options = {minWidth: 120, arrowSrc: 'arrow_right.gif', copyClassAttr: true, onClick: function(e, menuItem){
+       alert('you clicked item "' + $(this).text() + '"');
+     }};
+     $('#menuone').menu(options);
+      var items = [ {src: 'test', url:'http://www.jquery.com'},
+              {src: ''}, // separator
+              {src: 'test2', subMenu: [ {src: 'sub 1'},
+                            {src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'},
+                            {src: 'sub 3'}]}];
+      $('#menutwo').menu(options, items);
+      $('#menuthree').menu(options);
+      $('#menufive>img').menu(options, '#menufivelist');
+      
+    //  creating a menu without items
+      var menu = new $.Menu('#menufour', null, options);
+    //  adding items to the menu
+      menu.addItems([
+        new $.MenuItem({src: 'test', url:'http://www.jquery.com'}, options),
+        new $.MenuItem({src: ''}) // separator
+      ]);
+      var itemWithSubmenu = new $.MenuItem({src: 'test2'}, options);
+    //  creating a menu with items (as child of itemWithSubmenu)
+      new $.Menu(itemWithSubmenu, [
+        new $.MenuItem({src: 'sub 1'}, options),
+        new $.MenuItem({src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'}, options),
+        new $.MenuItem({src: 'sub 3'}, options)
+      ], options);
+    //  adding the submenu to the main menu
+      menu.addItem(itemWithSubmenu);
+    
+
+  } catch(e){alert(e);}
+  }-*/;
+  
+  private native static String testExtend(String s) /*-{
+    $wnd.$.extend({hola: function(){return s;}});
+    return $wnd.$('*').hola();
+  }-*/;
+
   
   private native static void onJsQueryLoad() /*-{
     $wnd.onJsQueryLoad && $wnd.onJsQueryLoad();
diff --git a/jsquery/src/main/java/gwtquery/jsquery/client/jsmenu.diff b/jsquery/src/main/java/gwtquery/jsquery/client/jsmenu.diff
new file mode 100644
index 00000000..6aa3328a
--- /dev/null
+++ b/jsquery/src/main/java/gwtquery/jsquery/client/jsmenu.diff
@@ -0,0 +1,62 @@
+--- mplugins/jquery.menu.js	2012-03-13 00:35:46.000000000 +0100
++++ jsquery/src/main/java/gwtquery/jsquery/client/JsMenu.java	2012-03-13 00:40:53.000000000 +0100
+@@ -1,5 +1,12 @@
++package gwtquery.jsquery.client;
++
++public abstract class JsMenu {
++  public static native void loadPlugin() /*-{
++
+ (function($)
+ {
++  var window = $wnd;
++  var document = $doc;
+ 	var menus = [], //list of all menus
+ 		visibleMenus = [], //list of all visible menus
+ 		activeMenu = activeItem = null,
+@@ -221,9 +225,7 @@
+ 			$.extend(defaults, d);
+ 		},
+ 		prototype : {
+-			/**
+-			 * create / initialize new menu
+-			 */
++
+ 			init : function()
+ 			{
+ 				var self = this;
+@@ -379,7 +381,7 @@
+ 					this.$eDIV.css({display:'none', visibility: ''}).show();
+ 
+ 					//IEs default width: auto is bad! ie6 and ie7 have are producing different errors.. (7 = 5px shadowbox + 2px border)
+-					if ( $.browser.msie )
++          if ( 0) //$.browser.msie )
+ 						this.$eUL.css('width', parseInt($.browser.version) == 6 ? this.$eDIV.width() - 7 : this.$eUL.width());
+ 
+ 					if ( this.settings.onOpen )
+@@ -422,7 +424,7 @@
+ 				}
+ 
+ 				//y-pos
+-				if ( $.fn.scrollTop )
++        if (0) //$.fn.scrollTop )
+ 				{
+ 					wst = $(window).scrollTop();
+ 					if ( wh < height ) //menu is bigger than the window
+@@ -461,7 +463,7 @@
+ 					}
+ 				}
+ 				//x-pos
+-				if ( $.fn.scrollLeft )
++        if (0) //$.fn.scrollLeft )
+ 				{
+ 					wsl = $(window).scrollLeft();
+ 					if ( ww + wsl < posX + width )
+@@ -925,4 +926,7 @@
+ 		return r;
+ 	};
+ 
+-})(jQuery);
++})($wnd.$);
++    
++  }-*/;
++}
diff --git a/jsquery/src/main/java/gwtquery/jsquery/public/JsQuery.html b/jsquery/src/main/java/gwtquery/jsquery/public/JsQuery.html
index d8aeeefe..2006d2e7 100644
--- a/jsquery/src/main/java/gwtquery/jsquery/public/JsQuery.html
+++ b/jsquery/src/main/java/gwtquery/jsquery/public/JsQuery.html
@@ -1,8 +1,8 @@
+<!doctype html>
 <html>
 <head>
 <title>JsQuery</title>
-<script language="javascript"
-    src="dev.nocache.js" ></script>
+<script src="dev.nocache.js" ></script>
 </head>
 <body>
   <div id='hello' style='display: none'>Hello</div>
diff --git a/jsquery/src/main/java/gwtquery/jsquery/public/arrow_right.gif b/jsquery/src/main/java/gwtquery/jsquery/public/arrow_right.gif
new file mode 100644
index 0000000000000000000000000000000000000000..610344d7ff1d3b0f8fb5ee39b4762d6b9761abe4
GIT binary patch
literal 55
zcmZ?wbhEHbWMN=un8?JCmX^lA!0`Y7e;}#&lZBCifr&u}$Yub^Gca+q@Tq0KSv^IA
G!5RQZ-3x~R

literal 0
HcmV?d00001

diff --git a/jsquery/src/main/java/gwtquery/jsquery/public/arrowdown.png b/jsquery/src/main/java/gwtquery/jsquery/public/arrowdown.png
new file mode 100644
index 0000000000000000000000000000000000000000..637c8d94eeb4dc151928c1b161b74c8cc812a148
GIT binary patch
literal 661
zcmV;G0&4w<P)<h;3K|Lk000e1NJLTq000mG000mO0ssI2kdbIM00006bW%=J0RI60
z0RJ~w8+`x(0!m3lK~yLejgn1I6G0fqcXxKX-Q9NEQrfz-A{1LvQs5xQ7~}{hUi<(?
zFDAq*-@vOUuZF}A;N3KYlLzAkAt6*#BWX&Jw)Q1-*S5Re&hGe(6D8byvioFS{=b?3
z%sf0Hg!>y?Z~ir}HTGXzb$JFb=}N4-mNe60SC@UB=SNs-j)I@tk%N{F1j8u6)Q^pm
zrMR<@&FXq6qy|9YjPY<}w>#ahUFB`rV2r>vdl)^qrJ1WM%QuZULa0BOm_y79LMpE3
z=4Xou=XtTol<3oqmkWWjf>PaBzn_Sz=RL>8z7Laxb1`vTPuC<p97b;M(m}62$aIIa
zU&-YQ$*5NSX|p3i_WoRkPq?n-24yjsm|ja+FhT(hw~bW79AUaHp(4n@_%zY3?RuK3
z%%~0sMEC<_6w}qqA=VYN{raOA2zuTG#yJkIN_e)F-zdbws;EhHMY;pV9tH=5^oMwN
z=K*%d2+>=Dc)FRtmy5EOVs0tm5V_U+6;?zr0LFHA*0Jj#G5BP2@op{x#$-vboryK3
zVrt3crt0Sxw=>0#<?@8LY!8@|`XFbhzE1>!*JRXaTaAGXVhT0IrSkFNS*xEnG<IBI
z=93B>7h)zR4{W#oqjA`dPyinMLRjqh$<p3_wb7qTDN`XyL_B;^Rm{YLpgt~FDm~?>
z8v`-51aTxi5}dtK>HYHRolM$D#<XAnnS=4ScDG)u)t&geT9zrV72hm>I?H{Ji)JX`
vNs=@Xw1F^v>dt+!QlP#nK88a6pYr|<ue}=O62BeE00000NkvXXu0mjf-3mB~

literal 0
HcmV?d00001

diff --git a/jsquery/src/main/java/gwtquery/jsquery/public/demo.html b/jsquery/src/main/java/gwtquery/jsquery/public/demo.html
new file mode 100644
index 00000000..f5d5efc2
--- /dev/null
+++ b/jsquery/src/main/java/gwtquery/jsquery/public/demo.html
@@ -0,0 +1,365 @@
+<?xml version="1.0" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>jQuery menu plugin demo page</title>
+<link rel="stylesheet" type="text/css" href="style.css" />
+<!-- <script type="text/javascript" src="http://p.sohei.org/wp-content/jquery/jquery-1.2.2.pack.js"></script> -->
+<!-- <script type="text/javascript" src="jquery.dimensions.min.js"></script> -->
+<!-- <script type="text/javascript" src="../jquery.menu.js"></script> -->
+<script src="dev.nocache.js" ></script>
+<!--
+<script type="text/javascript" src="http://p.sohei.org/wp-content/plugins/syntaxhighlighter-plus/files/shCore.js"></script>
+<script type="text/javascript" src="http://p.sohei.org/wp-content/plugins/syntaxhighlighter-plus/files/shBrushXml.js"></script>
+<script type="text/javascript" src="http://p.sohei.org/wp-content/plugins/syntaxhighlighter-plus/files/shBrushJScript.js"></script>
+-->
+<script type="text/javascript">
+<!--
+onJsQueryLoad = function(){
+$(document).ready(function()
+{
+	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif', copyClassAttr: true, onClick: function(e, menuItem){
+		alert('you clicked item "' + $(this).text() + '"');
+	}};
+	$('#menuone').menu(options);
+
+	var items = [	{src: 'test', url:'http://www.jquery.com'},
+					{src: ''}, // separator
+					{src: 'test2', subMenu: [	{src: 'sub 1'},
+												{src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'},
+												{src: 'sub 3'}]}];
+	$('#menutwo').menu(options, items);
+	$('#menuthree').menu(options);
+	$('#menufive>img').menu(options, '#menufivelist');
+
+	//creating a menu without items
+	var menu = new $.Menu('#menufour', null, options);
+	//adding items to the menu
+	menu.addItems([
+		new $.MenuItem({src: 'test', url:'http://www.jquery.com'}, options),
+		new $.MenuItem({src: ''}) // separator
+	]);
+	var itemWithSubmenu = new $.MenuItem({src: 'test2'}, options);
+	//creating a menu with items (as child of itemWithSubmenu)
+	new $.Menu(itemWithSubmenu, [
+		new $.MenuItem({src: 'sub 1'}, options),
+		new $.MenuItem({src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'}, options),
+		new $.MenuItem({src: 'sub 3'}, options)
+	], options);
+	//adding the submenu to the main menu
+	menu.addItem(itemWithSubmenu);
+
+	//highlight stuff..
+	dp.SyntaxHighlighter.ClipboardSwf = 'http://p.sohei.org/wp-content/plugins/syntaxhighlighter-plus/files/clipboard.swf';
+	dp.SyntaxHighlighter.HighlightAll('code');
+});
+}
+-->
+</script>
+</head>
+<body>
+<div id="header">
+<div class="title">jQuery Menu plugin demo</div>
+<div class="link"><a href="http://p.sohei.org/jquery-plugins/menu">plugin page</a></div>
+</div>
+
+<div class="exa">
+<h1>Available options:</h1>
+	options which affect the menu:
+	<ul>
+		<li><strong>showDelay</strong> - The number of milliseconds to wait before opening the menu after hovering over the target. Default value: 200</li>
+		<li><strong>hideDelay</strong> - The number of milliseconds to wait before closing the menu. Default value: 200</li>
+		<li><strong>hoverOpenDelay</strong> - The number of milliseconds to wait before opening the topmost-menu (root) (without clicking it!). Default value: 0 (disabled!)</li>
+		<li><strong>offsetTop</strong> - The number of pixels to offset the position of the topmost-menu (root) to the top. Default value: 0</li>
+		<li><strong>offsetLeft</strong> - The number of pixels to offset the position of the topmost-menu (root) to the left. Default value: 0</li>
+		<li><strong>minWidth</strong> - The minimal number of pixels of the menus width. Default value: 0</li></li>
+		<li><strong>onOpen</strong> - Callback function which is triggered when a menu is opened. Default value: null</li>
+		<li><strong>onClose</strong> - Callback function which is triggered when a menu is closed. Default value: null</li>
+	</ul>
+	options which affect the menuItems:
+	<ul>
+		<li><strong>onClick</strong> - Callback function which is triggered when a menuItem is clicked. The passed parameters are: the event object and the menuItem instance. Default value: null</li>
+		<li><strong>arrowSrc</strong> - URL of the image to be used as an arrow indicating a submenu. Default value: null (no arrow image!)</li>
+	</ul>
+	options which are only used, when building a menu from HTML markup:
+	<ul>
+		<li><strong>copyClassAttr</strong> - Copies the class attribute of the LI elements to the equivalent menuItems. Default value: false</li>
+	</ul>
+</div>
+
+<div class="exa">
+<h1>Example one:</h1>
+	<ul>
+		<li>create a menubar from an unordered list</li>
+		<li>used on an unordered list, the plugin takes its direct &lt;li&gt;-children, which will be the root items (File, Edit...), 
+		and searches each for an &lt;ul&gt;-child, which holds the menu-items (New window, Save, Print...).</li>
+		<li>empty &lt;li&gt;-elements are used as seperators</li>
+	</ul>
+	<div class="codeheader">JavaScript code:</div>
+	<pre name="code" class="JScript">
+	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif', onClick: function(e, menuItem){
+		alert('you clicked item "' + $(this).text() + '"');
+	}};
+	$('#menuone').menu(options);
+	</pre>
+	<div class="codeheader">HTML markup:</div>
+	<pre name="code" class="html">
+	&lt;!-- note: the plugin doesn't need the classes, they're only used for styling! --&gt;
+	&lt;ul id="menuone" class="menu"&gt;
+		&lt;li class="menumain"&gt;File
+			&lt;ul&gt;&lt;li&gt;New&nbsp;window&lt;/li&gt;
+				&lt;li&gt;&lt;/li&gt; &lt;!-- separator --&gt;
+				&lt;li&gt;Save...&lt;/li&gt;
+				&lt;li&gt;Print...&lt;/li&gt;
+				&lt;li&gt;&lt;/li&gt; &lt;!-- separator --&gt;
+				&lt;li&gt;Exit&lt;/li&gt;
+			&lt;/ul&gt;
+		&lt;/li&gt;
+		&lt;li class="menumain"&gt;Edit
+			&lt;ul&gt;&lt;li&gt;Undo&lt;/li&gt;
+				&lt;li&gt;Redo&lt;/li&gt;
+				&lt;li&gt;&lt;/li&gt; &lt;!-- separator --&gt;
+				&lt;li&gt;Cut&lt;/li&gt;
+				&lt;li&gt;Copy&lt;/li&gt;
+				&lt;li&gt;Paste&lt;ul&gt;&lt;li&gt;All&lt;/li&gt;&lt;li&gt;Something&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
+				&lt;li&gt;Delete&lt;/li&gt;
+			&lt;/ul&gt;
+		&lt;/li&gt;
+		&lt;!-- ...and even more... --&gt;
+	&lt;/ul&gt;
+	</pre>
+	<div class="resultheader">Result:</div>
+	<div class="result" style="padding:0;">
+		<div style="border-bottom: 1px solid #000;background:#eee;">
+			<ul id="menuone" class="menu">
+				<li class="menumain">File
+					<ul><li>New&nbsp;window</li>
+						<li></li>
+						<li>Save...</li>
+						<li>Print...</li>
+						<li></li>
+						<li>Exit</li>
+					</ul>
+				</li>
+				<li class="menumain">Edit
+					<ul><li>Undo</li>
+						<li>Redo</li>
+						<li></li>
+						<li>Cut</li>
+						<li>Copy</li>
+						<li>Paste<ul><li>All</li><li>Something</li></ul></li>
+						<li>Delete</li>
+					</ul>
+				</li>
+				<li class="menumain">Bookmarks
+					<ul><li>Bookmark&nbsp;manager</li>
+						<li></li>
+						<li>some&nbsp;bookmark</li>
+						<li>another&nbsp;bookmark</li>
+						<li></li>
+						<li>Imported&nbsp;bookmarks
+							<ul><li>bookmark&nbsp;one</li>
+								<li>bookmark&nbsp;two</li>
+								<li>bookmark&nbsp;three</li>
+							</ul>
+						</li>
+					</ul>
+				</li>
+				<li class="menumain" style="float:right;">Help
+					<ul><li>Help&nbsp;index</li>
+						<li></li>
+						<li>About...
+							<ul>
+								<li>me</li>
+								<li>you</li>
+								<li>them</li>
+							</ul>
+						</li>
+					</ul>
+				</li>
+			</ul>
+			<div style="clear:both;"></div>
+		</div>
+		<p>..some content..</p>
+		<p>..some content..</p>
+		<p>..some content..</p>
+	</div>
+</div>
+
+<div class="exa">
+<h1>Example two:</h1>
+	<ul>
+		<li>create a menu from javascript and open it when clicking on the element with the id &quot;menutwo&quot;</li>
+		<li>when a second parameter ist passed (items), the plugin will use it as menu content</li>
+	</ul>
+	<div class="codeheader">JavaScript code:</div>
+	<pre name="code" class="JScript">
+	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif'};
+	var items = [	{src: 'test', url:'http://www.jquery.com'}, 
+					{src: ''}, /* separator */
+					{src: 'test2', subMenu: [	{src: 'sub 1'},
+												{src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'},
+												{src: 'sub 3'}]}];
+	$('#menutwo').menu(options, items);
+	</pre>
+	<div class="codeheader">HTML markup:</div>
+	<pre name="code" class="html">
+	&lt;p&gt;&lt;span id="menutwo"&gt;Menu Button&lt;/span&gt;&lt;/p&gt;
+	</pre>
+	<div class="resultheader">Result:</div>
+	<div class="result">
+		<p>..some content..</p>
+		<p><span id="menutwo">Menu Button</span></p>
+		<p>..some content..</p>
+	</div>
+</div>
+
+<div class="exa">
+<h1>Example three:</h1>
+	<ul>
+		<li>same as example two, but without passing the items as parameter to the plugin</li>
+		<li>the plugin looks inside the elment for an unordered list, which holds the menu content</li>
+	</ul>
+	<div class="codeheader">JavaScript code:</div>
+	<pre name="code" class="JScript">
+	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif'};
+	$('#menuthree').menu(options);
+	</pre>
+	<div class="codeheader">HTML markup:</div>
+	<pre name="code" class="html">
+	&lt;div id="menuthree"&gt;Menu Button
+		&lt;ul&gt;
+			&lt;li&gt;&lt;a href="http://www.jquery.com"&gt;test&lt;/a&gt;&lt;/li&gt;
+			&lt;li&gt;&lt;/li&gt; &lt;!-- separator --&gt;
+			&lt;li&gt;test2
+				&lt;ul&gt;
+					&lt;li&gt;sub 1&lt;/li&gt;
+					&lt;li&gt;&lt;a href="http://p.sohei.org" target="_blank"&gt;sub 2&lt;/a&gt;&lt;/li&gt;
+					&lt;li&gt;sub 3&lt;/li&gt;
+				&lt;/ul&gt;
+			&lt;/li&gt;
+		&lt;/ul&gt;
+	&lt;/div&gt;
+	</pre>
+	<div class="resultheader">Result:</div>
+	<div class="result">
+		<p>..some content..</p>
+		<div id="menuthree">Menu Button
+			<ul>
+				<li><a href="http://www.jquery.com">test</a></li>
+				<li></li>
+				<li>test2
+					<ul>
+						<li>sub 1</li>
+						<li><a href="http://p.sohei.org" target="_blank">sub 2</a></li>
+						<li>sub 3</li>
+					</ul>
+				</li>
+			</ul>
+		</div>
+		<p>..some content..</p>
+	</div>
+</div>
+
+<div class="exa">
+<h1>Example four:</h1>
+	<ul>
+		<li>same (result) as example two, but this time creating the menu by using the $.Menu and $.MenuItem classes and its methods</li>
+	</ul>
+	<div class="codeheader">JavaScript code:</div>
+	<pre name="code" class="JScript">
+	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif'};
+
+	//creating a menu without items
+	var menu = new $.Menu('#menufour', null, options);
+
+	//adding items to the menu
+	menu.addItems([
+		new $.MenuItem({src: 'test', url:'http://www.jquery.com'}, options),
+		new $.MenuItem({src: ''}) /* separator */
+	]);
+	var itemWithSubmenu = new $.MenuItem({src: 'test2'}, options);
+
+	//creating a menu with items (as child of itemWithSubmenu)
+	new $.Menu(itemWithSubmenu, [
+		new $.MenuItem({src: 'sub 1'}, options),
+		new $.MenuItem({src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'}, options),
+		new $.MenuItem({src: 'sub 3'}, options)
+	], options);
+
+	//adding the submenu to the main menu
+	menu.addItem(itemWithSubmenu);
+	</pre>
+	<div class="codeheader">HTML markup:</div>
+	<pre name="code" class="html">
+	&lt;p&gt;&lt;span id="menufour"&gt;Menu Button&lt;/span&gt;&lt;/p&gt;
+	</pre>
+	<div class="resultheader">Result:</div>
+	<div class="result">
+		<p>..some content..</p>
+		<p><span id="menufour">Menu Button</span></p>
+		<p>..some content..</p>
+	</div>
+</div>
+
+<div class="exa">
+<h1>Example five:</h1>
+	<ul>
+		<li>related to example two, the menu items can also be passed as a jquery selector (selecting an &lt;ul&gt;-element!)</li>
+	</ul>
+	<div class="codeheader">JavaScript code:</div>
+	<pre name="code" class="JScript">
+	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif', copyClassAttr: true};
+	$('#menufive>img').menu(options, '#menufivelist');
+	</pre>
+	<div class="codeheader">HTML markup:</div>
+	<pre name="code" class="html">
+	&lt;p id="menufive"&gt;Menu Button &lt;img src="arrowdown.png" /&gt; - Menu Button &lt;img src="arrowdown.png" /&gt; - Menu Button &lt;img src="arrowdown.png" /&gt;&lt;/p&gt;
+	
+	&lt;ul id="menufivelist" style="display:none;"&gt;
+		&lt;li&gt;one&lt;/li&gt;
+		&lt;li class="red"&gt;two&lt;/li&gt;
+		&lt;li class="blue"&gt;three&lt;/li&gt;
+		&lt;li&gt;four
+			&lt;ul&gt;
+				&lt;li&gt;four.1
+					&lt;ul&gt;
+						&lt;li&gt;four.1.1&lt;/li&gt;
+						&lt;li&gt;four.1.2&lt;/li&gt;
+						&lt;li&gt;four.1.3&lt;/li&gt;
+					&lt;/ul&gt;
+				&lt;/li&gt;
+				&lt;li&gt;four.2&lt;/li&gt;
+				&lt;li&gt;four.3&lt;/li&gt;
+			&lt;/ul&gt;
+		&lt;/li&gt;
+	&lt;/ul&gt;
+	</pre>
+	<div class="resultheader">Result:</div>
+	<div class="result">
+		<p>..some content..</p>
+		<p id="menufive">Menu Button <img src="arrowdown.png" /> - Menu Button <img src="arrowdown.png" /> - Menu Button <img src="arrowdown.png" /></p>
+		<p>..some content..</p>
+	</div>
+	<ul id="menufivelist" style="display:none;">
+		<li>one</li>
+		<li class="red">two</li>
+		<li class="blue">three</li>
+		<li>four
+			<ul>
+				<li>four.1
+					<ul>
+						<li>four.1.1</li>
+						<li>four.1.2</li>
+						<li>four.1.3</li>
+					</ul>
+				</li>
+				<li>four.2</li>
+				<li>four.3</li>
+			</ul>
+		</li>
+	</ul>
+</div>
+
+</body>
+</html>
diff --git a/jsquery/src/main/java/gwtquery/jsquery/public/myshadow.png b/jsquery/src/main/java/gwtquery/jsquery/public/myshadow.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb6c71b572bd10695ff784d25a11112e09ea758f
GIT binary patch
literal 5741
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
Sj9ev5hCo--P@@!L9r|x3M^xqj

literal 0
HcmV?d00001

diff --git a/jsquery/src/main/java/gwtquery/jsquery/public/style.css b/jsquery/src/main/java/gwtquery/jsquery/public/style.css
new file mode 100644
index 00000000..965233bc
--- /dev/null
+++ b/jsquery/src/main/java/gwtquery/jsquery/public/style.css
@@ -0,0 +1,358 @@
+body
+{
+	background-color: #888;
+	font-family: verdana, arial;
+	margin: 10px;
+	font-size: 0.8em;
+}
+h1
+{
+	font-size: 1.3em;
+}
+table
+{
+	margin: 10px 50px;
+	width: 300px;
+	border: 1px solid gray;
+	border-collapse: collapse;
+	border-spacing: 0;
+	float: left;
+}
+thead
+{
+	background: bisque;
+}
+tfoot
+{
+	background: khaki;
+	text-align: center;
+}
+td, th
+{
+	border: 1px solid gray;
+}
+pre
+{
+	background-color: LemonChiffon;
+	border: 1px solid gray;
+}
+#header {
+	background-color: #fffff0;
+	border: 1px solid #000;
+	margin-bottom: 20px;
+	padding: 10px;
+}
+div.title
+{
+	text-align: center;
+	font-size: 1.5em;
+	font-weight: bold;
+}
+div.link
+{
+	text-align: center;
+}
+div.clear
+{
+	clear: both;
+}
+div.exa
+{
+	background-color: #fffff0;
+	border: 1px solid #000;
+	padding: 0 15px;
+	margin-bottom: 20px;
+}
+div.codeheader {
+	margin-bottom: -15px;
+}
+div.resultheader{
+	margin-bottom: 5px;
+}
+div.result{
+	background: #fff;
+	border: 1px solid #000;
+	margin-bottom: 10px;
+	padding: 0 10px;
+}
+html>body div.outerbox
+{
+	padding: 0 5px 5px 0;
+}
+html>body div.outerbox div.shadowbox1
+{
+	position: absolute;
+	right: 0;
+	bottom: 5px;
+	width: 5px;
+	height: 100%;
+	background: url(myshadow.png) no-repeat right top;
+}
+html>body div.outerbox div.shadowbox2
+{
+	position: absolute;
+	bottom: 0;
+	right: 5px;
+	height: 5px;
+	width: 100%;
+	background: url(myshadow.png) left bottom;
+}
+html>body div.outerbox div.shadowbox3
+{
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	height: 5px;
+	width: 5px;
+	background: url(myshadow.png) no-repeat right bottom;
+}
+html>body .innerbox
+{
+	margin: 0;
+	display: inherit;
+}
+
+#root-menu-div ul {
+	border: 1px solid #000;
+}
+#root-menu-div li{
+	white-space:nowrap;
+}
+* html #root-menu-div li{
+	height: 1.5em; /* fixing ie6 problem */
+}
+ul.menu,
+#root-menu-div ul {
+	background-color: #fff;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+li.menu-separator.active{
+	background-color: transparent;
+}
+li.active {
+	background-color: #888;
+}
+.activetarget{
+	background-color: white;
+}
+
+* html div.menu-item {
+	display: inline; /* fixes problem in ie6 */
+}
+
+li.menumain {
+	float: left;
+	padding: 0 10px;
+}
+div.menu-item {
+	padding: 1px 10px 1px 4px;
+}
+img.menu-item-arrow{
+	position: absolute;
+	right: 4px;
+	top: 8px;
+}
+li.menu-separator{
+	border-bottom: 1px solid #000;
+	font-size: 0; /* for ie */
+	height: 0;
+	line-height: 0; /* for ie */
+	margin: 2px 0;
+}
+li.red {
+	color: red;
+}
+li.blue {
+	color: blue;
+}
+
+
+
+/* syntaxhighlight stuff */
+.dp-highlighter
+{
+	font-family: "Consolas", "Courier New", Courier, mono, serif;
+	font-size: 12px;
+	background-color: #E7E5DC;
+	width: 99%;
+	overflow: auto;
+	margin: 18px 0 18px 0 !important;
+	padding-top: 1px; /* adds a little border on top when controls are hidden */
+}
+
+/* clear styles */
+.dp-highlighter ol,
+.dp-highlighter ol li,
+.dp-highlighter ol li span 
+{
+	margin: 0;
+	padding: 0;
+	border: none;
+}
+
+.dp-highlighter a,
+.dp-highlighter a:hover
+{
+	background: none;
+	border: none;
+	padding: 0;
+	margin: 0;
+}
+
+.dp-highlighter .bar
+{
+	padding-left: 45px;
+}
+
+.dp-highlighter.collapsed .bar,
+.dp-highlighter.nogutter .bar
+{
+	padding-left: 0px;
+}
+
+.dp-highlighter ol
+{
+	list-style: decimal; /* for ie */
+	background-color: #fff;
+	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
+	padding: 0px;
+	color: #5C5C5C;
+}
+
+.dp-highlighter.nogutter ol,
+.dp-highlighter.nogutter ol li
+{
+	list-style: none !important;
+	margin-left: 0px !important;
+}
+
+.dp-highlighter ol li,
+.dp-highlighter .columns div
+{
+	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
+	list-style-position: outside !important;
+	border-left: 3px solid #6CE26C;
+	background-color: #F8F8F8;
+	color: #5C5C5C;
+	padding: 0 3px 0 10px !important;
+	margin: 0 !important;
+	line-height: 14px;
+}
+
+.dp-highlighter.nogutter ol li,
+.dp-highlighter.nogutter .columns div
+{
+	border: 0;
+}
+
+.dp-highlighter .columns
+{
+	background-color: #F8F8F8;
+	color: gray;
+	overflow: hidden;
+	width: 100%;
+}
+
+.dp-highlighter .columns div
+{
+	padding-bottom: 5px;
+}
+
+.dp-highlighter ol li.alt
+{
+	background-color: #FFF;
+	color: inherit;
+}
+
+.dp-highlighter ol li span
+{
+	color: black;
+	background-color: inherit;
+}
+
+/* Adjust some properties when collapsed */
+
+.dp-highlighter.collapsed ol
+{
+	margin: 0px;
+}
+
+.dp-highlighter.collapsed ol li
+{
+	display: none;
+}
+
+/* Additional modifications when in print-view */
+
+.dp-highlighter.printing
+{
+	border: none;
+}
+
+.dp-highlighter.printing .tools
+{
+	display: none !important;
+}
+
+.dp-highlighter.printing li
+{
+	display: list-item !important;
+}
+
+/* Styles for the tools */
+
+.dp-highlighter .tools
+{
+	padding: 3px 8px 3px 10px;
+	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
+	color: silver;
+	background-color: #f8f8f8;
+	padding-bottom: 10px;
+	border-left: 3px solid #6CE26C;
+}
+
+.dp-highlighter.nogutter .tools
+{
+	border-left: 0;
+}
+
+.dp-highlighter.collapsed .tools
+{
+	border-bottom: 0;
+}
+
+.dp-highlighter .tools a
+{
+	font-size: 9px;
+	color: #a0a0a0;
+	background-color: inherit;
+	text-decoration: none;
+	margin-right: 10px;
+}
+
+.dp-highlighter .tools a:hover
+{
+	color: red;
+	background-color: inherit;
+	text-decoration: underline;
+}
+
+/* About dialog styles */
+
+.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
+.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
+.dp-about td { padding: 10px; vertical-align: top; }
+.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
+.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
+.dp-about .para { margin: 0 0 4px 0; }
+.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
+.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
+
+/* Language specific styles */
+
+.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
+.dp-highlighter .string { color: blue; background-color: inherit; }
+.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
+.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
diff --git a/jsquery/src/main/webapp/index.html b/jsquery/src/main/webapp/index.html
index 176c84ad..803d019b 100644
--- a/jsquery/src/main/webapp/index.html
+++ b/jsquery/src/main/webapp/index.html
@@ -11,7 +11,7 @@
        }
     </script>
     <ul>
-		<li><a href="javascript:goTo('jsquery/JsQuery.html')">JsQuery.html</a></li>
+	<li><a href="javascript:goTo('dev/JsQuery.html')">JsQuery.html</a></li>
     </ul>
   </body>
 </html>
-- 
2.39.5