// JavaScript Document
function buttonStateHandler(button, enabled) {
	 if (button == "prev-arrow") 
	   $('prev-arrow').src = enabled ? "img/left3-enabled.gif" : "img/left3-disabled.gif"
	 else 
	   $('next-arrow').src = enabled ? "img/right3-enabled.gif" : "img/right3-disabled.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})
	  }
	}