/* 
   Simple JQuery Collapsing menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

/*
function initMenu() {
  $('#nav_14623 ul').hide();
  $('#nav_14623  li.selected ul').show();
  $('#nav_14623 li a').click(
    function() {
        $(this).next().slideToggle('normal');	
      }
    );
  }
$(document).ready(function() {initMenu();});
*/


function initMenu() {
  $('#nav_14623 ul').hide();
  $('#nav_14623 li.selected ul').slideToggle(
  function()
  {
   $('#nav_14623 li.selected ul ul').hide();
   $('#nav_14623 li.selected ul li.selected ul').show();
  });
  

$('#nav_14623 li ul li.selected').show(
  function()
  {
  var parent = this.parentNode.id;
  $('#' + parent + ' ').show();
  $('#nav_14623 li ul li.selected').show();
  });

$('#nav_14623 li ul li ul li.selected').show(
  function()
  {
  var parent = this.parentNode.parentNode.parentNode.id;
  $('#' + parent + ' ').show();
  });
  }
$(document).ready(function() {initMenu();});