// carousel functions
function mycarousel_initCallback(carousel) {
  $('.jcarousel-control a').bind('click', function() {
    carousel.scroll(jQuery.jcarousel.intval($(this).text()));
    carousel.startAuto(0);
    return false;
  });
  carousel.clip.hover(function() {
    carousel.stopAuto();
  }, function() {
    carousel.startAuto();
  });
};
function mycarousel_itemFirstInCallback(carousel, item, index) {
  $('.jcarousel-control a').each(function(){
    $(this).toggleClass('current', ($(this).text() == index));
  });
};


$(document).ready(function(){

  // Ride the carousel...
  startIndex = Math.floor(Math.random() * $("#the_carousel > li").size()) + 1;
  $("#mycarousel").jcarousel({
      start: startIndex,
      // auto: 10,
      auto: 4,
      scroll: 1,
      initCallback: mycarousel_initCallback,
      itemFirstInCallback: mycarousel_itemFirstInCallback,
      buttonNextHTML: null,
      buttonPrevHTML: null,
      wrap: 'last'
  });

});