/* 
   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() {
  $('.menu ul').hide();
  $('.menu li a.category_link').click(
    function() {
        $(this).next().slideToggle('normal');	
		$(this).toggleClass('selected');
      }
    );
}

function expandAll(){
	$('.menu li a.category_link').each(function(){
		$(this).next().slideDown('normal');					
		$(this).addClass('selected');
	});
}

function closeAll(){
	$('.menu li a.category_link').each(function(){
		var category = this;
		$(category).next().slideUp('normal', function(){
			$(category).removeClass('selected');
		});					
	});
}

$(document).ready(function() {
	initMenu();
	$('#expand_all').click(function(){
		expandAll();
		$(this).hide();
		$('#close_all').show();
	});
	$('#close_all').click(function(){
		closeAll();
		$(this).hide();
		$('#expand_all').show();
	});
});