//save current position since ui.slider.curValue 
 //is not globally accessable 
 var currentCarouselPosition = 1;

 
function mycarousel_initCallback(carousel) {

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

      $(this).bind('click', function() {

          //remove "active" from all elements
          $(".jcarousel-control li").removeClass("active");
          
          location.href = $(this).attr("href"); 

          $(this).parent().addClass('active');

          //current carousel position      
          currentCarouselPosition = i+1;
          
          //scroll carousel
          carousel.scroll(jQuery.jcarousel.intval(i+1));
                    
          return false;
      });
    
    });
    
    //init next buttons
    $(".nextSlide").each( function(j){

      this.style.cursor = 'pointer';

      $(this).bind('click', function() {

          //scroll carousel
          carousel.next();
          
          return false;

      });
    
    });
    
    //init prev buttons
    $(".prevSlide").each( function(j){

      this.style.cursor = 'pointer';

      $(this).bind('click', function() {

          //scroll carousel
          carousel.prev();

          return false;


      });
    
    });


};

function test(carousel, object, index, state)
{
  var currentItem = ($('.item' +index));
  
  if(state != 'init')
  {
    $(".jcarousel-control li").removeClass("active");
    currentItem.parent().addClass('active');
    location.href = currentItem.attr("href"); 
  }

}

// Ride the carousel...
jQuery(document).ready(function() {


    jQuery("#carousel").jcarousel({
        scroll: 1,
        size: 9,
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: test,
        buttonNextHTML: '',
        buttonPrevHTML: ''
    });

});