var _thisIndex = "";

function mycarousel_initCallback(carousel) {
    $('.jcarousel-control a').bind('click', function() {
        _thisIndex = $.jcarousel.intval($(this).attr("rel"));
        carousel.scroll(_thisIndex);
        return false;
    });
}

function mycarousel_itemFirstOutCallback() {
    $(".jcarousel-control dt").removeClass("on");
    $(".jcarousel-control a[rel='" + _thisIndex + "']").parent().addClass("on");
}

function mycarousel_itemVisibleInCallback(carousel, object, index) {
    _thisIndex = index;
    $(".jcarousel-control dt").removeClass("on");
    $(".jcarousel-control a[rel='" + _thisIndex + "']").parent().addClass("on");
}

$(document).ready(function() {

	$("#slider").jcarousel({
            scroll: 1,
            visible: 1,
            auto: 12, /* Time (seconds) between slide */
            animation: 400,
            wrap: "last",
            initCallback: mycarousel_initCallback,
            itemFirstOutCallback: { onBeforeAnimation: mycarousel_itemFirstOutCallback },
            itemVisibleInCallback: { onAfterAnimation: mycarousel_itemVisibleInCallback },
            buttonNextHTML: null,
            buttonPrevHTML: null
        });
		
	
});