/* 
Notes: 

1: each menu MUST have an ID set. It doesn't matter what this ID is as long as it's there.

2: each menu MUST have a class 'menu' set. If the menu doesn't have this, the JS won't make 
it dynamic

Optional extra classnames:
noaccordion : no accordion functionality
collapsible : menu works 
like an accordion but can be fully collapsed
expandfirst : first menu item expanded at page load
*/



function initMenus() 
	{
	
	$('ul.menu ul').hide();
	
	$.each($('ul.menu'), function()	{
$('#' + this.id + '.expandfirst ul:first').show();
	});

	$('ul.menu li a').click(
function() {
var checkElement = $(this).next();
					    var parent = this.parentNode.parentNode.id;
					    if($('#' + parent).hasClass('noaccordion')) 
						{

						$(this).next().slideToggle('normal');

						return false;
			
			}

		                            if((checkElement.is('ul')) && (checkElement.is(':visible'))) 
						{

						if($('#' + parent).hasClass('collapsible')) 
						  {

						  $('#' + parent + ' ul:visible').slideUp('normal');
		
				  }

		                                return false;
                          
			}

                                            if((checkElement.is('ul')) && (!checkElement.is(':visible'))) 
                                                {

                 				$('#' + parent + ' ul:visible').slideUp('normal');

	                			checkElement.slideDown('normal');

                				return false;
                         			}

                                           });
}

       $(document).ready(function() {initMenus();});