var mycarousel_itemList = [
	{url: '/images/text/oodle.png', title: 'Oodle'},
	{url: '/images/text/backpage.png', title: 'Backpage'},
    {url: '/images/text/myride.png', title: 'My Ride'},
	{url: '/images/text/facebook2.png', title: 'Facebook'},
    {url: '/images/text/google-base.png', title: 'Google Base'},
    {url: '/images/text/aol-autos.png', title: 'AOL Autos'},
    {url: '/images/text/vast.png', title: 'Vast.com'},
	{url: '/images/text/cardomain.png', title: 'CarDomain'},
    {url: '/images/text/twitter.png', title: 'Twitter'},
    {url: '/images/text/military.png', title: 'Military.com'},
    {url: '/images/text/local-com.png', title: 'Local.com'},
    {url: '/images/text/craigslist.png', title: 'Craigslist'},
    {url: '/images/text/walmart.png', title: 'Walmart'},
    {url: '/images/text/myspace.png', title: 'MySpace Classifieds'}
];

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

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="84" height="60" class="logo" alt="' + item.title + '" />';
};