Two list for the same slideshow

[GoogleCodeExporter]

In my page, I have a thumb list and a text list linking the same pictures.

So I call galleriffic twice by this way:

For the thumbs list:

var gallery = $('#thumbs').galleriffic({
    delay:                     2500,
    numThumbs:                 999,
    preloadAhead:              10,
    enableKeyboardNavigation:  false,
    imageContainerSel:         '#slideshow',
    captionContainerSel:       '#caption',
    loadingContainerSel:       '#loading',
    enableHistory:             false,
    autoStart:                 false,
    syncTransitions:           true,
    defaultTransitionDuration: 900,
    onSlideChange:             function(prevIndex, nextIndex) {
        this.find('ul.thumbs').children()
            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
        .eq(nextIndex).fadeTo('fast', 1.0);
        },
}); 

For the text list:

var gallery = $('#listaScroll').galleriffic({
    delay:                     2500,
    numThumbs:                 999,
    preloadAhead:              10,
    enableKeyboardNavigation:  false,
    imageContainerSel:         '#slideshow',
    captionContainerSel:       '#caption',
    loadingContainerSel:       '#loading',
    enableHistory:             false,
    autoStart:                 false,
    syncTransitions:           true,
    defaultTransitionDuration: 900
    });

It's works. The problem is, when the page is loaded, the slideshow show two 
captions for the same photo. When I click on a thumb or on a item list, the 
problem dissappear.

Original issue reported on code.google.com by marcelov...@gmail.com on 23 Jul 2012 at 9:01