// javascript functions go here

window.addEvent('domready', function(){

	var folders = $$('.folder');
	var headings = $$('.folder-toggle');
	var collapsibles = new Array();

	headings.each(function(heading, i) {
		
		var collapsible = new Fx.Slide(folders[i], { 
			duration: 150, 
			transition: Fx.Transitions.linear,
			onComplete: function(outside) {	
				var hidden = outside.getParent().getStyle('height') == '0px' ? true : false;
				outside.getParent().setStyle('height','');
				if(hidden) {
					outside.getParent().setStyle('height','0px');
					}
			}
		});
			
		heading.onclick = function(){
			collapsible.toggle();
			this.getParent('li').toggleClass('active-folder');
			return false;
		}
		
		collapsible.hide();
		folders[i].getElement('ul').setStyle('position','static');
		
		var folderLIs = heading.getParent('li').getElements('li');
		
		folderLIs.each(function(LI, i) {
			if (LI.hasClass('active')) {
				collapsible.toggle();
				}
			});
	});

});