// JavaScript Document

$(document).ready(function(){
						   
	$(document).pngFix();  /* jQuery PNG.fix laden */
	
	$("#intro_bg").animate({opacity: "1"}, 500); /* Hintergrundbild einblenden */
	$("#logo").animate({opacity: "1"}, 3000); /* Logo einblenden */
	
	$("#wave_rot").animate({top: "215px", opacity: "1"}, 500, function() { /* Rote Welle einblenden & animieren */
												
		$("#wave_grau").animate({top: "235px", opacity: "1"}, 300, function() { /* danach: Graue Welle  */
			
			$("#weiter_hp").animate({left: "370px", opacity: "1"}, 500); /* danach: weiter-Button */
			
			$("#text_1").animate({left: "30px", opacity: "1"}, 500, function() { /* erste Textzeile */
				
				$("#text_2").animate({left: "100px", opacity: "1"}, 1000); /* zweite Textzeile */
				
				setTimeout(function(){ /* warten Dauer s. unten (2000) */
									
                 	$(".bildreihe").animate({left: "-70px"}, 1000, function() {  /* Bilder */
						
						setTimeout(function(){ /* warten  Dauer s. unten (1500) */
											
							$("#text_1").animate({left: "0px", opacity: "0"}, 200);  /* erste Textzeile zurück */
									
							$("#text_2").animate({left: "0px", opacity: "0"}, 200);  /* zweite Textzeile zurück */
							
							$("#text_3").animate({left: "140px", opacity: "1"}, 1000);  /* dritte Textzeile */
							
						}, 1500); 
						
					});
					
	            }, 2000); 
				
			});
		});
	
	});
	
	
	if(jQuery.browser.msie && jQuery.browser.version.substr(0,1)=="6"){
		$('.bildreihe .ani').width(90);
		$('.bildreihe .ani').height(85);
	} else {
		$('.bildreihe img.ani').resizeOnApproach();
	};	
	
});