var mycarousel_itemList = [
    {url: '/fileadmin/user_upload/productions/Die_Draufgaenger_schmal_HP_klein_01.jpg', title: 'Die Draufg\u00E4n', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=99', ptext: 'Die Draufg\u00E4nger (Ser ...<br>TV-Spielfilm / -Serie / -Reihe'},
{url: '/fileadmin/user_upload/productions/the_child_klein4.jpg_01.jpg', title: 'The Child', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=98', ptext: 'The Child<br>Kino-Spielfilm'},
{url: '/fileadmin/user_upload/productions/Gnade_klein_1_02.jpg', title: 'Gnade', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=96', ptext: 'Gnade<br>Kino-Spielfilm'},
{url: '/fileadmin/user_upload/productions/Annelie_Bild1_klein_01.jpg', title: 'Annelie', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=95', ptext: 'Annelie<br>Kino-Spielfilm'},
{url: '/fileadmin/user_upload/productions/Moderne_Ruinen1_klein_01.jpg', title: 'Moderne Ruin', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=94', ptext: 'Moderne Ruinen<br>Dokumentarfilm (Kino / TV)'},
{url: '/fileadmin/user_upload/productions/KiKAninchen_HP_klein.jpg', title: 'KIKAninchen', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=81', ptext: 'KIKAninchen<br>TV-Spielfilm / -Serie / -Reihe'},
{url: '/fileadmin/user_upload/productions/Siebenstein_HP_klein.jpg', title: 'Siebenstein', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=16', ptext: 'Siebenstein<br>TV-Spielfilm / -Serie / -Reihe'},
{url: '/fileadmin/user_upload/productions/Loewenzahn_HP_klein.jpg', title: 'L\u00F6wenzahn mi', plink: '/index.php?id=12&tx_tbproductions_pi1[showUid]=15', ptext: 'L\u00F6wenzahn mit Fritz  ...<br>TV-Spielfilm / -Serie / -Reihe'}];


function itemLoadCallbackFunction(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        // Check if the item already exists
        if (!carousel.has(i)) {
            // Add the item
            
            var idx = carousel.index(i, mycarousel_itemList.length);
            carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
        }
    }
    
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });

};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<img class="aktuelle_produktionen" src="' + item.url + '" alt="' + item.title + '" /><br><a href="' + item.plink + '" class="zusatztext">' + item.ptext + '</a>';

};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        scroll: 1,
        auto: 3,
        animation: 2000,
        itemLoadCallback: itemLoadCallbackFunction
    });
});