$(document).ready(function() {

    $('.carousel').jcarousel({
        scroll: 1,
        initCallback: carousel_initCallback,
		itemFirstInCallback: carousel_initChange,
        buttonNextHTML: null,
        buttonPrevHTML: null,
		auto: 10,
        wrap: 'both',

    });
    
	//$('.jcarousel-control a:first').addClass('active');

});


function carousel_initCallback(carousel) {
    $('.jcarousel-control a.num').bind('click', function() {
    	//$('.jcarousel-control a.active').removeClass('active');
    	//$(this).addClass('active');
        carousel.scroll($.jcarousel.intval($(this).text()));
        return false;
    });
	$('.jcarousel-control a.prev').bind('click', function() {
    	carousel.prev();
        return false;
    });
	$('.jcarousel-control a.next').bind('click', function() {
    	carousel.next();
        return false;
    });
	if ($('.carousel li').size()<2) $('.jcarousel-control').remove();
};

function carousel_initChange(carousel, item, idx, state) {
	$('.jcarousel-control a').removeClass('active');
	$('.jcarousel-control a').each(function(index) {
	   if ($(this).text() == idx) $(this).addClass('active');
	});
};