/**
 * @author Andrea
 */
window.addEvent('domready', function(){
    var accordion = new MultiOpenAccordion('div.toggler', 'div.element', {
		display: 0,
		transition: Fx.Transitions.Quint.easeIn,
        opacity: false,//finche' non si capisce come farlo corretto in IE
		multiOpen: true,
        onActive: function(toggler, element){
			toggler.getChildren()[0].setStyle('background-position', '0px -72px');
			toggler.getChildren()[1].setStyle('background-position', '0px -30px');
			toggler.getChildren()[2].setStyle('background-position', '-32px -72px');
			toggler.getChildren()[1].getChildren('h3').setStyle('color', '#fff');
        },
        
        onBackground: function(toggler, element){
			toggler.getChildren()[0].setStyle('background-position', '0px -42px');
			toggler.getChildren()[1].setStyle('background-position', '0px 0px');
			toggler.getChildren()[2].setStyle('background-position', '-32px -42px');
			toggler.getChildren()[1].getChildren('h3').setStyle('color', '#f4e3d7');
        }
    }, $('accordion'));
    
});