/* Needs jquery.js */

function fxSlideShow() {
  fxCurSlide++;
  fxNumSlides = 0;
  $('#fxSlideImg div').each( function(){
    fxNumSlides++;
  });
  if (fxCurSlide >= fxNumSlides + 1) { fxCurSlide = 1; }
  fxHideAll();
  $('#fxSlidePic-' + fxCurSlide).fadeIn(500, function () {});
  $('#DO_fxSlidePic-' + fxCurSlide).addClass('fxActive');
}

function fxStartSlide(fxCurSlide) {
  fxIntervalId = setInterval("fxSlideShow()", 9000);
}

function fxStopSlide() {
  fxHideAll();
  clearInterval(fxIntervalId);
}

function fxHideAll() {
  $('#fxSlideImg div').each( function() {
    $('#' + this.id).hide();
    $('#DO_' + this.id).removeClass('fxActive');
  });
}

function fxCreateButton(id,numSlides) {
  newId = "DO_" + id;
  $('#fxSlide_Buttons').append('<div id=\"' + newId +'\">'+ numSlides + '</div>');
  $('#' + newId).addClass('fxSlideButton')
  .hover( function () {
    fxHideAll();
    fxStopSlide();
    $('#' + id).fadeIn(500, function () {});
    $(this).addClass('fxActive');	// RR
  })
  .click( function(){
    fxHideAll();
    fxStopSlide()
    $('#' + id).fadeIn(500, function () {});
    $(this).addClass('fxActive');	// RR
  });
}

// Init & Start
$(document).ready(function(){
  fxNumSlides = 0;
  // Buttons erzeugen / Array f&uuml;r Slide erzeugen
  $('#fxSlideImg div').each( function(){
    fxNumSlides++;
    fxCreateButton(this.id, fxNumSlides)
  });

  // Start mit Zufallsbild
  //min = 1;
  //max = fxNumSlides;
  //a = (Math.random() * (max - min)) + min;
  //fxCurSlide = Math.round(a);
  fxCurSlide = 1;
  $('#fxSlidePic-' + fxCurSlide).fadeIn(500, function () {});
  $('#DO_fxSlidePic-' + fxCurSlide).addClass('fxActive');
  fxStartSlide(fxCurSlide);
});