var accordion;
var accordionTogglers;
var accordionContents;

window.onload = function() {

    accordionTogglers = document.getElementsByClassName('accToggler');

    accordionTogglers.each(function(toggler) {

        //remember the original color

        toggler.origBack = "url('bin/images/deselect.gif')";
        toggler.origColor = "#FFFFFF";



        // m.setStyle('background-image', 'url(' + pBackground + ')');

        //	toggler.origColor = toggler.getStyle('background-color');


        //set the effect

        toggler.setStyle('background-image', toggler.origBack);
        toggler.setStyle('color', toggler.origColor);

        //	toggler.fx = new Fx.Color(toggler, 'background-color');
    });

    accordionContents = document.getElementsByClassName('accContent');

    accordion = new Fx.Accordion(accordionTogglers, accordionContents, {
        //when an element is opened change the background color to blue
        onActive: function(toggler) {
            //		toggler.fx.toColor('#46B4C1');

        toggler.setStyle('background-image', "url('bin/images/select.gif')");
        toggler.setStyle('color', "#FFFFFF");


        },
        onBackground: function(toggler) {
            //change the background color to the original (green) 
            //color when another toggler is pressed
            //	toggler.setStyle('background-color', toggler.origColor);
        toggler.setStyle('background-image', toggler.origBack);
        toggler.setStyle('color', toggler.origColor);

        }

    });
}