<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script.js"></script>

<ul class="menu" id="menu">
  <li><a href="#" class="menulink">Dropdown One</a>
  <ul>
  <li><a href="#">Navigation Item 1</a></li>
  <li>
  <a href="#" class="sub">Navigation Item 2</a>
  <ul>
  <li class="topline"><a href="#">Navigation Item 1</a></li>
  <li><a href="#">Navigation Item 2</a></li>
  <li><a href="#">Navigation Item 3</a></li>
  <li><a href="#">Navigation Item 4</a></li>
  <li><a href="#">Navigation Item 5</a></li>
  </ul>
  </li>
  <li>
  <a href="#" class="sub">Navigation Item 3</a>
  <ul>
  <li class="topline"><a href="#">Navigation Item 1</a></li>
  <li><a href="#">Navigation Item 2</a></li>
  <li>
  <a href="#" class="sub">Navigation Item 3</a>
  <ul>
  <li class="topline"><a href="#">Navigation Item 1</a></li>
  <li><a href="#">Navigation Item 2</a></li>
  <li><a href="#">Navigation Item 3</a></li>
  <li><a href="#">Navigation Item 4</a></li>
  <li><a href="#">Navigation Item 5</a></li>
  <li><a href="#">Navigation Item 6</a></li>
  </ul>
  </li>
  <li><a href="#">Navigation Item 4</a></li>
  </ul>
  </li>
  <li><a href="#">Navigation Item 4</a></li>
  <li><a href="#">Navigation Item 5</a></li>
  </ul>
  </li>
  ...
</ul>

<script type="text/javascript">
  var menu=new menu.dd("menu");
  menu.init("menu","menuhover");
</script>