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

var mycarousel_itemList = [
    {url: "images/gallery/2009/FEK180409 314_s.jpg", title: "Flik een kunstje"},
    {url: "images/gallery/2009/FEK180409 321_s.jpg", title: "Julia de Graaf, Streetdance op Flik een Kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 360_s.jpg", title: "Julia de Graaf, Streetdance op Flik een Kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 393_s.jpg", title: "Flik een kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 434_s.jpg", title: "Ton van Baarlen en Willemien op Flik een Kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 436_s.jpg", title: "Flik een kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 460_s.jpg", title: "Arthur, tarpbouwer op Flik een kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 490_s.jpg", title: "Plek zoeken voor de Yogales op Flik een kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 493_s.jpg", title: "Flik een kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 500_s.jpg", title: "Yogales op Flik een kunstje 2009"},
    {url: "images/gallery/2009/FEK180409 1224_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 1231_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 1295_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 505_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 535_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 536_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 540_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 544_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 547_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 555_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 557_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 571_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 609_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 612_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 625_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 658_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 736_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 756_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 922_s.jpg", title: ""},
    {url: "images/gallery/2009/FEK180409 932_s.jpg", title: ""},

    {url: "images/gallery/2009/DSC01484_800x532_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01485_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01486_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01487_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01488_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01489_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01493_800x532_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01496_800x532_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01498_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01499_800x532_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01500_800x550_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01501_378x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01502_486x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01503_800x532_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01507_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01509_399x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01512_339x600_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01513_800x532_s.jpg", title: ""},
    {url: "images/gallery/2009/DSC01514_399x600_s.jpg", title: ""}

];

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
        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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};

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