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

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};

function krpano() 
{
    return document.getElementById("krpanoSWFObject");
};

function active_thumbnail(current_element) 
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        
        if (i == current_element) {
            document.getElementById("krpanoSWFObject").className('jcarousel-item-active');
        }
            else {
                document.getElementById("krpanoSWFObject").className('jcarousel-item');
            }
    }
    
};

function mycarousel_getItemHTML(item)
{
    return '<a onclick="krpano().call(\'action(' + item.action + ');\');" alt="' + item.title + '"><img src="' + item.image + '" width="140" height="80" alt="' + item.title + '" /><p id="title">' + item.title + '</p></a>';
};

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