var timer=10000;  //milisecond
		
function initCarousel_html_carousel() {
	carouselPub = new Carousel('html-carouselPub', {nextElementID:'next-arrow', prevElementID:'prev-arrow', numVisible:1, scrollInc:1, animHandler:animHandler, animParameters:{duration:0.5}, size:2})
	var Tide = setTimeout("autoScrollCarouselPub()",timer);

};


Event.observe(window, 'load', function(e){initCarousel_html_carousel()});

function animHandler(carouselID, status, direction) {
	var region = $(carouselID).down('.carousel-clip-region')
	if (status == 'before') {
		//Effect.Fade(region, {to: 0.8, queue: { position:'end', scope: 'carousel' }, duration: 0.1})
	}
	if (status == 'after') {
		//Effect.Fade(region, {to: 1, queue: { position:'end', scope: 'carousel' }, duration: 0.1})
	}
	
}


function autoScrollCarouselPub(){
	
	if(typeof(carouselPub.nb=="undefined")){
		carouselPub.nb=carouselPub.carouselList.getElementsByTagName('li').length;
	}
	
	if(carouselPub.currentIndex < carouselPub.nb-1){
		carouselPub.nextScroll();
	}else{
		carouselPub.scrollTo(0);
	}
	setTimeout(autoScrollCarouselPub, timer);
}