After sending a request to the Twitter API using geocode, I'm getting back a json response with a list of tweets. I then that into a php array using json_decode() and use a foreach loop to output what I need. I'm using flex slider to show the tweets in a vertical fashion after wrapping them in a list.

So what I want is for it to only show 10 tweets at a time and scroll through them infinitely like an escalator.

Here's my loop to output the tweets:

foreach ($tweets["results"] as $result) {
  $str = preg_replace('/[^\00-\255]+/u', '', $result["text"]);
  echo '<ul class="slides">';
  echo '<li><a href="http://twitter.com/' . $result["from_user"] . '"><img src=' . $result["profile_image_url"] . '></a>' . $str . '</li><br /><br />';
  echo '</ul>';
}

My jQuery looks like this as of right now as I'm trying to play around with things:

$(window).load(function() {
    $('.flexslider').flexslider({
        slideDirection: "vertical",
        start: function(slider) {
            //$('.flexslider .slides > li gt(10)').hide();
        },
        after: function(slider) {
            // current.sl
        }
    });
  });

Non-Working demo here - http://macklabmedia.com/tweet/