//saves the slider class instance 
 var myslider;
 
 //save current position since ui.slider.curValue 
 //is not globally accessable 
 var currentCarouselPosition = 1;

  var marginValue = 14;
  var circleSpan = 57;
 
function mycarousel_initCallback(carousel) {

    //init links
    $(".jcarousel-control a").each( function(i){

      $(this).bind('click', function() {
          currentCarouselPosition = i+1;
          carousel.scroll(jQuery.jcarousel.intval(i+1));
          //mySliderPosition = i*(theWidth);
          //mySliderPosition = i*(theWidth);
          //alert(myslider.sliderMoveTo);
          //myslider.scroll(2);

            animateMargin = marginValue+(circleSpan*i);


          $("#the-handle").animate({ 
            marginLeft: (animateMargin+"px")
          }, 1 );

          
          return false;
      });
    
    });
    


};

// Ride the carousel...
jQuery(document).ready(function() {
    
    jQuery("#carousel").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });

});