$(document).ready(function() {
	
	var _carouselItemCount = $('ul#carousel li').length;
		
    $('ul#carousel').jcarousel({
		scroll: 1,		
		auto: 10,
		wrap: 'circular',
		visible: 1,     
		animation: 1000,
		easing: 'swing',
		
		buttonNextHTML: null,
        buttonPrevHTML: null,		
		
		initCallback: carousel_initCallback,
		itemVisibleInCallback: carousel_itemIn,
		itemVisibleOutCallback: carousel_itemOut	
    });
	
	
	function carousel_initCallback(carousel) {
		$('.carousel-control').show();
		$('.carousel-control li').bind('click', function() {
	        carousel.scroll($.jcarousel.intval($(this).text()));
	        return false;
	    });				
		$('.carousel-nav .gotoprev').bind('click', function() {
	        carousel.prev();
	        return false;
	    });		
	    $('.carousel-nav .gotonext').bind('click', function() {
	        carousel.next();
	        return false;
	    });		
	}
	
	function carousel_itemIn(carousel, item, index, action) {
		index = (((index-1) % _carouselItemCount)+1);
		$('.carousel-control li:eq('+(index-1)+')').addClass('active');
	}
	
	function carousel_itemOut(carousel, item, index, action) {
		index = (((index-1) % _carouselItemCount)+1);
		$('.carousel-control li:eq('+(index-1)+')').removeClass('active');
	}

});