//mootools initializations:
	//find a collection of every ul within a li (submenus)
	
var odiTree = new Class({
	options: {
	},
	initialize: function(obj,options)
	{
		if($type(obj) == 'string')
		{
			obj = $(obj);
		}
		this.theSlides = obj.getElements('ul li ul');
		this.slideVars = new Array(this.theSlides.length);	
		for(var i=0; i < this.theSlides.length; i++)
		{
			//add the slide effect to each sublist element
			this.slideVars[i] = new Fx.Slide(this.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', function(){this.hideFunction(i)}.bind());
	
			this.slideVars[i].hide();
			
			var toggle = this.theSlides[i].getParent().getParent().getPrevious();
			toggle.addEvent('click', this.slideFunction.bindWithEvent(this, i));
		}
	},
	slideFunction: function(event, n){
		var e = new Event(event);
		this.slideVars[n].toggle();
		e.stop();
	},
	hideFunction: function(n){
		this.slideVars[n].hide();
	}

});

odiTree.implement(new Events);