/*
*/


function buttonStateHandler(button, enabled) 
{

 if (button == "prev-arrow") 
   $('prev-arrow').src = enabled ? "assets/images/left-enabled.jpg" : "assets/images/left3-disabled.jpg"
 else 
   $('next-arrow').src = enabled ? "assets/images/right-enabled.jpg" : "assets/images/right3-disabled.jpg"
}

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})
  }
}


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,numVisible:1,scrollInc:1})
};