$(document).ready(function () {	
	
	
	//Alle Module ansprechen
	
	$('.modulDymBild').each(function(i) { 
		
		var timer;
		var akt_pic_nr = 0;
		
		var big_pics = $('.big_box > .place_img > img', this);
		var texts = $('.big_box > .text', this);
		
		var pic_count = big_pics.length;
				

		//Ausf�hren, wenn auf Bild geklickt wird
		var thumb_pics = $('.thumb_box img.thumb', this).each(function(i) {
			$(this).click(function(){
				clearTimeout(timer);
				rotate_img(15000); 				//Zeit in Klammern: Wechsel nach letztem Bild-Klick
				var akt_pic = $(big_pics).get(akt_pic_nr);
					//$(akt_pic).fadeOut(500, function() {		//Zeit, zum Ausblenden - deaktiviert -
				akt_pic_nr = i;		
				var new_pic = $(big_pics).get(akt_pic_nr);
				$(big_pics).hide();
				$(texts).hide();
				var new_text = $(texts).get(akt_pic_nr);
				$(new_text).show();
				$(new_pic).show();
					//$(new_pic).fadeIn(50);		//Zeit, zum Einblenden - deaktiviert -
					//});					   
			});
		});
		

		
		
		//interne Funktion
		//Ausf�hren, wenn Bild automatisch geladen wird
		var rotate_img = function(time) {


			if(time == 0) {
				time = 10000; //Zeit, zum Bilder wechseln 20000 = 20s
				
			}
	
			//clearTimeout(timer);
			timer=setTimeout(function() {
				var new_pic_nr = akt_pic_nr+1;
				
				if(new_pic_nr > pic_count-1) {
					new_pic_nr = 0;
				}
				

				//Ausf�hren, wenn Bild automatisch wechselt				
				rotate_img(0);
				var akt_pic = $(big_pics).get(akt_pic_nr);
				$(akt_pic).fadeOut(500, function() {		//Zeit, zum Ausblenden, 300, 500
					akt_pic_nr = new_pic_nr;		
					var new_pic = $(big_pics).get(akt_pic_nr);
					$(big_pics).hide();
					$(texts).hide();
					var new_text = $(texts).get(akt_pic_nr);
					$(new_text).show();
					$(new_pic).fadeIn(1000);		//Zeit, zum Einblenden, 200, 500
				});


								
			},time);						
			
		}
		
		
		rotate_img(8000); //Zeit, nach erstem Bild-Wechsel Aufruf (Start der Seite)
		
	});
	


	
});