// ====================================================================================
var sCarouselID;
var lCarouselPicGroup;
var sDataServiceUrl;

function callbackCarouselItemLoad(carousel, state) {

    // Only load items if they don't already exist
    if (carousel.has(carousel.first, carousel.last)) { return; }

    jQuery.get(
        sDataServiceUrl, { id: lCarouselPicGroup },
        function(data) {
            callbackCarouselItemAdd(carousel, carousel.first, carousel.last, data);
        },
        'json'
    );
};
// ------------------------------------------------------------------------------------
function callbackCarouselItemAdd(carousel, first, last, data) {

    if (data.length == 0) {
        //carousel.size(1);
        //carousel.add(1, '<p>Keine Bilder gefunden</p>');
        alert('Keine Bilder gefunden');
        return;
    } else {
        for (var i = first; i <= last; i++) {
            if (data.files[i - 1] == undefined) {
                break;
            }
            var item = jQuery(getCarouselItemHTML(data.files[i - 1]));
            carousel.add(i, item);
        }
        carousel.size(data.files.length);
    }
};
// ------------------------------------------------------------------------------------
function getCarouselItemHTML(item) {
    var sHtml
    sHtml += '<a href="' + item.Link + '" class="highslide" title="' + item.Name + '" onclick="return hs.expand(this)">';
    sHtml += '<img src="' + item.Link + '.wmthumb.axd" width="75" height="75" border="0" alt="' + item.Name + '" />'
    sHtml += '</a>'
    return sHtml;
};
// ------------------------------------------------------------------------------------
function timeCarousel(sPrefix, lID, sDataUrl) {
    sCarouselID = sPrefix + lID;
    lCarouselPicGroup = lID;
    sDataServiceUrl = sDataUrl;
    var sCall = "initCarousel()";
    setTimeout(sCall, 0); 
}
// ------------------------------------------------------------------------------------
function initCarousel() {
    jQuery('#' + sCarouselID).jcarousel({
        itemLoadCallback: { onBeforeAnimation: callbackCarouselItemLoad }
    });
}
// ------------------------------------------------------------------------------------