/*
 WRITTEN BY nicolaas [at] sunnysideup.co.nz

 This sets up a collapsable menu (a la the left-hand in the CMS) for a typical SS menu structure.
 Leaving the "current" and "section" marked nodes open by default.

 required template:

<% control Menu(1) %><% if ShowInMenus %>
	<li class="L1 jQueryLinkingMode" ><a href="jQueryLink" title="Go to the jQueryMenuTitle.XML page">jQueryMenuTitle</a>
		<% if Children %>
		<ul>
			<% control Children %><% if ShowInMenus %>
			<li class="L2 jQueryLinkingMode" ><a href="jQueryLink" title="Go to the jQueryMenuTitle.XML page">jQueryMenuTitle</a>
				<% if Children %>
				<ul>
					<% control Children %><% if ShowInMenus %>
					<li class="L3 jQueryLinkingMode"><a href="jQueryLink" title="Go to the jQueryMenuTitle.XML page">jQueryMenuTitle</a></li>
					<% end_if %><% end_control %>
				</ul><% end_if %>
			</li><% end_if %><% end_control %>
		</ul><% end_if %>
	</li>
<% end_if %>
<% end_control %>

NOTA BENE: I tried doing a recursive template (include a template within itself (i.e. if children include myself again)) but that crashed!

initiate like this:

	jQuery(document).ready(function() {
		SilverstripeCollapsableMenu .init("myMenuOuterULidHere", "+", "-");
	});

*/

;(function($) {
	$(document).ready(function() {
		jQuery.SilverstripeCollapsableMenu.init();
	});
})(jQuery);

jQuery.extend({

	SilverstripeCollapsableMenu : {

		mainULid: "#menu",

		allLinkPrepend: "&gt;",

		allLinkAppend: "",

		Level1Class: "L1",

		allwaysShowClass: "allwaysShowMe",

		currentULClass: "currentUL",

		init: function(mainULid, allLinkPrepend, allLinkAppend) {

			if(mainULid) {this.mainULid = mainULid;}
			if(allLinkPrepend) {this.allLinkPrepend = allLinkPrepend;}
			if(allLinkAppend) {this.allLinkAppend = allLinkAppend;}
			jQuery("."+this.allwaysShowClass).addClass(this.currentULClass);
			this.collapse(jQuery(this.mainULid));
			jQuery(this.mainULid +" li a.toggle ").click(
				function() {
					var el = jQuery(this).parent("li");
					el.children("ul").slideToggle();
					if(el.hasClass("menuPlus")) {
						el.removeClass("menuPlus");
						el.addClass("menuMinus");
					}
					else {
						el.removeClass("menuMinus");
						el.addClass("menuPlus");
					}
					return false;
				}
			);
		},

		collapse: function(element) {
			jQuery(element).children("li").each(
				function() {
					if(jQuery(this).children("ul").length > 0) {
						jQuery(this).children("a").addClass("toggle");
						var addShowAllLink = true;
						jQuery.SilverstripeCollapsableMenu.collapse(jQuery(this).children("ul"));
						if(jQuery(this).hasClass("section") || jQuery(this).hasClass("current")) {
							if(jQuery(this).hasClass("current")) {
								addShowAllLink = false;
							}
						}
						else {

						}
						if (addShowAllLink) {
							//var name = jQuery(this).children("a").text();
							//var link = jQuery(this).children("a").attr("href");
							//jQuery(this).children("ul").prepend('<li><a href="' + link + '" class="SCMAllLink">'+jQuery.SilverstripeCollapsableMenu.allLinkPrepend + name + jQuery.SilverstripeCollapsableMenu.allLinkAppend+'</a></li>');
						}
					}
					if(!jQuery(this).hasClass(jQuery.SilverstripeCollapsableMenu.Level1Class) && !jQuery(this).hasClass("section")  && !jQuery(this).hasClass("current") && !jQuery(this).parent("ul").hasClass(jQuery.SilverstripeCollapsableMenu.currentULClass)) {
						jQuery(this).parent("ul").hide();
					}
					else if(jQuery(this).hasClass("section")  || jQuery(this).hasClass("current") || jQuery(this).parent("ul").hasClass(jQuery.SilverstripeCollapsableMenu.currentULClass)) {
						jQuery(this).parent("ul").addClass(jQuery.SilverstripeCollapsableMenu.currentULClass);
						jQuery(this).parent("ul").show();
					}
				}
			);
		}


	}
});