var mycarousel_itemList = [
    {url: "http://www.castellodicalatabiano.it/images/jgallery/biglietteria.jpg", title: "Biglietteria, stazione di partenza ascensore inclinato panoramico"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/ascensore.jpg", title: "Ascensore inclinato panoramico"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/fortezza.jpg", title: "La fortezza"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/ingresso.jpg", title: "Ingresso"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/corte.jpg", title: "La corte"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/caffetteria1.jpg", title: "Caffetteria"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/caffetteria2.jpg", title: "Caffetteria"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/darmi1.jpg", title: "Sala d'Armi"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/darmi2.jpg", title: "Sala d'Armi"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/cruyllas1.jpg", title: "Sala Cruyllas"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/cruyllas2.jpg", title: "Sala Cruyllas"},
    {url: "http://www.castellodicalatabiano.it/images/jgallery/cappella.jpg", title: "La cappella"}
];

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);

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

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    var url_m = item.url.replace(/jgallery/g, 'jgallery/big');
    return '<a href="' + url_m + '" title="' + item.title + '" rel="lightbox[foto]" onFocus="this.blur()"><img src="' + item.url + '" width="145" height="96" border="0" alt="' + item.title + '" /></a>';
};

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