// Set thickbox loading image
tb_pathToImage = "../images/loading-thickbox.gif";

var mycarousel_itemList = [
    {url: "images/magento/usercase-zadigetvoltaire.png", title: "Client Hebergement Magento : Zadig et Voltaire", ccase: "zadigetvoltaire"},
    {url: "images/magento/usercase-auvieuxcampeur.png", title: "Client Hebergement Magento : Au vieux campeur", ccase: "auvieuxcampeur"},
    {url: "images/magento/usercase-lefuret.png", title: "Client Hebergement Magento : Le Furet du Nord", ccase: "lefuret"},
    {url: "images/magento/usercase-repetto.png", title: "Client Hebergement Magento : Repetto", ccase: ""},
    {url: "images/magento/usercase-nars.png", title: "Client Hebergement Magento : Nars", ccase: "nars"},
    {url: "images/magento/usercase-duo-lingerie.png", title: "Client Hebergement Magento : Duo Lingerie", ccase: ""},
    {url: "images/magento/usercase-indawear.png", title: "Client Hebergement Magento : Indawear", ccase: ""},
    {url: "images/magento/usercase-modulpack.png", title: "Client Hebergement Magento : Modulpack", ccase: ""},
    {url: "images/magento/usercase-phyto-attitude.png", title: "Client Hebergement Magento : Phyto Attitude", ccase: ""},
    {url: "images/magento/usercase-pullin.png", title: "Client Hebergement Magento : Pull-in", ccase: ""},
    {url: "images/magento/usercase-uaredesign.png", title: "Client Hebergement Magento : Uare Design", ccase: ""}
];

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;
        }
        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);
        // Apply thickbox
        if (mycarousel_itemList[i-1].ccase != "") {tb_init(item)};
        carousel.add(i, item);
    }
};
/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    //var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    //return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="134" height="77" border="0" alt="' + item.title + '" /></a>';
	if (item.ccase == "") {
        return '<img src="' + item.url + '" width="134" height="77" border="0" alt="' + item.title + '" />';
        }
	else {
		return '<a href="#TB_inline?height=250&width=600&inlineId=hidden' + item.ccase + '" class="thickbox" title=""><img src="' + item.url + '" width="134" height="77" border="0" alt="' + item.title + '" /></a>';
		}
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});