// Enable/Disable next/previous buttons
function buttonStateHandler(button, enabled) {
if (button == "prev-arrow") 
   $('prev-arrow').src = enabled ? "fileadmin/template/ext/rgcarousel/ex3_previous.gif" : "fileadmin/template/ext/rgcarousel/ex3_previous.gif"
 else 
   $('next-arrow').src = enabled ? "fileadmin/template/ext/rgcarousel/ex3_next.gif" : "fileadmin/template/ext/rgcarousel/ex3_next.gif"


}

// Anim effects before and after scrolling
function animHandler(carouselID, status, direction, index) {
  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})
    document.getElementById("count").innerHTML = index+1;
  }
  

    
}

// Show/hide "loading" overlay before and after ajax request
function ajaxHandler(carousel, status) {

  var overlay = $('overlayc');
  if (status == "before") {
    if (overlay) {
      overlay.setOpacity(0);
      overlay.show();
      Effect.Fade(overlay, {from: 0, to: 0.8, duration: 0.2});
    }
    else {
      new Insertion.Top(getAjaxLayer(), "<div id='overlayc' >Loading...<br><img src='/typo3conf/ext/rgcarousel/res/img/ajax-loader.gif'></div>");
    }
  }
  else {
    Effect.Fade(overlay, {from: 0.8, to: 0.0, duration: 0.2});
    initLightbox();
  }

}

function searchCarousel(event,carousel) {
  var key = event.which || event.keyCode;
  var input = Event.element(event);
  if (key == 13 && carousel instanceof Carousel) {
    carousel.scrollTo(parseFloat(input.value) - 1)
    Event.stop(event);
    return false;
  }
} 

function searchCarousel2(carousel,value) {
    carousel.scrollTo(parseFloat(value) - 1)

}