var mycarousel_itemList = [
    {url: 'notes_rings/1000-1g.jpg', title: 'item1', link: '1000-series'},
    {url: 'notes_rings/2000-1g.jpg', title: 'item2', link: '2000-series'},
    {url: 'notes_rings/5000-1g.jpg', title: 'item3', link: '5000-series'},
    {url: 'notes_rings/7000-1g.jpg', title: 'item4', link: '7000-series'},
    {url: 'notes_rings/band-1g.jpg', title: 'item5', link: 'bands'},
    {url: 'notes_rings/harmony-1g.jpg', title: 'item6', link: 'finished-rings'},
    {url: 'notes_rings/1000-2g.jpg', title: 'item7', link: '1000-series'},
    {url: 'notes_rings/2000-2g.jpg', title: 'item8', link: '2000-series'},
    {url: 'notes_rings/5000-2g.jpg', title: 'item9', link: '5000-series'},
    {url: 'notes_rings/7000-2g.jpg', title: 'item10', link: '7000-series'},
    {url: 'notes_rings/band-2g.jpg', title: 'item11', link: 'bands'},
    {url: 'notes_rings/harmony-2g.jpg', title: 'item12', link: 'finished-rings'},
    {url: 'notes_rings/1000-3g.jpg', title: 'item13', link: '1000-series'},
    {url: 'notes_rings/2000-3g.jpg', title: 'item14', link: '2000-series'},
    {url: 'notes_rings/5000-3g.jpg', title: 'item15', link: '5000-series'},
    {url: 'notes_rings/7000-3g.jpg', title: 'item16', link: '7000-series'},
    {url: 'notes_rings/band-3g.jpg', title: 'item17', link: 'bands'},
    {url: 'notes_rings/harmony-3g.jpg', title: 'item18', link: 'finished-rings'}
];

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}
    });
});