var J = jQuery.noConflict();

J(function()
	{
			
		
		 J("div.slide").each(function() {
			J(this).clone(1).appendTo("div#container");
		});
		J("div.slide").each(function() {
			J(this).clone(1).appendTo("div#container");
		});
		J("div.slide").each(function() {
			J(this).clone(1).appendTo("div#container");
		});
		J("div.slide").each(function() {
			J(this).clone(1).appendTo("div#container");
		});
		J("div.slide").each(function() {
			J(this).clone(1).appendTo("div#container");
		});
		J("div.slide").each(function() {
			J(this).clone(1).appendTo("div#container");
		});
		
		
		
		/*
		 * Beim starten ersten Slide vollständig anzeigen ...
		 */
		J('div.slide:first-child, div.slide:first-child .image').css({"display" : "block"}); 
		
		setTimeout("loading()",4000);
		
		
	});
	









function loading() {
					
	
		// Geschwindigkeiten und Verz�gerungen f�r Slides und Bilder
		var speedSlides = 500,
			delaySlides	= 4000,
			speedImages	= 750,
			delayImages	= 0;
		
		// Animations-Event zum Animieren der einzelnen Bilder
		J('div.image').bind('beginImageAnimation', function()
		{		
			
			//J(this).parent().clone(1).css({"display" : "none"}).appendTo("div#container");
			
			J(this).fadeIn(speedImages, function()
			{
				// Animations-Event zum Animieren des n�chsten Bildes
				J(this).next().delay(delayImages).trigger('beginImageAnimation');
				
				// �berpr�fen ob wir beim letzten Bild des aktuellen Slides angekommen sind
				if (J(this).is(':last-child'))
				{
					// Animations-Event zum Animieren des n�chsten Slides triggern
					J(this).parent('.slide').next().delay(delaySlides).trigger('beginSlideAnimation');
					
					// �berpr�fen ob wir beim letzten Slide angekommen sind
					if (J(this).parent('.slide').is(':last-child'))
					{
						
						
		
						 
						// Ersten Slide und alle anderen mit Ausnahme des letzten ausblenden
						J('div.slide:first-child').hide();
						J('div.slide').not(':first-child').not(':last-child').hide();
						

						
						
						// Letzten Slide ausblenden und somit einen Neustart der Animation einleiten
						
						//J('div.slide:last-child').delay(delaySlides).fadeOut(speedSlides, function()
						J('div.slide:last-child').delay(delaySlides).hide(0, function()
						{
							J('div.image').hide();
							J('div.slide:first-child').trigger('beginSlideAnimation');
						
						});
						
						
					}
					
				}
				
			});
			
		});
		
		// Animations-Event zum Animieren der einzelnen Slides
		J('div.slide').bind('beginSlideAnimation', function()
		{
			J(this).fadeIn(speedSlides, function()
			{
				// Animations-Event zum Animieren des ersten Bildes im aktuellen Slide triggern
				J(this).children('div.image:first-child').trigger('beginImageAnimation');
				
			});
			
		});
		
		// Animationssequenz beim ersten Slide beginnen
		//J('div.slide:first-child').trigger('beginSlideAnimation');
		J('div.slide:eq(1)').trigger('beginSlideAnimation'); 
	
}