var nav = 1;

$(document).ready(function(){
	
	$("#text1").load('home.php');
	$("#text1").hide();
	$("#angebot").stop().animate({'background-position': '0px 34px'}, 250);	
	$("#referenz").stop().animate({'background-position': '0px 34px'}, 250);
	$("#kontakt").stop().animate({'background-position': '0px 34px'}, 250);
	
	$(window).load(function(){

			
		$("#text1").slideToggle(500);
		
			$('#home')
					   .mouseover(function(){
							if(nav == 2){	
							   $("#angebot").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#home").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 3){	
							   $("#referenz").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#home").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 4){	
							   $("#kontakt").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#home").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
						})
					   .mouseout(function(){
							if(nav == 2){	
							   $("#angebot").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#home").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 3){	
							   $("#referenz").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#home").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 4){	
							   $("#kontakt").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#home").stop().animate({'background-position': '0px 34px'}, 200)						   
							}					   		
						});

			$('#angebot')
					   .mouseover(function(){
							if(nav == 1){	
							   $("#home").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#angebot").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 3){	
							   $("#referenz").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#angebot").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 4){	
							   $("#kontakt").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#angebot").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
						})
					   .mouseout(function(){
							if(nav == 1){	
							   $("#home").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#angebot").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 3){	
							   $("#referenz").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#angebot").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 4){	
							   $("#kontakt").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#angebot").stop().animate({'background-position': '0px 34px'}, 200)						   
							}					   		
						});		

			$('#referenz')
					   .mouseover(function(){
							if(nav == 1){	
							   $("#home").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#referenz").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 2){	
							   $("#angebot").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#referenz").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 4){	
							   $("#kontakt").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#referenz").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
						})
					   .mouseout(function(){
							if(nav == 1){	
							   $("#home").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#referenz").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 2){	
							   $("#angebot").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#referenz").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 4){	
							   $("#kontakt").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#referenz").stop().animate({'background-position': '0px 34px'}, 200)						   
							}					   		
						});	
						
			$('#kontakt')
					   .mouseover(function(){
							if(nav == 1){	
							   $("#home").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#kontakt").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 2){	
							   $("#angebot").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#kontakt").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
							if(nav == 3){	
							   $("#referenz").stop().animate({'background-position': '0px 34px'}, 200)				   
							   $("#kontakt").stop().animate({'background-position': '0px 0px'}, 200)						   
							}
						})
					   .mouseout(function(){
							if(nav == 1){	
							   $("#home").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#kontakt").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 2){	
							   $("#angebot").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#kontakt").stop().animate({'background-position': '0px 34px'}, 200)						   
							}
							if(nav == 3){	
							   $("#referenz").stop().animate({'background-position': '0px 0px'}, 200)				   
							   $("#kontakt").stop().animate({'background-position': '0px 34px'}, 200)						   
							}					   		
						});	
						
		$("#home").click(function(event){
			nav = 1
			$("#text1").hide()
			$("#text1").load('home.php')
			$("#inhalt").stop().animate({'height': '340px'}, 500)	
			$("#text1").delay(250).slideToggle(250)
		});
		$("#angebot").click(function(event){
			nav = 2
			$("#text1").hide()
			$("#text1").load('angebot.php')
			$("#inhalt").stop().animate({'height': '400px'}, 500)	
			$("#text1").delay(250).slideToggle(250)
		});
		$("#referenz").click(function(event){
			nav = 3
			$("#text1").hide()
			$("#text1").load('referenz.php')
			$("#inhalt").stop().animate({'height': '370px'}, 500)	
			$("#text1").delay(250).slideToggle(250)
		});
		$("#kontakt").click(function(event){
			nav = 4
			$("#text1").hide()
			$("#text1").load('kontakt.php')
			$("#inhalt").stop().animate({'height': '480px'}, 500)	
			$("#text1").delay(250).slideToggle(250)
		});	
		$("#impressum").click(function(event){
			$("#text1").hide()
			$("#text1").load('impressum.php')
			$("#inhalt").stop().animate({'height': '310px'}, 500)	
			$("#text1").delay(250).slideToggle(250)
		});	});

});