Agile Carousel with thumbnails issue
===

I'm using the [Agile Carousel][1] plugin on my site for a couple different slideshows.  The first one is at the top; I am not having a problem there.  My problem lies at the bottom (in the [About][3] section) where I am trying to create a carousel with corresponding thumbnails.  I have it so that it creates 5 thumbnails (not sure where that arbitrary limit is coming from) and it scrolls through them, but there are more than the 5 thumbnail images currently being generated in the carousel.

My question is: How can I make the rest of the thumbnails appear, and how can I get the thumbnails to carousel themselves as the slideshow progresses?  Thanks in advance!

Here are some code snippets:

    //Bottom Slideshow instantiation
    $.getJSON("php/bottom/bottomShow_data.php", function(data)
    {
        $(document).ready(function()
        {
            $("#bottomSlide").agile_carousel({		
                // required settings
                carousel_data: data,
                carousel_outer_height: 525,
                carousel_height: 450,
                slide_height: 450,
                carousel_outer_width: 713,
                slide_width: 713,
                // end required settings

                transition_type: "fade",
                transition_time: 600,
                timer: 3000,
                continuous_scrolling: true,
                control_set_1: "previous_button,pause_button,next_button",
                control_set_2: "content_buttons"
            });
        });
    });

JSON data snippet:

    [
        { "content": "<div class='slide_inner'><img class='photo' src='../images/slideshow/bottom/1.jpg' alt='UGM 1' /></div>",
      "content_button": "<div class='thumb'><img  src='../images/slideshow/bottom/1.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>" },
        { "content": "<div class='slide_inner'><img class='photo' src='images/slideshow/bottom/2.jpg' alt='UGM 2' /></div>",
      "content_button": "<div class='thumb'><img src='images/slideshow/bottom/2.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>" },
    ....
    14 objects total
    ]


  [1]: http://www.agilecarousel.com/
  [3]: http://www.opanitch.com/anatomidesign/clients/munchies/index.html#about