var aantal = 7;
var current = 0;
var productCarousel = "";

// Geef het huidige nummer in het carousel de actieve staat
function toActiveState(linkNr) {
  var container = document.getElementById("imagefader_navigatie");
  var linkArray = container.getElementsByTagName("a")

  for (var i = 0; i < linkArray.length; i++) {
    linkArray[i].className = "";
  }

  linkArray[linkNr].className = "active";
}

// Verander de huidige slide van het carousel
function changethumb(ganaar) {
  if(ganaar != undefined) {
    current = ganaar;
  }
  else {
    current += 1;
  }
  if(current < 0 || current > aantal-1) {
    current = 0;
  }
  productCarousel.goTo(current);
  toActiveState(current);
}

// Carousel aanmaken en initialiseren
window.addEvent("domready", function() {
  productCarousel = new iCarousel("imagefader_content", {
    idToggle: "undefined",
    item: {
      klass: "imagefader_item",
      size: 315
    },
    animation: {
      type: "scroll",
      duration: 1000,
      amount: 1,
      rotate: {
        type: "auto",
        interval: 8000
      }
    },
    onNext: function() { changethumb() }
  });

  for(u=0;u<aantal;u++) {
    $("thumb"+u).u = u;
    $("thumb"+u).addEvent("click", function(event) { new Event(event).stop(); changethumb(this.u); });
  }
  toActiveState(0);
});