var mycarousel_itemList = [
    {url: '/de/img/neuwagen/thumbs/thumb_start_c1.jpg', title: 'Citroen C1', link: '/de/neuwagen/modelle/citroen_c1.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_ds3.jpg', title: 'Citroen DS3', link: '/de/neuwagen/modelle/citroen_ds3.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c3.jpg', title: 'Citroen C3', link: '/de/neuwagen/modelle/citroen_c3.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c3_pluriel.jpg', title: 'Citroen C3 Pluriel', link: '/de/neuwagen/modelle/citroen_c3_pluriel.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c3_picasso.jpg', title: 'Citroen C3 Picasso', link: '/de/neuwagen/modelle/citroen_c3_picasso.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_berlingo.jpg', title: 'Citroen Berlingo', link: '/de/neuwagen/modelle/citroen_berlingo.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c4.jpg', title: 'Citroen C4', link: '/de/neuwagen/modelle/citroen_c4.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c4_picasso.jpg', title: 'Citroen C4 Picasso', link: '/de/neuwagen/modelle/citroen_c4_picasso.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_grand_c4_picasso.jpg', title: 'Citroen Grand C4 Picasso', link: '/de/neuwagen/modelle/citroen_grand_c4_picasso.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c5.jpg', title: 'Citroen C5', link: '/de/neuwagen/modelle/citroen_c5.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c-crosser.jpg', title: 'Citroen C-Crosser', link: '/de/neuwagen/modelle/citroen_c_crosser.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c6.jpg', title: 'Citroen C6', link: '/de/neuwagen/modelle/citroen_c6.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_c8.jpg', title: 'Citroen C8', link: '/de/neuwagen/modelle/citroen_c8.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_nemo.jpg', title: 'Citroen Nemo', link: '/de/neuwagen/modelle/citroen_nemo.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_jumpy.jpg', title: 'Citroen Jumpy', link: '/de/neuwagen/modelle/citroen_jumpy.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_jumper.jpg', title: 'Citroen Jumper', link: '/de/neuwagen/modelle/citroen_jumper.php'},
    {url: '/de/img/neuwagen/thumbs/thumb_start_nemo_lkw.jpg', title: 'Citroen Nemo LKW', link: '/de/nutzfahrzeuge/modelle/citroen_nemo.php'},
	{url: '/de/img/neuwagen/thumbs/thumb_start_berlingo_lkw.jpg', title: 'Citroen Berlingo LKW', link: '/de/nutzfahrzeuge/modelle/citroen_berlingo.php'},
	{url: '/de/img/neuwagen/thumbs/thumb_start_jumpy_lkw.jpg', title: 'Citroen Jumpy LKW', link: '/de/nutzfahrzeuge/modelle/citroen_jumpy.php'},
	{url: '/de/img/neuwagen/thumbs/thumb_start_jumper_lkw.jpg', title: 'Citroen Jumper LKW', link: '/de/nutzfahrzeuge/modelle/citroen_jumper.php'},
];

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 '<a href="' + item.link + '"><img src="' + item.url + '" width="99" height="58" alt="' + item.title + '" /></a>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
		scroll: 1,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});

Shadowbox.init({ 
        language:	"de"
});