function bannercarousel_initCallback(carousel) {
	$('.banner_jcarousel-control a').bind('click', function() {
        carousel.scroll($.jcarousel.intval($(this).text()));
        carousel.startAuto(0); /*Para el slide al hacer click sobre los numeros*/
        return false;
    });

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

	$('.jcarousel-next').bind('click', function() {
	    carousel.next();
	    carousel.startAuto(0); /*Para el slide al hacer click sobre las flechas*/
	    return false;
     
	});
   
    $('.jcarousel-prev').bind('click', function() {
        carousel.prev();
        carousel.startAuto(0); /*Para el slide al hacer click sobre las flechas*/
        return false;
    });
};

function bannerItemVisibleIn(carousel,li,index,state){
	if (document.getElementById('fotoBanner'+index)){
		document.getElementById('fotoBanner'+index).setAttribute('class','activo');
		document.getElementById('fotoBanner'+index).setAttribute('className','activo');
	}
}

function bannerItemVisibleOut(carousel,li,index,state){
	if (document.getElementById('fotoBanner'+index)){
		document.getElementById('fotoBanner'+index).removeAttribute('class');
		document.getElementById('fotoBanner'+index).removeAttribute('className');
	}
}
$(document).ready(function () {
     
    $("#banner").jcarousel({
        auto: 8,
        activeClass: 'activo',
        scroll: 1,
        wrap: 'last',
        initCallback: bannercarousel_initCallback,
        itemVisibleInCallback: bannerItemVisibleIn,
        itemVisibleOutCallback: bannerItemVisibleOut
    });


});