$(document).ready(function() {
   $('#mycarousel').jcarousel({
      initCallback: mycarousel_initCallback,
      visible: 1,
      scroll: 1,
      auto: 0,
      animation: "slow",
      wrap: 'both',
      buttonNextHTML: '<div style="display: block; margin-top: 170px;"><img src="/images/magazine/button_next.png" align="right" width="50" height="50" /></div>',
      buttonPrevHTML: '<div style="display: block; margin-top: 170px"><img src="/images/magazine/button_prev.png" width="50" height="50" /></div>'
   });
});

function mycarousel_initCallback(carousel) {
   $('.carousel-contents a').click(function() {
//      carousel.scroll(jQuery.jcarousel.intval($('.carousel-contents img').index(this) + 2));
      if($(this).attr('rel').length) {
         var int_increment = parseInt($(this).attr('rel'), 10);

         if(int_increment == 0) {
//alert('Missing content');
return false;
         }

         carousel.scroll(int_increment);
      }

      return false;
   });
};