Flickr Like Menu

Based on the code from Antonio Lupetti and Cristian Neagu where the code has been lifted out in to a plugin. Done so so that in future I can parametrize some css and thereby allow 2 instances of this menu without to much duplication with the CSS etc. Also plan to extract some elements to the JS code (e.g. the arrows).

#UPDATE Code is on 30/03/2009 updated to support multiple menus on a single page.

Dependencies: jQuery

Usage:

in head
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="js/jquery.flickrmenu.js"></script>
<script type="text/javascript" charset="utf-8">
	$().ready(function() {
		$("#menu").flickrmenu();
	});
</script>

in body
<div id="menu" >
  <ul>
    <li>
      <span class="head_menu">
        <a href="#">Item 1</a>
      </span>
    </li>
    <li>
      <span class="head_menu">
        <a href="#">Item 2</a>
        <img src="arrow.png" width="18" height="15" align="top" class="arrow" />
      </span>
      <div class="sub_menu">
        <a href="#">Item 2.1</a>
        <a href="#">Item 2.2</a>
        <a href="#">Item 2.3</a>
      </div>
    </li>
  </ul>
</div>