// Set thickbox loading image
tb_pathToImage = "images/loading-thickbox.gif";
function mycarousel_itemLoadCallback(carousel, state)
{
if(carousel){
    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
       tb_init(item);

       carousel.add(i, item);
    }}
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
if(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="75" height="75" border="0" alt="' + item.title + '" /></a>';}
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({     
     visible:jcar_visible,
        size: mycarousel_itemList.length,
        vertical: true,
        scroll: 2,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});