var mycarousel_itemList = [
{url: '../photos/vignettes/commerce/autre-sud.jpg', title: 'autre-sud', zoom: '../photos/zoom/commerce/autre-sud.jpg'},
{url: '../photos/vignettes/commerce/commerce1.jpg', title: 'commerce1', zoom: '../photos/zoom/commerce/commerce1.jpg'},
{url: '../photos/vignettes/commerce/commerce2.jpg', title: 'commerce2', zoom: '../photos/zoom/commerce/commerce2.jpg'},
{url: '../photos/vignettes/commerce/commerce3.jpg', title: 'commerce3', zoom: '../photos/zoom/commerce/commerce3.jpg'},
{url: '../photos/vignettes/commerce/commerce4.jpg', title: 'commerce4', zoom: '../photos/zoom/commerce/commerce4.jpg'},
{url: '../photos/vignettes/commerce/commerce5.jpg', title: 'commerce5', zoom: '../photos/zoom/commerce/commerce5.jpg'},
{url: '../photos/vignettes/commerce/commerce6.jpg', title: 'commerce6', zoom: '../photos/zoom/commerce/commerce6.jpg'},
{url: '../photos/vignettes/commerce/commerce7.jpg', title: 'commerce7', zoom: '../photos/zoom/commerce/commerce7.jpg'},
{url: '../photos/vignettes/commerce/commerce8.jpg', title: 'commerce8', zoom: '../photos/zoom/commerce/commerce8.jpg'},
{url: '../photos/vignettes/commerce/cote-terre-de-femmes.jpg', title: 'cote-terre-de-femmes', zoom: '../photos/zoom/commerce/cote-terre-de-femmes.jpg'},
{url: '../photos/vignettes/commerce/enseigne-autre-sud.jpg', title: 'enseigne-autre-sud', zoom: '../photos/zoom/commerce/enseigne-autre-sud.jpg'},
{url: '../photos/vignettes/commerce/numero9.jpg', title: 'numero9', zoom: '../photos/zoom/commerce/numero9.jpg'},
{url: '../photos/vignettes/commerce/studio-2.jpg', title: 'studio-2', zoom: '../photos/zoom/commerce/studio-2.jpg'},
{url: '../photos/vignettes/commerce/studio.jpg', title: 'studio', zoom: '../photos/zoom/commerce/studio.jpg'},
{url: '../photos/vignettes/commerce/surcouf-terrasse.jpg', title: 'surcouf-terrasse', zoom: '../photos/zoom/commerce/surcouf-terrasse.jpg'},
{url: '../photos/vignettes/commerce/surcouf.jpg', title: 'surcouf', zoom: '../photos/zoom/commerce/surcouf.jpg'},
{url: '../photos/vignettes/commerce/terre-de-femmes.jpg', title: 'terre-de-femmes', zoom: '../photos/zoom/commerce/terre-de-femmes.jpg'},
{url: '../photos/vignettes/commerce/vitrine-numero9.jpg', title: 'vitrine-numero9', zoom: '../photos/zoom/commerce/vitrine-numero9.jpg'}];
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]));
	
	// Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
    carousel.remove(i);
};
/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item){
	var item = '<a href="' + item.zoom + '" class="thickbox"><img src="' + item.url + '" alt="' + item.title + '" /></a>';
	
	$('a.thickbox').unbind("click");
	 tb_init('a.thickbox');
	
	return item;
};
	

$(document).ready(function() {
    $('#cadre_diapo').jcarousel({
		scroll : 1,
		auto : 2,
		animation : "slow",
		wrap : "circular",
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	});
});