jQuery(document).ready(function() {
     jQuery("#mycarousel").jcarousel({
        scroll: 1,
		auto: 6,
		wrap: "last",
		animation: "slow",
        itemVisibleInCallback: mycarousel_itemVis,
		initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
    function mycarousel_initCallback(carousel) {
    	
		jQuery('.jcarousel-control a').bind('click', function() {
			var index = jQuery.jcarousel.intval(jQuery(this).text());
			
			$('.jcarousel-control a').removeClass('active');
			$(this).addClass('active');
			
			carousel.scroll(index);
			return false;
		});
	
		
	};


    function mycarousel_itemVis(carousel, theli, theindex, thestate) {
		$('.jcarousel-control a').removeClass('active');
    	$('.jcarousel-control a#jc'+theindex).addClass('active');
	};


   
});