function initDisplayEffects(element)
	{
		//list of target elements

		var list = (element != null) ? $$("#"+element+" .cCollapsible") : $$('.cCollapsible');
		//list elements to be clicked on
		var headings = (element != null) ? $$("#"+element+" .cToggler") : $$('.cToggler');

		//array to store all of the collapsibles
		var collapsibles = new Array();



		headings.each( function(heading, i) {
			//for each element create a slide effect
			var collapsible = new Fx.Slide(list[i], {
				duration: 300,
				transition: Fx.Transitions.linear
			});        //and store it in the array
			collapsibles[i] = collapsible;


			//add event listener
			heading.removeEvent('click');
			heading.addEvent('click', function(e){
				collapsible.toggle();
				return false;
			});

			//collapse all of the list items
			collapsible.hide();
		});

	}
	
	
	window.addEvent('load', function() {
		new SmoothScroll();
		mooWindow     = $(window);
		initDisplayEffects();
	});