//mootools initializations:
window.addEvent('domready', function() {
	//find a collection of every ul within a li (submenus)
	var theSlides = $$('ul#side li ul');
	//will hold the Fx.Slide objects
	var slideVars = new Array(theSlides.length);

	//handle the slide event on click
	function slideFunction(event, n){
		var e = new Event(event);
		slideVars[n].toggle();
		e.stop();
	}

	function hideFunction(n){
		slideVars[n].hide();
	}

	for(var i=0; i < theSlides.length; i++){
		//add the slide effect to each sublist element
		slideVars[i] = new Fx.Slide(theSlides[i].getParent(),{
			'onComplete':
				function(outside) {
					var hidden = outside.getParent().getStyle('height') == '0px' ? true : false;
					outside.getParent().setStyle('height','');
					if(window.ie6 && hidden){outside.getParent().setStyle('height','0px')};
				}
		});

		//hide the sublists initially
		this.fireEvent('hideFunction', hideFunction(i));

		var toggle = theSlides[i].getParent().getParent().getPrevious();
		toggle.addEvent('click', slideFunction.bindWithEvent(toggle, i));
	}
});