// JavaScript Document

var mycarousel_itemList = [
    {url: '01'},
    {url: '02'},
    {url: '03'},
    {url: '04'},
    {url: '05'},
    {url: '06'},
    {url: '07'},
    {url: '08'},
    {url: '10'},
    {url: '11'}
];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

function mycarousel_getItemHTML(item)
{
    return '<img src="Images/T' + item.url + '.png" width="128" height="128" alt="" border="0" style="cursor:pointer;" onclick="Lightbox.show(\'Images/' + item.url + '.JPG\');" />';
};

jQuery(document).ready(function() {
    Lightbox.init({container: document.getElementById('LightboxContainer')});
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});