function initCarousel_html_carousel() {carousel = new Carousel('html-carousel', {animHandler:animHandler, animParameters:{duration:0.5}, buttonStateHandler:buttonStateHandler, nextElementID:'next-arrow', prevElementID:'prev-arrow', size:31})};Event.observe(window, 'load', initCarousel_html_carousel);

function buttonStateHandler(button, enabled) {
		  if (button == "prev-arrow")
		    $('prev-arrow').src = enabled ? "/images/LeftArrow.gif" : "/images/LeftArrowDisable.gif"
		  else
		    $('next-arrow').src = enabled ? "/images/RightArrow.gif" : "/images/RightArrowDisable.gif"
		  }

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