function carouselInitCallback(carousel) {

    i = 1;
    jQuery.each(jQuery('#carousel li'),function(){
	if (i == 1) {
            jQuery('.jcarousel-control').append("<a href='#' id='_"+i.toString()+"' class='active'></a>");
	} else {
   	    jQuery('.jcarousel-control').append("<a href='#' id='_"+i.toString()+"'></a>"); 
	};
	i = i + 1;
    });

    jQuery('.jcarousel-control a').bind('click', function() {
		var index = jQuery(this).attr("id").split("_");
		carousel.scroll(jQuery.jcarousel.intval(index[1]));
        return false;
    });

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

function carouselInCallback(carousel, item, i){
	jQuery(".jcarousel-control a").removeClass("active");
	jQuery("#_"+i.toString()).addClass("active");
};

jQuery(document).ready(function() {

    jQuery('#carousel').jcarousel({
        wrap: 'circular',
                scroll: 1,
                auto: 5,
		wrap: 'both',
                animation: 1000,
                initCallback: carouselInitCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null,
		itemVisibleInCallback: {onBeforeAnimation: carouselInCallback}
    });

});