$(document).ready(function(){
		//klick auf die mittlere Spalte - mitte gross, rechts/links klein
		$('.mitteklick').click(function(){
			$('#links_start').addClass('versteckt');
			$('#mitte_start').addClass('versteckt');
			$('#rechts_start').addClass('versteckt');
			$('#links_inhalt').addClass('versteckt');
			$('#links_inhalt1').removeClass('versteckt');
			$('#rechts_inhalt').addClass('versteckt');
			$('#rechts_inhalt1').removeClass('versteckt');
			$('#mitte_inhalt1').addClass('versteckt');
			$('#mitte_inhalt').removeClass('versteckt');
			$('#mitte_inhalt2').addClass('versteckt');
			$('#links').animate({
				width: "79"
				},500);
			$('#rechts').animate({
				width: "79"
				},500);
			$('#mitte').animate({
				width: "679"
				},500,function(){
			$('#mitte_inhalt2').removeClass('versteckt')});
		});
		
		//klick auf die linke Spalte, links gross, mitte/rechts klein
		$('.linkerklick').click(function(){
			$('#links_start').addClass('versteckt');
			$('#mitte_start').addClass('versteckt');
			$('#rechts_start').addClass('versteckt');
			$('#rechts_inhalt').addClass('versteckt');
			$('#rechts_inhalt1').removeClass('versteckt');
			$('#mitte_inhalt').addClass('versteckt');
			$('#mitte_inhalt1').removeClass('versteckt');
			$('#links_inhalt1').addClass('versteckt');
			$('#links_inhalt').removeClass('versteckt')
			$('#links_inhalt2').addClass('versteckt');
			$('#rechts').animate({
				width: "79"
				},500);
			$('#mitte').animate({
				width: "79"
				},500);
			$('#links').animate({
				width: "679"
				},500,function(){
			$('#links_inhalt2').removeClass('versteckt')});
		});
		
		//klick auf die rechte Spalte, rechts gross, mitte/links klein
		$('.rechterklick').click(function(){
			$('#links_start').addClass('versteckt');
			$('#mitte_start').addClass('versteckt');
			$('#rechts_start').addClass('versteckt');
			$('#links_inhalt').addClass('versteckt');
			$('#links_inhalt1').removeClass('versteckt');
			$('#mitte_inhalt').addClass('versteckt');
			$('#mitte_inhalt1').removeClass('versteckt');
			$('#rechts_inhalt1').addClass('versteckt');
			$('#rechts_inhalt').removeClass('versteckt');
			$('#rechts_inhalt2').addClass('versteckt');
			$('#links').animate({
				width: "79"
				},500);
			$('#mitte').animate({
				width: "79"
				},500);
			$('#rechts').animate({
				width: "679"
				},500,function(){
			$('#rechts_inhalt2').removeClass('versteckt')});
		});
		
		//ein und ausblenden der texte in der linken spalte
		$('.reinundraus:first').hide();
		$('.reinundraus:eq(1)').hide();
		$('.reinundraus:eq(2)').hide();
		$('.reinundraus:eq(3)').hide();
		$('.reinundraus:eq(4)').hide();
		$('.reinundraus:eq(5)').show();
		
		
		$('.fett:first').click(function(){
			$('.reinundraus').slideUp(500);
			$('.reinundraus:first').slideDown(500);
		});
		
		$('.fett:eq(1)').click(function(){
			$('.reinundraus').slideUp(500);
			$('.reinundraus:eq(1)').slideDown(500);
		});
		$('.fett:eq(2)').click(function(){
			$('.reinundraus').slideUp(500);
			$('.reinundraus:eq(2)').slideDown(500);
		});
		$('.fett:eq(3)').click(function(){
			$('.reinundraus').slideUp(500);
			$('.reinundraus:eq(3)').slideDown(500);
		});
		$('.fett:eq(4)').click(function(){
			$('.reinundraus').slideUp(500);
			$('.reinundraus:eq(4)').slideDown(500);
		});
		$('.fett:eq(5)').click(function(){
			$('.reinundraus').slideUp(500);
			$('.reinundraus:eq(5)').slideDown(500);
		});
		//popup code below
		var popupStatus = 0;
		function  loadPopup(){
			if(popupStatus == 0){
				$('#backgroundPopup').css({"opacity": "0.7"
				});
				$('#backgroundPopup').fadeIn("slow");
				$('#popupContact').fadeIn("slow");
				popupStatus=1;
			}
		};
		//disabling popup
		function disablePopup(){
			if(popupStatus==1){
				$('#backgroundPopup').fadeOut("slow");
				$('#popupContact').fadeOut("slow");
				popupStatus=0;
			}
		};
		//popup zentriere
		function centerPopup() {
			var windowWidth = document.documentElement.clientWidth;
			var windowHeight = document.documentElement.clientHeight;
			var popupHeight = $('#popupContact').height();
			var popupWidth = $('#popupContact').width();
			$('#popupContact').css({
				"position": "absolute",
				"top": windowHeight /2 - popupHeight / 2,
				"left": windowWidth /2 - popupWidth / 2,
			});
			$('#backgroundPopup').css({
				"height": windowHeight
			});
		};
		
		//loading popup bei klick auf kontakt
		$('#kontaktklick').click(function(){
			centerPopup();
			loadPopup();
		});
		
		//closing popup bei klick auf x
		
		$('#popupContactClose').click(function(){
			disablePopup();
		});
		$('#backgroundPopup').click(function(){
			disablePopup();
		});
		
		
		
	});