/* 
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>

<ul class="menu">
	<li class="page_item"><a href="#" title="Admissions">Admissions</a></li>
	<li class="page_item"><a href="#" title="Areas of Concentration">Areas of Concentration</a>
		<ul>
			<li class="page_item"><a href="#" title="Ceramics">Ceramics</a>
				<ul>
					<li class="page_item"><a href="#" title="Faculty">Faculty</a></li>
					<li class="page_item"><a href="#" title="Facilities">Facilities</a></li>		
				</ul>
			</li>
			<li class="page_item current_page_item"><a href="#" title="Digital Art">Digital Art</a>
				<ul>
					<li class="page_item"><a href="#" title="Faculty">Faculty</a></li>
					<li class="page_item"><a href="#" title="Facilities">Facilities</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li><a href="#" title="Curriculum">Curriculum</a></li>
</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() {
	jQuery('ul.menu').hide();
	jQuery('ul.menu ul ul').hide();
	/*
	jQuery.each($('ul.menu'), function(){
		$('#' + this.id + '.expandfirst ul:first').show();
	});
	*/
	
	// Loop thru all list items, and if one is classed as the current page,
	// expand its children and its parents.
	jQuery('ul.menu li').each(function(i){
		new_id = "page-item-"+i;
		jQuery(this).attr({id: new_id});
		if (jQuery(this).children("ul").length>0) {
			jQuery("#" + new_id + '>a').append(" &raquo;");
		}
		if (jQuery(this).hasClass('current_page_item')) {
			jQuery("#" + new_id + ' a').addClass('curr');
			
			var checkElement = jQuery(this).next(); // the nested UL element
			jQuery("#" + new_id + '>ul').addClass('stay-open').show();
			jQuery(this).parents("ul").addClass('stay-open').show(); //slideDown('slow');
			
		}
	});

/*	$('ul.menu li a').click(
		function() {
			//alert('hi'); return false;
			var checkElement = $(this).next();
			var parent = "recursive-menu"; //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[@class!=stay-open]:visible').slideUp('normal');
				}
				return false;
			}
			
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				//$('#' + parent + ' ul[@class!=stay-open]:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
		}
	);
*/			
	jQuery('ul.menu').show();
}


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