function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });

    jQuery('#carousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#carousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

// Ride the carousel...
jQuery(document).ready(function() {
	var itemArray = new Array();  
	$('.carousel ul').each(function(i) {  
		var carouselNavDivs = $('div.jcarousel-control');  
		$(this).children().each(function(j) {  
			itemArray[j] = "." + j;  
			var linkNum = 0;  
			linkNum = j + 1;  
			$(carouselNavDivs[i]).append("<a href=\"JavaScript:void(0);\"><span>" + linkNum + "</span></a>");
		});
	});

    jQuery("#carousel").jcarousel({
		auto: 4,
		start: 1,
		visible: 1,
		wrap: 'circular',
        scroll: 1,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        itemVisibleInCallback: {
            onAfterAnimation: function(c, o, i, s) {
			  var size = c.options.size; i = (((i - 1) % size) + size) % size;
              jQuery('.jcarousel-control a').removeClass('active').addClass('inactive');
              jQuery('.jcarousel-control a:eq('+i+')').removeClass('inactive').addClass('active');
            }
          }
    });
});