/* 

Simple JQuery menu.

HTML structure to use:



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



<ul id="menu1" class="menu [optional class] [optional class]">

<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 2008 by Marco van Hylckama Vlieg



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

email: marco@i-marco.nl



Free for non-commercial use

*/



function initMenus() {

	$('ul.menu ul').hide();

	

	$.each($('ul.menu'), function(){

	$('ul.expand').show();

	});

	

	$.each($('ul.menu'), function(){

		$('#' + this.id + '.expandfirst ul:first').show();

		/*$('#' + this.id + '.expandfirst ul.current_page_item').show();*/

	});

	$('ul.menu li a').click(

		function() {

			var checkElement = $(this).next();

			var parent = this.parentNode.parentNode.id;

			this.parentNode.setClass

			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');

				
				// 

				/*$(’#’ parent ‘ ul:visible’).slideUp(‘fast’).removeClass(“active”);

				checkElement.slideDown(‘fast’).addClass(“active”);*/

				return false;

			}

		}

	);

}

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