var cptCarouselElem = 0 ;

$(function(){
	$(".newscarousel").jcarousel({
		scroll :1,
		visible:1 ,
		auto : 5, 
		wrap : "circular",
		initCallback: carousel_initCallback,
		itemVisibleInCallback: {
            //onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation
        },
		buttonNextHTML: null ,
		buttonPrevHTML : null 
	}) ;		
}) ;

function carousel_initCallback (carousel){
	
	$(".newscarousel>li").each(function(){
		cptCarouselElem++ ;
	}) ;
	str = "<div class=jcarousel-control><a class='jcarousel-prev'>&lt;&lt;&nbsp;</a>" ;
	for (i = 1 ; i <= cptCarouselElem ; i++){
		str += "<a id=a"+i+">"+i+"</a>" ;
	}
	str += "<a class='jcarousel-next'>&nbsp;&gt;&gt;</a></div>" ;
	$(".jcarousel-skin-stgermain").append(str) ;

    $('.jcarousel-control a:not(.jcarousel-prev):not(.jcarousel-next)').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
	
    $('.jcarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });
 
    $('.jcarousel-prev').bind('click', function() {
		carousel.prev();
        return false;
    });	
	

}

function mycarousel_itemVisibleInCallbackAfterAnimation (carousel, item, idx, state){
	modulo = idx % cptCarouselElem ;
	elem = modulo == 0 ? cptCarouselElem : modulo ;
	
	$('.jcarousel-control a').css ("background-color","#4088b8");
	$('.jcarousel-control a').css ("color","#FFFFFF");
	$('.jcarousel-control #a'+elem).css ("background-color","#FFFFFF");
	$('.jcarousel-control #a'+elem).css ("color","#4088b8");
}