function mycarousel_initCallback( jc, state ){
	if (state == 'init') {
		// Insert a play/pause button between the prev/next buttons
		$('div.jcarousel-prev-horizontal').after('<div class="jcarousel-toggle-horizontal" style="display:block;"></div>');
	
		/* Override the internal startAuto() method, which is called after
		 * animations complete, to prevent next/prev buttons from reactivating
		 * the timer while in the pause state.
		 */
		jc.startAutoOrig = jc.startAuto;
		jc.startAuto = function() {
		  if (!jc.paused) {
			jc.startAutoOrig();
		  }
		};
	
		jc.pause = function() {
		  $('div.jcarousel-toggle-horizontal')
			.removeClass('jcarousel-play-horizontal')
			.addClass('jcarousel-pause-horizontal');
		  jc.paused = true;
		  jc.stopAuto();
		};
	
		jc.play = function() {
		  $('div.jcarousel-toggle-horizontal')
			.removeClass('jcarousel-pause-horizontal')
			.addClass('jcarousel-play-horizontal');
		  jc.paused = false;
		  jc.startAuto();
		};
	
		// Click event for playback toggle button, conditionally calls play/pause
		$('div.jcarousel-toggle-horizontal').click(function(){
		  if ( jc.paused ) {
			jc.next();
			jc.play();
		  } else {
			jc.pause();
		  }
		});
   }
	
   jc.play();
} 

jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
		auto: 6,
		scroll: 1,
		wrap: 'circular',
		initCallback: mycarousel_initCallback
	});
});