Cycle Titles with Flapper

Cycle Titles with Flapper

Hi

I'm really new to this and clueless. I'm trying to create a split-flap (Flapper) display which will cycle through anything from 5 to 10 titles - I got as far as 2 and that was what somebody else created on here. This is what I have so far...


<div class="chained-splitflap"></div>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/jquery/jquery.splitflap.js"></script>
<script>
    (function ($) {
        $(document).ready(function () {
                   
            $('.chained-splitflap')
                    .splitFlap({
                        text: 'TITLE ONE',
                        onComplete: function() {
                         setTimeout(function(){
                          $('.chained-splitflap').splitFlap({
                           text: '2ND TITLE',
                           textInit: 'TITLE ONE'
                          });
                         }, 4000);
                        }
                    });
        });
    })(jQuery);
</script>


I'm thinking something along the lines of...

var messages = ["TITLE ONE", "TITLE TWO", "TITLE THREE", "TITLE FOUR", "TITLE FIVE"],

Any help would be greatly appreciated.