function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
	
	//Injecting pause button
    $('.jcarousel-container .jcarousel-prev').after('<div class="jcarousel-pause-button" style="display:block;"><a href="#">pause</a></div>');

    $(".jcarousel-pause-button").toggle(
      function () {
          carousel.stopAuto();
          $(this).addClass('jcarousel-pause-button-paused');
      },

      function () {
          //alert("carousel start pressed")
          carousel.startAuto();
          $(this).removeClass('jcarousel-pause-button-paused');
      }
    );
	
	
};

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