$(document).ready(function(){
	
	/* seite initialisieren */
	
	// benötigt variablen
	// 
	
	var startauswahl = "standard";
	var kundentyp;
	var produkttarif;
	var fkproduktfinderplz;
	var fkproduktfinderkwh;
	var produktangebot;
	
	var schritt1 = "standard"; // startauswahl 
	var schritt2; // kundentyp;
	var schritt3; // produkttarif;
	var schritt31; // fkproduktfinderplz;
	var schritt32; // fkproduktfinderkwh;
	var schritt33; // fkproduktfinderkwh;
	var schritt4; // produktangebot;	
	
	var schritt1g = "standard"; // startauswahl 
	
	var gruen_check = 0; // gruene Energie?
	
	
	function to_alle_angebote()
	{
		    $("#firstContainer").css("display" ,"none");
		    $("#fkBigContainer").css("display" ,"block");
			/* --- SCHRITT 1 FELD 1 FÜLLEN --- */
			ajaxdata = "schritt1="+startauswahl;
			html = fk_pf_connector(ajaxdata);
			$("#fkProduktfinderDiv1").html(html);
			$("#fkProduktfinderDiv1").css("display" ,"block");
			$("#alle_angebote_gruene_energie").css("display" ,"block");
			
			gruen_check = 0;
			
			// css design change
			$("#fkBigContainer").css("background-image" ,"url(img/new-design/01_back.jpg)");
			
		    $("#fkProduktfinderDiv1").css("color" ,"");
		    $("#fkProduktfinderDiv2Content1").css("color" ,"");
		    $("#fkProduktfinderDiv2Content2").css("color" ,"");
		    $("#fkProduktfinderDiv3").css("color" ,"");
		    $("#fkProduktfinderDiv4").css("color" ,"");
		    $(".Containerlink").css("color" ,"");		
		    $("#fkProduktfinderDiv2").css("background-image" ,"");
		    $("#fkProduktfinderDiv3").css("background-image" ,"");
		    $("#fkProduktfinderDiv4").css("background-image" ,"");
		    
		    $("#alle_angebote").css("background-image" ,"url(img/new-design/02_back_3.gif)");
		    $("#gruene_energie").css("background-image" ,"url(img/new-design/02_back_4.gif)");
		    
		    $("#fkProduktfinderDiv2").css("top" ,"9px");
		    $("#fkProduktfinderDiv3").css("top" ,"9px");
		    $("#fkProduktfinderDiv4").css("top" ,"9px");
		    
	}
	
	function to_green()
	{
		 $("#firstContainer").css("display" ,"none");
		 $("#fkBigContainer").css("background-image" ,"url(img/new-design/02_back.jpg)");
		 /* --- SCHRITT 1 FELD 1 FÜLLEN --- */
			ajaxdata = "schritt1g="+startauswahl;
			html = fk_pf_connector_gruen(ajaxdata);
			$("#fkProduktfinderDiv1").html(html);
			$("#fkProduktfinderDiv1").css("display" ,"block");
		    $("#fkBigContainer").css("display" ,"block");
		    $("#alle_angebote_gruene_energie").css("display" ,"block");
		    
		    gruen_check = 1;
		    
		    // css design change
		    $("#fkProduktfinderDiv1").css("color" ,"green");
		    $("#fkProduktfinderDiv2Content1").css("color" ,"green");
		    $("#fkProduktfinderDiv2Content2").css("color" ,"green");
		    $("#fkProduktfinderDiv3").css("color" ,"green");
		    $("#fkProduktfinderDiv4").css("color" ,"green");
		    $(".Containerlink").css("color" ,"green");		
		    $("#fkProduktfinderDiv2").css("background-image" ,"url(img/new-design/02_step2_back_green.gif)");
		    $("#fkProduktfinderDiv3").css("background-image" ,"url(img/new-design/03_step3_back_green.gif)");
		    $("#fkProduktfinderDiv4").css("background-image" ,"url(img/new-design/04_step4_back_green.gif)");
		    
		    $("#alle_angebote").css("background-image" ,"url(img/new-design/02_back_1.gif)");
		    $("#gruene_energie").css("background-image" ,"url(img/new-design/02_back_2.gif)");
		    
		    $("#fkProduktfinderDiv2").css("top" ,"8px");
		    $("#fkProduktfinderDiv3").css("top" ,"8px");
		    $("#fkProduktfinderDiv4").css("top" ,"8px");
	}
	
	function reset()
	{
		// zurücksetzen der schritte falls jemand von hier aus neu beginnt
		// wenn schon weitere schritte durchlaufen sind ist der schritt2 bereits als variable gespeichert
			if (schritt2 != "") {
			// alle divs wieder ausblenden
			$("#fkProduktfinderDiv2").hide();
			$("#fkProduktfinderDiv3").hide();
			$("#fkProduktfinderDiv4").hide();
			// inhalte von schritt 2 löschen
			$("#fkProduktfinderDiv2Content1").empty(); //show the html inside .content div
			$("#fkProduktfinderDiv2Content2").empty(); //show the html inside .content div	
			
			var schritt3 = ""; // produkttarif;
			var schritt31 = ""; // fkproduktfinderplz;
			var schritt32 = ""; // fkproduktfinderkwh;
			var schritt33 = ""; // fkproduktfinderkwh;
			
			// Radiobuttons deaktivieren.
			document.getElementById('1radio1').checked=false;
			document.getElementById('1radio2').checked=false;
			document.getElementById('1radio3').checked=false;
			document.getElementById('1radio4').checked=false;
			document.getElementById('1radio5').checked=false;
			document.getElementById('1radio6').checked=false;			
		}
	}

	/* --- SCHRITT 0 VORAUSWAHL --- */
	
	 var rightdiv=document.getElementById("rightContainer");
	 var leftdiv=document.getElementById("leftContainer");
	 var alle_angebote_div=document.getElementById("alle_angebote");
	 var gruene_energie_div=document.getElementById("gruene_energie");
	 
	 rightdiv.onclick=function(){
		 to_alle_angebote();
		}
	 
	 leftdiv.onclick=function(){
		to_green();     
		}
	 
	 alle_angebote_div.onclick=function(){
		    to_green();
			reset();
	 }
	 
	 gruene_energie_div.onclick=function(){
		    to_alle_angebote();
			reset();
	 }
	
	// funktion um die ajax-verbindung aufzubauen und die daten abzurufen
	function fk_pf_connector(ajaxdata) {

		$.ajax({
			async: false, // muss in diesem fall async sein, da sonst kein return der funktion erfolgt 
			type: "GET",
			url: "produktfinder_server.php",
			data: ajaxdata,
  			error: function() {
    			alert('load error');
  			},
  			success: function(html){ //so, if data is retrieved, store it in html	
				thishtml = html;
			}	
		}); //close $.ajax
		return thishtml;
	}
	
	// funktion um die ajax-verbindung für grüne Energie aufzubauen und die daten abzurufen	
	function fk_pf_connector_gruen(ajaxdata) {

		$.ajax({
			async: false, // muss in diesem fall async sein, da sonst kein return der funktion erfolgt 
			type: "GET",
			url: "produktfinder_server_gruen.php",
			data: ajaxdata,
  			error: function() {
    			alert('load error');
  			},
  			success: function(html){ //so, if data is retrieved, store it in html	
				thishtml = html;
			}	
		}); //close $.ajax
		return thishtml;
	}	

	function fkDoNothing() {
		/* eine leere funktion
 		wird auf divs gelegt die auf keinen fall mehr auf onchange reagieren sollen
 		wie etwa bei schritt3 == "sgindustrieundgewerbekundenstromtarife" wenn dieser 
 		nach einem neubeginn eines produktfinderdurchlaufs erneut aufgerufen wird 
 		*/
	}

	function fkResetDiv3Content() {
		// wenn der pf erneut durchlaufen wird ist schritt4 schon gesetzt
		// dann wird der untere contentbereich gelöscht
		if (schritt4 && schritt2 == "sgindustrieundgewerbekunden") {
		// werte zurücksetzen
		$("#fkProduktfinderDiv3").hide();
		$("#fkProduktfinderDiv4").hide();
		$("#fkproduktfinderplz").val("");
		// events löschen damit es nicht bei onclick auf den link ausgelöst wird
		$("#fkProduktfinderDiv2Content2").unbind('change');	
		//alert("hallo"+schritt4);
		}

	}
	//-----------Produktfinder mittels Button zurücksetzen 
	
	
$("#PFreset").click(function(event){
		reset();
	});
	
	/* --- SCHRITT 2 --- */
	// beim onchange des ersten Schritts
	$("#fkProduktfinderDiv1").change(function(event){

		// zurücksetzen der schritte falls jemand von hier aus neu beginnt
		// wenn schon weitere schritte durchlaufen sind ist der schritt2 bereits als variable gespeichert
		if (schritt2 != "") {
			// alle divs wieder ausblenden
			$("#fkProduktfinderDiv2").hide();
			$("#fkProduktfinderDiv3").hide();
			$("#fkProduktfinderDiv4").hide();
			// inhalte von schritt 2 löschen
			$("#fkProduktfinderDiv2Content1").empty(); //show the html inside .content div
			$("#fkProduktfinderDiv2Content2").empty(); //show the html inside .content div	
			
			var schritt3 = ""; // produkttarif;
			var schritt31 = ""; // fkproduktfinderplz;
			var schritt32 = ""; // fkproduktfinderkwh;
			var schritt33 = ""; // fkproduktfinderkwh;

					
		}
		
		// was für ein kundentyp? darauf basierend wird der inhalte für die obere contentbox von schritt 2 ausgewählt		
		schritt2 = $("input[name='schritt2']:checked").val(); //retrieve val of radiobox for next step				
		// die ajax-verbindung mit dem inhalt für schritt 2
		ajaxdata = "schritt1=standard&schritt2="+schritt2;
		if (gruen_check == 0) 
			{html = fk_pf_connector(ajaxdata);}
		else 
			{html = fk_pf_connector_gruen(ajaxdata);}
		
		$("#fkProduktfinderDiv2Content1").html(html); //show the html inside .content div
		$("#fkProduktfinderDiv2").fadeIn('slow', function() {});
	
	}); // ende $("#fkProduktfinderDiv1").change()

		
	/* --- SCHRITT 3 --- */

	// beim onchange in der oberen box von schritt 2
	$("#fkProduktfinderDiv2Content1").change(function(event){

		// zurücksetzen der schritte falls jemand von hier aus neu beginnt
		// wenn schon weitere schritte durchlaufen sind ist der produktangebot bereits als variable gespeichert
		if (schritt3 != "") {
			$("#fkProduktfinderDiv2Content2").empty();
			$("#fkProduktfinderDiv2Content2").hide();
			$("#fkProduktfinderDiv3").hide();
			$("#fkProduktfinderDiv4").hide();
			$("#fkProduktfinderDiv2Content2").unbind('change');
			
			var schritt31 = ""; // fkproduktfinderplz;
			var schritt32 = ""; // fkproduktfinderkwh;
			var schritt33 = ""; // fkproduktfinderkwh;
			
		}
		// welcher produkttarif
		schritt3 = $("input[name='schritt3']:checked").val(); //retrieve val of radiobox for next step
  		ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3; 		
  		if (gruen_check == 0) 
		{html = fk_pf_connector(ajaxdata);}
	else 
		{html = fk_pf_connector_gruen(ajaxdata);}
		
				
		if (html == "nextstep") {
  				//in einigen fällen wird der ganze bereich übersprungen
  				// deshalb direkt aufrufen der entsprechenden funktion
  				$("#fkProduktfinderDiv2Content2").empty();
    			fkGetDiv3Content("nextstep"); 
    							
  		} else {
  				
  				/* Hier wird der HTML-Inhalt für #fkProduktfinderDiv2Content2 ausgegeben */											 
				$("#fkProduktfinderDiv2Content2").empty();		
				$("#fkProduktfinderDiv2Content2").html(html); //show the html inside .content div
				$("#fkProduktfinderDiv2Content2").fadeIn('slow', function() {});
			
				

			
				/* Hier wird das event für #fkProduktfinderDiv2Content2 definiert und 
				mit der entsprechenden funktion zum befüllen von #fkProduktfinderDiv3 fest gelegt */
					
   				// Privatkunden / Hausanschlüsse
  				if (schritt3 == "sgprivatkundehausanschluesse") {
					
					// aktivieren der entsprechenden events
					$("#fkProduktfinderDiv2Content2").change(function(event){
							fkGetDiv3Content("sgprivatkundehausanschluesse");								
					});
  				
  				// Marktpartner / Stromlieferung 
				} else if (schritt3 == "sgmarktpartnerstromlieferung") {
					
					// aktivieren der entsprechenden events
					$("#fkProduktfinderDiv2Content2").change(function(event){
							fkGetDiv3Content("sgmarktpartnerstromlieferung");								
					});
				
				// Marktpartner / Gaslieferung 
				} else if (schritt3 == "sgmarktpartnergaslieferung") {
					
					// aktivieren der entsprechenden events
					$("#fkProduktfinderDiv2Content2").change(function(event){
							fkGetDiv3Content("sgmarktpartnergaslieferung");								
					});
						
				// Gewerbe- und Industriekunden / Stromlieferung						
				} else if (schritt3 == "sgindustrieundgewerbekundenstromtarife") {

					// anhängen der checkfunktionen für plz
					$("#fkproduktfinderplz").numeric({allow:".,"});
					// aktivieren des entsprechenden events
					$("#fkProduktfinderDiv2Content2 a").click(function(myevent) {
						
							fkGetDiv3Content("sgindustrieundgewerbekundenstromtarife");
					});
				
				// Gewerbe- und Industriekunden / Gaslieferung						
				} else if (schritt3 == "sgindustrieundgewerbekundengastarife") {
					
					// anhängen der checkfunktionen für plz
					$("#fkproduktfinderplz").numeric({allow:".,"});
					// aktivieren des entsprechenden events
					$("#fkProduktfinderDiv2Content2 a").click(function(myevent) {
						
							fkGetDiv3Content("sgindustrieundgewerbekundengastarife");
					});
				
				// Privatkunden / Stromtarife (schritt3 == "sgprivatkundestromtarife)
				// Privatkunden / Gastarife (schritt3 == "sgprivatkundegastarife")
				} else {

					// anhängen der checkfunktionen für das plz-feld
					$("#fkproduktfinderplz").numeric({allow:".,"});
					$("#fkProduktfinderDiv2Content2 a").click(function(myevent) {
							fkGetDiv3Content("PLZAbfrage");
					});
				}
  		}
	}); // ende $("#fkProduktfinderDiv2Content1").change(function(event){

	
	// die normale funktion um inhalte für schritt3 zu laden (per onclick oder onchange)	
	function fkGetDiv3Content(specialdefinition) {

		$("#fkProduktfinderDiv3").empty();
		$("#fkProduktfinderDiv3").hide();
		$("#fkProduktfinderDiv4").hide();
		/* testing */ 
		// alert("specialdefinition "+specialdefinition);	
		
		// welcher produkttarif
		schritt31 = fkproduktfinderkwh = $("input[name='schritt31']:checked").val();
		//alert(specialdefinition);
		if (specialdefinition == "sgindustrieundgewerbekundenstromtarife") {

 			//retrieve val of radiobox for next step			
			fkproduktfinderplz = $("#fkproduktfinderplz").val(); 	
			if (fkproduktfinderkwh != "" && fkproduktfinderplz.length == 5) {								
				// die ajax-verbindung mit dem inhalt für schritt 3
				ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt31="+fkproduktfinderkwh+"&schritt32="+fkproduktfinderplz;
			} else {
				ajaxdata = "wrongplz";
				alert("Bitte geben sie eine korrekte Postleitzahl ein.");	
			}
		
		} else if (specialdefinition == "sgindustrieundgewerbekundengastarife") {
	
 			//retrieve val of radiobox for next step			
			fkproduktfinderplz = $("#fkproduktfinderplz").val(); 	
			if (fkproduktfinderkwh != "" && fkproduktfinderplz.length == 5) {								
				// die ajax-verbindung mit dem inhalt für schritt 3
				ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt31="+fkproduktfinderkwh+"&schritt32="+fkproduktfinderplz;
			} else {
				ajaxdata = "wrongplz";
				alert("Bitte geben sie eine korrekte Postleitzahl ein.");	
			}
		
		} else if (specialdefinition == "PLZAbfrage") {

 			//retrieve val of radiobox for next step			
			fkproduktfinderplz = $("#fkproduktfinderplz").val(); 
			if (fkproduktfinderplz.length == 5) {								
				// die ajax-verbindung mit dem inhalt für schritt 3
				ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt31=1&schritt32="+fkproduktfinderplz;
			} else {
				ajaxdata = "wrongplz";
				alert("Bitte geben sie eine korrekte Postleitzahl ein.");	
			}
				
		} else if (specialdefinition == "sgprivatkundehausanschluesse") {

 			// die ajax-verbindung mit dem inhalt für schritt 3
			ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt31+"&schritt31=1&schritt32=1";
			
		} else if (specialdefinition == "sgmarktpartnerstromlieferung") {
			
 			// die ajax-verbindung mit dem inhalt für schritt 3
			ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt31="+schritt31+"&schritt32=1";
		
		} else if (specialdefinition == "sgmarktpartnergaslieferung") {
			
 			// die ajax-verbindung mit dem inhalt für schritt 3
			ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt31="+schritt31+"&schritt32=1";
				
		} else if (specialdefinition == "nextstep") {
			
 			// die ajax-verbindung mit dem inhalt für schritt 3
			ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt4="+schritt3;
						
		} 
		
		if (ajaxdata != "wrongplz") {
					
			if (gruen_check == 0) 
			{html = fk_pf_connector(ajaxdata);}
		else 
			{html = fk_pf_connector_gruen(ajaxdata);}		
			$("#fkProduktfinderDiv3").html(html); //show the html inside .content div
			$("#fkProduktfinderDiv3").fadeIn('slow', function() {});
			$("#fkProduktfinderDiv2Content2").change(function(event){
					fkResetDiv3Content();								
			});
		}
		
	} // ende function fkGetDivContent(specialdefinition) {
	

	
	/* --- SCHRITT 4 --- */
			
	// beim onchange 
	$("#fkProduktfinderDiv3").change(function(event){
		
		$("#fkProduktfinderDiv4").empty();	
		// die auswahld er radioboxen
		schritt4 = $("input[name='schritt4']:checked").val(); //retrieve val of radiobox for next step
		//alert (schritt4);
						
		// die ajax-verbindung mit dem inhalt für schritt 2
		ajaxdata = "schritt1=standard&schritt2="+schritt2+"&schritt3="+schritt3+"&schritt31="+schritt31+"&schritt32="+schritt32+"&schritt4="+schritt4;
		if (gruen_check == 0) 
		{html = fk_pf_connector(ajaxdata);}
	else 
		{html = fk_pf_connector_gruen(ajaxdata);}
		
		$("#fkProduktfinderDiv4").html(html); //show the html inside .content div
		$("#fkProduktfinderDiv4").fadeIn('slow', function() {});	
		
	});
		
	
})