var mycarousel_itemList = [
{url: "Image/produits/diapo_2303amsterdam.jpg", title: "Guide d'Amsterdam", link:"Guide-d-Amsterdam_8.html"},
{url: "Image/produits/diapo_56961barcelone.jpg", title: "Guide de Barcelone", link:"Guide-de-Barcelone_9.html"},
{url: "Image/produits/diapo_51935dublin.jpg", title: "Guide de Dublin", link:"Guide-de-Dublin_7.html"},
{url: "Image/produits/diapo_19042florence.jpg", title: "Guide de Florence", link:"Le-guide-de-Florence_10.html"},
{url: "Image/produits/diapo_12656londres.jpg", title: "Guide de Londres", link:"Guide-de-Londres_6.html"},
{url: "Image/produits/diapo_98732madrid.jpg", title: "Guide de Madrid", link:"Le-guide-de-Madrid_11.html"},
{url: "Image/produits/diapo_12533marrakech.jpg", title: "Guide de Marakech", link:"Le-guide-de-Marrakech_12.html"},
{url: "Image/produits/diapo_67667rome.jpg", title: "Guide de Rome", link:"Le-guide-de-Madrid_11.html"},
{url: "Image/produits/diapo_71155seville.jpg", title: "Guide de Seville", link:"Le-guide-de-Séville_13.html"},
{url: "Image/produits/diapo_54993venise.jpg", title: "Guide de Venise", link:"Guide-de-Venise_4.html"},
{url: "Image/produits/diapo_26287paris.jpg", title: "Guide de Paris", link:"Guide-de-Paris_15.html"},
{url: "Image/produits/diapo_82025marseille.jpg", title: "Guide de Marseille", link:"Le-guide-de-Marseille_14.html"},
{url: "Image/produits/diapo_5314montpellier.jpg", title: "Guide de Montpellier", link:"Guide-de-Montpellier_16.html"},
{url: "Image/produits/diapo_86833nice.jpg", title: "Guide de Nice", link:"Guide-de-Nice_17.html"},
{url: "Image/produits/diapo_9942lourdes.jpg", title: "Guide de Lourdes", link:"Guide-de-Lourdes_18.html"}
];

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};


function mycarousel_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};

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

jQuery(document).ready(function() {
    jQuery('#mycarousel_petit').jcarousel({
        size: mycarousel_itemList.length,
		auto: 2,
        wrap: 'circular',
        initCallback: mycarousel_initCallback,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});


