$(document).ready(function() {
	
	// Alle Slides ausblenden
	$('.imagecontainer').css('opacity','0');
	
	// Erster Slide einblenden 1. 
	$('.imagecontainer[class*=current]').css('opacity','1');
	
	// Event bei Klick: Auf die Steuerungspfeile des Bilderslides
	$("a.forward, a.back").click(function(){
		
		// Navigationsrichtung (vor/zurück)
		direction = $(this).attr("class");
		
		// Aktueller Slide
		actslideID = $("div[class*='current']").attr('id');
		
		// Anzahl  Slides
		IntMaxslides = $('.imagecontainer').size();
		
		// Wenn Richtung nach vorn
		if(direction == "forward"){
			
			// Nächster Slide
			IntNextSlide = (parseInt(actslideID.split("slide")[1]) + 1);
	
			// Bei erreichen des letzten Slides zurücksetzen
			if(IntNextSlide > IntMaxslides){
				IntNextSlide = 1;		
			}		
		
		// Wenn Richtung nach hinten
		} else {
			
			// Vorheriger Slide
			IntNextSlide = (parseInt(actslideID.split("slide")[1]) - 1);
	
			// Bei erreichen des ersten Slides zurücksetzen
			if(IntNextSlide == 0){
				IntNextSlide = IntMaxslides;		
			}						
		}
		
		// Alter Slide ausblenden
		$("#"+actslideID).fadeTo(400,0,function(){
			
			// Klasse "current" entfernen
			$("#"+actslideID).removeClass('current');
		});
		
		// Neuer Slide einblenden
		$("#slide"+IntNextSlide).fadeTo(400,1,function(){
			
			// Klasse "current" einblenden			
			$("#slide"+IntNextSlide).addClass('current');				
		});
		
		// Rückgabewert, damit der Link nicht ausgeführt wird
		return false;
	});
});