tb_pathToImage = "images/loading-thickbox.gif";
var mycarousel_itemList = [
    {url: "img/0_s.jpg", title: ""},
    {url: "img/1_s.jpg", title: ""},
    {url: "img/2_s.jpg", title: ""},
    {url: "img/3_s.jpg", title: ""},
    {url: "img/4_s.jpg", title: ""},
    {url: "img/5_s.jpg", title: ""},
    {url: "img/6_s.jpg", title: ""},
    {url: "img/7_s.jpg", title: ""},
    {url: "img/8_s.jpg", title: ""},
    {url: "img/9_s.jpg", title: ""},
    {url: "img/10_s.jpg", title: ""},
    {url: "img/11_s.jpg", title: ""},
    {url: "img/12_s.jpg", title: ""},
    {url: "img/13_s.jpg", title: ""},
    {url: "img/14_s.jpg", title: ""},
    {url: "img/15_s.jpg", title: ""},
    {url: "img/16_s.jpg", title: ""}
];

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

        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);

        // Apply thickbox
        tb_init(item);

        carousel.add(i, item);
    }
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="150" height="112" border="0" alt="' + item.title + '" /></a>';
};

jQuery.easing['BounceEaseOut'] = function(p, t, b, c, d) {
	if ((t/=d) < (1/2.75)) {
		return c*(7.5625*t*t) + b;
	} else if (t < (2/2.75)) {
		return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
	} else if (t < (2.5/2.75)) {
		return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
	} else {
		return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
	}
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
	scroll:1,
	auto:2,
    	wrap: 'circular',
        easing: 'BounceEaseOut',
        animation: 700,
        buttonNextHTML: '',
        buttonPrevHTML: '',
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});