function afterAnimation(carousel){
        if(carousel.autoStopped){
            carousel.startAuto()
        }
    }
	
	function visibleInCallbackFunction(jcarousel_object, li_object, index, state){
    $(li_object).addClass('show');
}
 
function visibleOutCallbackFunction(jcarousel_object, li_object, index, state){
    $(li_object).removeClass('show');
}


 
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
		auto:4,
		scroll:2,
         wrap: 'last', // with this solution, wrap doesn't matter any more
            // itemLastInCallBack fires when a new 'last' image
            // shows up
            itemLastInCallback:{
                onAfterAnimation: afterAnimation
                }
    });

});


jQuery(document).ready(function() {
   $("#loading").hide();
      // hide the out-of-site carousel and then position it so we can fade in
      $("#mycarousel2").hide().css({"position":"relative","left":"inherit"}).fadeIn(00);
    jQuery('#mycarousel2').jcarousel({
        scroll: 1,
		auto:6,
		visibile:8,
		  wrap: 'both', // with this solution, wrap doesn't matter any more
            // itemLastInCallBack fires when a new 'last' image
            // shows up
            itemLastInCallback:{
                onAfterAnimation: afterAnimation
                }
    });
});