Loading Javascript menu with GWT 2.0

[bond]

Hi,
I've a small application made with GWT 2.0 + UI Binder with MVP
pattern.
I'm using a css premade template with a menu that is animated by
jquery.
In order to avoid to rewrite css I'd like to use the menu that is
something this:
<ul id="navigation" class="sf-navbar">
<li>
<a href="index.php">
Dashboard
</a>
<ul>
<li>
<a href="#">
Administration
</a>

</li>
<li>
<a href="#">Forms</a>
</li>
<li>
<a href="#">Tables</a>
</li>
<li>
...
...

I've wrote this code in my view with uiBinder. BUT the problem is that
this menu is animated by this javascript:
$(document).ready(function() {

// Navigation menu

$('ul#navigation').superfish({
delay: 1000,
animation: {opacity:'show',height:'show'},
speed: 'fast',
autoArrows: true,
dropShadows: false
});

$('ul#navigation li').hover(function(){
$(this).addClass('sfHover2');
},
function(){
$(this).removeClass('sfHover2');
});

Also if I load this script in MainEntryPoint.html is doesn't work!!
Neither if I load the script in the UIBinder. So I don't know how I
can do work this example!

THanks very much
Best regards

[bond]

Any suggestion about?

Thanks!