var mycarousel_itemList = [
    { url: './images/logos/3m.png', title: '3M logo' },
    { url: './images/logos/akzonobel.png', title: 'Akzo Nobel logo' },
    { url: './images/logos/amcor.png', title: 'Amcor logo' },
    { url: './images/logos/arjowiggins.png', title: 'Arjo Wiggins logo' },
    { url: './images/logos/arlafoods.png', title: 'Arla Foods logo' },
    { url: './images/logos/armacell.png', title: 'Armacell logo' },
    { url: './images/logos/bobst_group.png', title: 'Bobst Group logo' },
    { url: './images/logos/corus.png', title: 'Corus logo' },
    { url: './images/logos/crown.png', title: 'Crown logo' },
    { url: './images/logos/dssmith.png', title: 'DS Smith logo' },
    { url: './images/logos/dunlop.png', title: 'Dunlop logo' },
    { url: './images/logos/dupont.png', title: 'DuPont logo' },
    { url: './images/logos/formica.png', title: 'Formica Laminates logo' },
    { url: './images/logos/glatfelter.png', title: 'Glatfelter logo' },
    { url: './images/logos/habasitrossi.png', title: 'Habasit Rossi logo' },
    { url: './images/logos/jamescropper.png', title: 'James Cropper logo' },
    { url: './images/logos/kingspan.png', title: 'Kingspan logo' },
    { url: './images/logos/kodak_polychrome_graphics.png', title: 'Kodak Polychrome Graphics logo' },
    { url: './images/logos/linpac.png', title: 'Linpac logo' },
    { url: './images/logos/outokumpu.png', title: 'Outokumpu logo' },
    { url: './images/logos/processline.png', title: 'Process Line logo' },
    { url: './images/logos/printpack.png', title: 'Print Pack logo' },
    { url: './images/logos/sandusky.png', title: 'Sandusky logo' },
    { url: './images/logos/smithandnephew.png', title: 'Smith&Nephew logo' },
    { url: './images/logos/soreen.png', title: 'Soreen logo' },
    { url: './images/logos/tensar.png', title: 'Tensar International logo' },
    { url: './images/logos/tullisrussell.png', title: 'Tullis Russell logo' },
    { url: './images/logos/voith.png', title: 'Voith logo' },
    { url: './images/logos/warburtons.png', title: 'Warburtons logo' }
];

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, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

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

/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item) {
    return '<img src="' + item.url + '" width="200" height="60" alt="' + item.title + '" />';
};

jQuery(document).ready(function () {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        auto: 5,
        wrap: 'circular',
        visible: 4,
        scroll: 4,
        animation: "slow",
        itemVisibleInCallback: { onBeforeAnimation: mycarousel_itemVisibleInCallback },
        itemVisibleOutCallback: { onAfterAnimation: mycarousel_itemVisibleOutCallback }
    });
});