$(document).ready(function() {

var topicIndex = 0;

function topicsCarousel(carousel) {
    $('ul#control li a').bind('click', function() {
    	carousel.startAuto(0);
        carousel.scroll($.jcarousel.intval($(this).text()));
		$('ul#control li').removeClass('activeTopic').hasClass('activeTopic');
		$(this).parent().addClass('activeTopic');
        return false;
    });

    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
    
    $('ul#control li a').hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });

};

function setTopicIndex(carousel) {
	if (topicIndex < $('ul#control li').length ) { 
		topicIndex++;
	}
	else {
		topicIndex = 1;
	}
	$('ul#control li').removeClass('activeTopic').hasClass('activeTopic');
	$("ul#control li a:contains(" + topicIndex + ")").parent().addClass('activeTopic');
};

$('div#ana-promo').ready(function() {
    $('ul#topics').jcarousel({
        buttonNextHTML: '',
        buttonPrevHTML: '',
        auto: 2,
        wrap: 'last',
        animation: 'slow',
        scroll: 1,
        visible: 1,
        initCallback: topicsCarousel,
        itemLoadCallback: { onBeforeAnimation: setTopicIndex }
    });
});
});