// JScript File

jQuery(document).ready(function() {
    var itemsArray = [];
    
    populateArrays();
    
    function populateArrays() {
        $('#mycarousel li').each( function(index) {
            itemsArray.push($(this).html());
        });
    }

    function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
    {
        // The index() method calculates the index from a
        // given index who is out of the actual item range.
        var idx = carousel.index(i, itemsArray.length);
        
        // alert("INDEX: " + idx - 1 + ",  ITEM: " + itemsArray[idx - 1]);
        
        carousel.add(i, mycarousel_getItemHTML(itemsArray[idx - 1]));
    };

    function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt) { carousel.remove(i); };

    function mycarousel_getItemHTML(item) { return item; };
    
    
    // populateItemList('#mycarousel');
    
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
        vertical: true,
        scroll: 1,
        auto: 5
    });
});