function onBefore2(curr, next, opts) {
    // on Before arguments: 
    //  curr == DOM element for the slide that is currently being displayed 
    //  next == DOM element for the slide that is about to be displayed 
    //  opts == slideshow options
    //Check if there are more than 2 images presented
    if (totalSlideCount2 > 2) {
        // on the first pass, addSlide is undefined (plugin hasn't yet created the fn);
        // when we're finshed adding slides we'll null it out again
        if (!opts.addSlide)
            return;

        if (currentImageNum2 == totalSlideCount2) {
            // final slide in our slide slideshow is about to be displayed 
            // so there are no more to fetch
            opts.addSlide = null;
            currentImageNum = 1
            return;
        }
        // add our next slide
        opts.addSlide('<div>' + '<img src="' + Picture2[currentImageNum2] + '" /></div>');
        currentImageNum2 = currentImageNum2 + 1
    }
};

// start slideshow

$(document).ready(function() {
    $('#divNavHolder').css('visibility', 'visible');
    $('#slideshow2').cycle({
        fx: 'fade',
        timeout: 4000,
        before: onBefore2,
        speed: 4000
    });
  
});