// List of photos
var mycarousel_itemList = [
{ url: '/images/listing_photos/26_lithonia03.jpg', listingid: '26', title: 'Turn Key REO in Lithonia, GA' },
{ url: '/images/listing_photos/22_sm.jpg', listingid: '22', title: 'Turn Key REO in Stone Mountain, GA' },
{ url: '/images/listing_photos/28_dscn1792.jpg', listingid: '28', title: '125 S. 3rd Ave. Beech Grove, IN' },
{ url: '/images/listing_photos/6_snellville.jpg', listingid: '6', title: 'Turn Key REO in Snellville, GA' },
{ url: '/images/listing_photos/8_stonemountain.jpg', listingid: '8', title: 'Turn Key REO in Stone Mountain, GA' },
{ url: '/images/listing_photos/24_stonemt.jpg', listingid: '24', title: 'Turn Key REO in Stone Mountain, GA' },
{ url: '/images/listing_photos/25_austell03.jpg', listingid: '25', title: 'Turn Key REO in Austell, GA' }];

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)
{
	ttl = (item.title).length > 32? (item.title).substring(0, 28) + '...': item.title;
    return '<div><div style="position:absolute; background:#FFFFFF; padding:5px 10px; opacity:0.5; font-size:10px; width:153px; bottom:0px">' + ttl + '</div><a href="/?action=listingview&listingID=' + item.listingid + '" title="' + item.title + '"><img src="/images/timthumb.php?src=' + item.url + '&w=173&h=158&zc=1" width="173" height="158" style="width:173px; height:158px" /></a></div>';
};

/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
function mycarousel_initCallback(carousel) {
    jQuery('#jc-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#jc-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

// Ride the carousel...
jQuery(document).ready(function() {
    jQuery("#mycarousel").jcarousel({
        scroll: 3,
		size: mycarousel_itemList.length,
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
});