/*
   Simple JQuery Accordion 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
*/
var topicMenuPathId = [];
var topicMenuPathTitle = [];

// Modif.: now works with spans too
$('#menu li').live('click', function() {
    var menuId = $(this).attr('id');
    topicMenuPathId[topicMenuPathId.length] = menuId;

    if($('#' + $(this).attr('id')).parent().attr('id') == 'menu')
    {
        $('#menu ul').hide();
        for(var i = 0; i < topicMenuPathId.length; i++)
        {
            $('#' + topicMenuPathId[i] + ">ul").css('display', 'block');

            topicMenuPathTitle[i] =
                $('#' + topicMenuPathId[i] + " > span").text();
        }
    }
});

function initMenu() {
    $('#menu ul').hide();

    $('#menu li a, #menu li span').click(
    function() {
        topicMenuPathId.length = 0;
        topicMenuPathTitle.length = 0;
        $(this).next().slideToggle('normal');
    });
  }
$(document).ready(function() {initMenu();});