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

var mycarousel_itemList = [
    {url: "aktuell/gesamt/images/derweg67.jpg", title: "Der Weg 67", href: "aktuell/gesamt/dw67.html"},
    {url: "aktuell/gesamt/images/derweg66.jpg", title: "Der Weg 66", href: "aktuell/gesamt/dw66.html"},
    {url: "aktuell/gesamt/images/derweg65.jpg", title: "Der Weg 65", href: "aktuell/gesamt/dw65.html"},
    {url: "aktuell/gesamt/images/derweg64.jpg", title: "Der Weg 64", href: "aktuell/gesamt/dw64.html"},
    {url: "aktuell/gesamt/images/derweg63.jpg", title: "Der Weg 63", href: "aktuell/gesamt/dw63.html"},
    {url: "aktuell/gesamt/images/derweg62.jpg", title: "Der Weg 62", href: "aktuell/gesamt/dw62.html"},
    {url: "aktuell/gesamt/images/derweg61.jpg", title: "Der Weg 61", href: "aktuell/gesamt/dw61.html"},
    {url: "aktuell/gesamt/images/derweg60.jpg", title: "Der Weg 60", href: "aktuell/gesamt/dw60.html"},
    {url: "aktuell/gesamt/images/derweg59.jpg", title: "Der Weg 59", href: "aktuell/gesamt/dw59.html"},
    {url: "aktuell/gesamt/images/derweg58.jpg", title: "Der Weg 58", href: "aktuell/gesamt/dw58.html"},
    {url: "aktuell/gesamt/images/derweg57.jpg", title: "Der Weg 57", href: "aktuell/gesamt/dw57.html"},
    {url: "aktuell/gesamt/images/derweg56.jpg", title: "Der Weg 56", href: "aktuell/gesamt/dw56.html"},
    {url: "aktuell/gesamt/images/derweg55.jpg", title: "Der Weg 55", href: "aktuell/gesamt/dw55.html"},
    {url: "aktuell/gesamt/images/derweg54.jpg", title: "Der Weg 54", href: "aktuell/gesamt/dw54.html"},
    {url: "aktuell/gesamt/images/derweg53.jpg", title: "Der Weg 53", href: "aktuell/gesamt/dw53.html"},
    {url: "aktuell/gesamt/images/derweg52.jpg", title: "Der Weg 52", href: "aktuell/gesamt/dw52.html"},
    {url: "aktuell/gesamt/images/derweg51.jpg", title: "Der Weg 51", href: "aktuell/gesamt/dw51.html"},
    {url: "aktuell/gesamt/images/derweg50.jpg", title: "Der Weg 50", href: "aktuell/gesamt/dw50.html"},
    {url: "aktuell/gesamt/images/derweg49.jpg", title: "Der Weg 49", href: "aktuell/gesamt/dw49.html"},
    {url: "aktuell/gesamt/images/derweg48.jpg", title: "Der Weg 48", href: "aktuell/gesamt/dw48.html"},
    {url: "aktuell/gesamt/images/derweg47.jpg", title: "Der Weg 47", href: "aktuell/gesamt/dw47.html"},
    {url: "aktuell/gesamt/images/derweg46.jpg", title: "Der Weg 46", href: "aktuell/gesamt/dw46.html"},
    {url: "aktuell/gesamt/images/derweg45.jpg", title: "Der Weg 45", href: "aktuell/gesamt/dw45.html"},
    {url: "aktuell/gesamt/images/derweg44.jpg", title: "Der Weg 44", href: "aktuell/gesamt/dw44.html"},
    {url: "aktuell/gesamt/images/derweg43.jpg", title: "Der Weg 43", href: "aktuell/gesamt/dw43.html"},
    {url: "aktuell/gesamt/images/derweg42.jpg", title: "Der Weg 42", href: "aktuell/gesamt/dw42.html"},
    {url: "aktuell/gesamt/images/derweg41.jpg", title: "Der Weg 41", href: "aktuell/gesamt/dw41.html"},
    {url: "aktuell/gesamt/images/derweg40.jpg", title: "Der Weg 40", href: "aktuell/gesamt/dw40.html"},
    {url: "aktuell/gesamt/images/derweg39.gif", title: "Der Weg 39", href: "aktuell/gesamt/dw39.html"},
    {url: "aktuell/gesamt/images/derweg38.gif", title: "Der Weg 38", href: "aktuell/gesamt/dw38.html"},
    {url: "aktuell/gesamt/images/derweg37.gif", title: "Der Weg 37", href: "aktuell/gesamt/dw37.html"},
    {url: "aktuell/gesamt/images/derweg36.gif", title: "Der Weg 36", href: "aktuell/gesamt/dw36.html"}
];

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>';
	return '<a href="' + item.href + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="105" border="0" alt="' + item.title + '" /></a>';
};

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