$(document).ready(function() {
    ReadJCList();
	$('.CaseStudies ul').jcarousel({
        scroll: 1,
		visible: 6,
		auto: 2,
        initCallback: mycarousel_initCallback,
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});

var mycarousel_itemList = new Array();
ReadJCList = function() {
var JCList;
if ($('.CaseStudies ul li')!=null){
    JCList=$('.CaseStudies ul li');
    for (var i = 0; i < JCList.length; i++) {
        mycarousel_itemList[i]=JCList[i].innerHTML;
    }
}
}

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_itemList[idx - 1]);

	if(typeof pngFix == 'function') {
		pngFix();
	}
};

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

function mycarousel_initCallback(carousel)
{
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};