[Moo] Clientside: Simple Carousel

[mmjaeger]

Hello
I'm kind of struggling with the SimpleCarousel Class - what I like to
do is to show a bunch of banners in the carousel - however, I also
like to have a button that would allow me to reveal all banners at
once by adding a css class to the main container and changing the
slides from absolute to relative position - this all basically works -
what I cannot figure out is how to properly set all the panels to
visible and opacity to 1 and vice versa - the event I came up with
sometimes works but sometimes it doesn't - hope somebody has an idea
how to get this done - thank you in advance for your help:

                $('banner-all').addEvent('click', function(e){
                        e.stop();
                        this.bannerIsCollapsed = this.bannerIsCollapsed ? false 
: true;
                        this.bannerCarousel.stop();
                        if (!this.bannerIsCollapsed) {
                                $('bannerCarousel').addClass('show-all');
                                this.bannerCarousel.slides.each(function(item, 
index) {
                                        item.setStyles({ 'visibility' : 
'visible', 'opacity': 1 })
                                }.bind(this));
                        } else {
                                $('bannerCarousel').removeClass('show-all');
                                this.bannerCarousel.slides.each(function(item, 
index) {
                                        item.setStyles({ 'visibility' : 
'hidden', 'opacity': 0 })
                                }.bind(this));
                                this.bannerCarousel.showSlide(0).autoplay();
                        }
                }.bind(this));