window.addEvent('domready', function() {
	/*var list=$$('#accordion li div.element');
	var headings = $$('#myAccordion toggler h3');
	var collapsibles = new Array();

		//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}			
	});
	*/
				
//list of target elements
var list = $$('#accordion li div.collapse');
//list elements to be clicked on
var headings = $$('#accordion li h3');
//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.onclick = function(){
					
				//open current element
                collapsible.toggle();
				return false;
		      						
        }

        //collapse all of the list items
        if(i != 0) collapsible.hide();


});

//collapse all
$('collapse-all').onclick = function(){
        headings.each( function(heading, i) {
                collapsibles[i].hide();
							        });
		return false;
}



//expand all
$('expand-all').onclick = function(){
        headings.each( function(heading, i) {
                collapsibles[i].show();
        });
}



//list of target elements
var list2 = $$('#accordion2 li div.collapse');
//list elements to be clicked on
var headings2 = $$('#accordion2 li h3');
//array to store all of the collapsibles
var collapsibles2 = new Array();

headings2.each( function(heading, i) {

        //for each element create a slide effect
        var collapsible2 = new Fx.Slide(list2[i], {
                duration: 300,
                transition: Fx.Transitions.linear
        });

        //and store it in the array
         collapsibles2[i] = collapsible2;

        //add event listener
        heading.onclick = function(){
					
				//open current element
                collapsible2.toggle();
				return false;
		      						
        }

        //collapse all of the list items
       if(i != 0) collapsible2.hide();

});
//collapse all
$('collapse-all2').onclick = function(){
        headings2.each( function(heading, i) {
                collapsibles2[i].hide();
				
				        });
		return false;
}



//expand all
$('expand-all2').onclick = function(){
        headings2.each( function(heading, i) {
                collapsibles2[i].show();
        });
}

});	
