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

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<div class="tovary"><div class="text-item11"><div class="heig"><a href="' + item.url + '">'+item.title+'</a></div><div class="cena11"><b>'+ item.price +'</b></div></div><div class="img-item11"><a href="' + item.url + '">' + item.img  +  '</a></div><div class="clear"></div><div  class="text-item10"><p class="description">' + item.description  + '</p></div></div>';
};  

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        animation: 'slow',
				scroll: 1,
				itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}

        //size: mycarousel_itemList.length,
        //itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});