var mycarousel_itemList = [
    { url: '/Images/Clients/usembassy.jpg', title: 'US Embassy - Cultural Attache' },
    { url: '/Images/Clients/dubaigov.jpg', title: 'Dubai Govt.' },
    { url: '/Images/Clients/ukforeign.jpg', title: 'UK Foreign Office' },
    { url: '/Images/Clients/bbc.jpg', title: 'BBC' },
    { url: '/Images/Clients/barclays.jpg', title: 'Barclays' },
    { url: '/Images/Clients/rbs.jpg', title: 'Royal Bank of Scotland' },
    { url: '/Images/Clients/mayor.jpg', title: 'Mayor of London' },
    { url: '/Images/Clients/natwest.jpg', title: 'Natwest' },
    { url: '/Images/Clients/endemol.jpg', title: 'Endemol' },
    { url: '/Images/Clients/sonytv.jpg', title: 'Sony TV' },
    { url: '/Images/Clients/startv.jpg', title: 'Star TV' },
    { url: '/Images/Clients/b4u.jpg', title: 'B4U Music' },
    { url: '/Images/Clients/zeetv.jpg', title: 'Zee TV' },
    { url: '/Images/Clients/sunrise.jpg', title: 'Sunrise Radio' },
    { url: '/Images/Clients/kensington.jpg', title: 'Kensington Palace' },
    { url: '/Images/Clients/hyatt.jpg', title: 'Hyatt Hotel Group' },
    { url: '/Images/Clients/microsoft.jpg', title: 'Microsoft' },
    { url: '/Images/Clients/hmv.jpg', title: 'HMV Apollo' },
    { url: '/Images/Clients/bham.jpg', title: 'Birmingham City Council' },
    { url: '/Images/Clients/tiff.jpg', title: 'Toronto International Film Festival' },
    { url: '/Images/Clients/dubaishop.jpg', title: 'Dubai Shopping Festival' },

];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    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);
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<img src="' + item.url + '" width="100" height="100" alt="' + item.title + '" ' + 'title="' + item.title + '" />';
};




function mycarousel_initCallback(carousel) {
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        auto: 2,
        animation: 'slow',
        easing: 'linear',
        scroll: 1,
        visible: 8,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});