function mycarousel_itemLoadCallback(carousel, state)
{
    // Since we get all URLs in one file, we simply add all items
    // at once and set the size accordingly.
    if (state != 'init')
        return;

    jQuery.get('/admin/diaporamas/vues/diaporamas_data.php',{id:25}, function(data) {
        mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
    });
};

function mycarousel_itemAddCallback(carousel, first, last, data)
{
    // Simply add all items at once and set the size accordingly.
    var items = data.split('|');

    for (i = 0; i < items.length; i++) {
		
		var object=jQuery(mycarousel_getItemHTML(items[i]));
		jQuery(object).fancybox({'frameWidth': 460, 'overlayShow': true , 'overlayOpacity': 0.8});
		
        carousel.add(i+1, object);
    }

    carousel.size(items.length);

};



function mycarousel_getItemHTML(item)
{
    
		var itemelement= item.split('#'); 	
		var id = itemelement[0];
		var url = itemelement[1];
		var title = itemelement[2];
                var permalink = itemelement[3];
		
		
	
	return '<a href="'+permalink+'" class="iframe" title="' + title +'"  ><img src="/upload/diaporamas/t/' + url + '" width="75" height="75" alt="' + title +'" /></a>';
};


jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        itemLoadCallback: mycarousel_itemLoadCallback,
		wrap:'both',
		start:1,
		offset:1,
		scroll:4,
		auto:5,
		visible:4
		
    });
	
});