window.addEvent('domready', function() {
		
	// Top level sliders
	var toplist = $$('div.element');
	var topheadings = $$('p.toggler');
	var topcollapsibles = new Array();


	topheadings.each( function(topheading, i) {

		var topcollapsible = new Fx.Slide(toplist[i], { 
			duration: 500, 
			transition: Fx.Transitions.linear,
			onComplete: function(request){ 
					request.getParent().setStyle('height',''); // fix this outer slide so that the nested slide works right
			}
		});
		
		topcollapsibles[i] = topcollapsible;
		
		topheading.onclick = function(){
			if (topcollapsible.open)
				topheading.setStyle('background-image', 'url(../images/arrow_up.png)');
			else
				topheading.setStyle('background-image', 'url(../images/arrow_down.png)');			
			topcollapsible.toggle();
		}
		
		topcollapsible.hide();
		
	});
	
	// Open first slider by default
	topcollapsibles[0].show();
	topheadings[0].setStyle('background-image', 'url(../images/arrow_down.png)');	
	
	// Create FAQ sliders nested inside top level FAQ slider
	var list = $$('div.collapse');
	var headings = $$('p.faqtoggler');
	var collapsibles = new Array();

	headings.each( function(heading, i) {

		var collapsible = new Fx.Slide(list[i], { 
			duration: 500, 
			transition: Fx.Transitions.linear,
			onComplete: function(request){ 
				// Anything can be done here if we wish
			}
		});
		
		collapsibles[i] = collapsible;
		
		heading.onclick = function(){
			collapsible.toggle();
		}
		
		collapsible.hide();
		
	});

	$('collapse-all').onclick = function(){	
		headings.each( function(heading, i) {									
			collapsibles[i].slideOut();
		});

		return false;
	}
	
	$('expand-all').onclick = function(){
		headings.each( function(heading, i) {
			collapsibles[i].slideIn();
		});
		
		return false;
	}

});