title: Where's the js here
body: <p>I'm trying to understand the javascript behind the menu here <a href="http://www.canadastartup.com/" rel="nofollow">http://www.canadastartup.com/</a>. Are they using a plugin? Is there a plugin (preferably jquery based) that can give a similar effect?</p>
  
  <p>The html looks something like this: </p>
  
  <pre><code>  &lt;ul class="nav sf-js-enabled"&gt;
       &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li class="page_item page-item-61 current_page_item selectedLava"&gt;
          &lt;a title="" href=""&gt;About us&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="page_item page-item-38"&gt;&lt;a title="" href=""&gt;Marketing Services&lt;/a&gt;&lt;/li&gt;
       &lt;li class="page_item page-item-47"&gt;&lt;a title="" href=""&gt;Sales Services&lt;/a&gt;&lt;/li&gt;
       &lt;li class="page_item page-item-31"&gt;&lt;a title="" href=""&gt;Business Services&lt;/a&gt;&lt;/li&gt;
       &lt;li class="page_item page-item-67"&gt;&lt;a title="" href=""&gt;Contact us&lt;/a&gt;&lt;/li&gt;
  
       &lt;li class="backLava" 
           style="left: 67px; top: 83px; width: 70px; height: 32px; overflow: hidden;"&gt;
         &lt;div class="leftLava"&gt;&lt;/div&gt;
         &lt;div class="bottomLava"&gt;&lt;/div&gt;
         &lt;div class="cornerLava"&gt;&lt;/div&gt;
       &lt;/li&gt;
    &lt;/ul&gt; &lt;!-- end ul.nav --&gt;
  </code></pre>