function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
	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);
};

function mycarousel_getItemHTML(item){
	return '<a href="?p=catalog&catid=' + item.urll  + '"><img src="' + item.url + '" /></a><div id="cattitlebox"><a href="?p=catalog&catid=' + item.urll  + '">' + item.title + '</a></div>';
};

jQuery(document).ready(function(){
	jQuery('#mycarousel').jcarousel({
		auto: 5,
		wrap: 'circular',
		scroll:1,
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	});
});