window.addEvent('domready', function() {
	
	var myAccordion2 = new Accordion($('accordion'), 'h4.toggler', 'div.element2', {
		start: 'all-closed',
		opacity: false,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#000');
			toggler.getParent().setStyle("height", "auto");
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#2e406b');
			element.setStyle('height', element.offsetHeight);
		}
	});
	
	// Create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#000');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#2e406b');
			element.setStyle('height', element.offsetHeight);
		}
	});
    
    // Zebra stripes
    var stripe_list = function (some_elements) {
        var counter = 0;
        $$(some_elements).each( function(li) {
            counter++;
            li.removeClass('alt');   
            if (!(( counter % 2 ) == 0) ) {
                li.addClass('alt');   
            }
        }.bind( this ));
    };
    var striper = function() {
        var uls = $('accordion').getElementsByTagName('ul');
        $each(uls, function(list, index){
            stripe_list(list.getElementsByTagName('li'));
        });
    };
    striper(); // Go zebra stripes!
});
