$(document).ready(function() {

  /* alter Code... buggy: Überlagert die Bilder...
  images_count = $('#carousel-big img').size();
  active_image = 0;
  $('#carousel-big .prev, #carousel-big .next').click(function() {
    if ($(this).hasClass('prev')) active_image = (active_image-1) % images_count;
    if ($(this).hasClass('next')) active_image = (active_image+1) % images_count;
    $('#carousel-big .image').css('z-index', 0);
    $('#carousel-big .image').eq(active_image).hide().css('z-index', 1).fadeIn('slow');
  });
  
  
  // alle 4 sec Bild wechseln
  timer = setInterval(function() {
    $('#carousel-big .next').click();
  }, 4000);
  */
  
  $('#carousel-big .image').hide();
  $('#carousel-big .image').eq(0).css('z-index', 3).show().addClass('active').nextAll('.linkareas').eq(0).show();

  // alle 4 sec Bild wechseln
  timer = setInterval(function() {
   // fadeImages();
  }, 4000);
  
  // prev + next Buttons
  $('#carousel-big .prev').click( function() {
      fadeImages('prev');
  })
  $('#carousel-big .next').click( function() {
      fadeImages('next');
  })
  
});
  
// Funktion für den Bilderwechsel
function fadeImages(direction) {
  //hide all linkareas
  $('.linkareas').hide();
  
  // fade next oder User: next
  if( $('#carousel-big .image.active').nextAll('.image').size() > 0 && direction != 'prev') {
    $('#carousel-big .image.active').css('z-index', 2).removeClass('active').nextAll('.image').eq(0).css('z-index', 3).addClass('active').fadeIn(1000, function() {
      $('#carousel-big .image.active').nextAll('.linkareas').eq(0).show(); // show linkareas
      $('#carousel-big .image').not('.active').css('z-index', 1).hide();                 // hide all others
    });
  // User: prev
  }else if( $('#carousel-big .image.active').prevAll('.image').size() > 0 && direction == 'prev') {
    $('#carousel-big .image.active').css('z-index', 2).removeClass('active').prevAll('.image').eq(0).css('z-index', 3).addClass('active').fadeIn(1000, function() {
      $('#carousel-big .image.active').nextAll('.linkareas').eq(0).show();
      $('#carousel-big .image').not('.active').css('z-index', 1).hide();
    });
  // User: prev; from first to last
  }else if( direction == 'prev') {
    $('#carousel-big .image.active').css('z-index', 2).removeClass('active');
    $('#carousel-big .image').last().css('z-index', 3).addClass('active').fadeIn(1500, function() {
      $('#carousel-big .image.active').nextAll('.linkareas').eq(0).show();
      $('#carousel-big .image').not('.active').css('z-index', 1).hide();
    });
  // Fallback: fade next; from last to first
  }else{
    $('#carousel-big .image.active').css('z-index', 2).removeClass('active');
    $('#carousel-big .image').eq(0).css('z-index', 3).addClass('active').fadeIn(1500, function() {
      $('#carousel-big .image.active').nextAll('.linkareas').eq(0).show();
      $('#carousel-big .image').not('.active').css('z-index', 1).hide();
    });
  }
}