var mycarousel_itemList = [
    {url: 'png_charms/HA_071_bw.png', title: 'item1', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_0714_bw.png', title: 'item2', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_0742_bw.png', title: 'item3', link: 'de/silber-925-'},
    {url: 'png_charms/HA_0765_bw.png', title: 'item4', link: 'de/silber-a-gold-585-'},
    {url: 'png_charms/HA_07124_bw.png', title: 'item5', link: 'de/torino-glas'},
    {url: 'png_charms/HA_07150_bw.png', title: 'item6', link: 'de/silber-925-'},
    {url: 'png_charms/HA_07171_bw.png', title: 'item7', link: 'de/charms-mit-anhaenger'},
    {url: 'png_charms/HA_07186_bw.png', title: 'item8', link: 'de/silber-925-'},
    {url: 'png_charms/HA_07205_bw.png', title: 'item9', link: 'de/silber-a-zirkonia'},
    {url: 'png_charms/HA_07214_bw.png', title: 'item10', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_07250_bw.png', title: 'item11', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_07255_bw.png', title: 'item12', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_07145_bw.png', title: 'item13', link: 'de/silber-a-zirkonia'},
    {url: 'png_charms/HA_07199_bw.png', title: 'item14', link: 'de/silber-a-zirkonia'},
    {url: 'png_charms/HA_0719_bw.png', title: 'item15', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_07249_bw.png', title: 'item16', link: 'de/silber-a-emaille'},
    {url: 'png_charms/HA_0750_bw.png', title: 'item17', link: 'de/silber-a-zirkonia'},
    {url: 'png_charms/HA_077_bw.png', title: 'item18', link: 'de/silber-a-gold-585-'}
];

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 class="previewlink" href="prizes_cars.php?car=' + basename2 + '"><img src="' + item.url + '" width="134" height="80" style="border-style: none" /></a>';
    return '<div class="'+item.title+'"><a href="'+item.link+'"></a></div>';
};

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