$(document).ready(function(){
	jQuery.validator.addMethod("notEqualTo", function(value, element, param) {
		return this.optional(element) || value != param;
	 }, "This has to be different...");


	// Standard-Meldungen der einzelnen Pruefungen
	$.extend($.validator.messages,{
                                        required: "",
                                        email: "Die eingegebene E-Mail-Adresse ist nicht valide.",
                                        url: "Die eingegebene URL ist nicht valide.",
                                        equalTo: "Die Angaben stimmen nicht überein.",
                                        maxlength: $.validator.format("Bitte verwenden Sie nicht mehr als {0} Zeichen."),
                                        minlength: $.validator.format("Bitte verwenden Sie mindestens {0} Zeichen.")
                                      }
        );


	// Formular per AJAX nachladen
	$.ajax({
        	async: true,
                type: 'GET',
                url: '/templates/formular-start-neu.php',
                success: function(data_renew){
                		$('#formular-start-wrapper').html(data_renew);

				var prefills = Object();

				$('.prefilled').focus(function() {
					varname = $(this).attr("name");

					if(typeof(prefills[varname]) == "undefined" || prefills[varname] == $(this).val()){
						prefills[varname]=$(this).val();
						$(this).attr("value","");
					}
				});
				$('.prefilled').blur(function() {
					varname = $(this).attr("name");

					if(typeof(prefills[varname]) != "undefined" && $(this).val()=="") {
						$(this).val(prefills[varname]);
					}
				});

				// validate the other two selects when one changes to update the whole group
				/*var birthdayInputs = $("#birthdateGroup input").blur(function() {
					birthdayInputs.not(this).valid();
				});*/
				

				$("#formular-start input,#formular-start select").blur(function(){
					$(this).valid();
				});

				$("#formular").validate({
					groups: {
						birthdate: "gebtag gebmonat gebjahr",
						address: "strasse plz ort"
					},
 					errorElement: "em",
					error: function(label) {
                                                label.text("error").addClass("error");
						//label.removeClass("success");
                                        },
					success: function(label) {
						//label.text("ok").addClass("valid");
						//label.removeClass("error");
					},
					errorPlacement: function(error, element) {
						if (/^geb/.test(element[0].name)) {
                                                        //label.insertAfter("#gebjahr");
							$(".errortext-gebdatum").html(error.text());
						} else if(/^ausz/.test(element[0].name)) {
							$(".errortext-auszahlungstermin").html(error.text());
                                                }else{
							$(".errortext-"+element.attr("name")).html(error.text());
						}
					},

					
					// Hier kommen die Meldungen der Eingabefelder bei Fehlern

					messages: {
						anrede: "Bitte Anrede auswählen",
						vorname: "Bitte geben Sie Ihren Vornamen an",
						nachname: "Bitte geben Sie Ihren Nachnamen an",
						strasse: "Bitte geben Sie Ihre Adresse an",
						plz: "Bitte geben Sie Ihre Postleitzahl an",
						ort: "Bitte geben Sie Ihren Wohnort an",
						telefon: "Bitte geben Sie Ihre korrekte Telefon-Nr. an",
						gebtag: "Bitte geben Sie Ihr Geburtsdatum an",
						gebmonat: "Bitte geben Sie Ihr Geburtsdatum an",
						gebjahr: "Bitte geben Sie Ihr Geburtsdatum an",
						email: "Bitte geben Sie ein gültige E-Mail-Adresse an",
						familienstand: "Bitte wählen  Sie Ihren Familienstand",
						berufsstatus: "Bitte wählen Sie Ihren Berufsstatus",
						bruttojahreseinkommen: "Bitte wählen Sie Ihr Bruttojahreseinkommen",
						darlehensbetrag: "Bitte geben Sie den Darlehensbetrag an",
						datenschutz: "Ihre Zustimmung zu den Datenschutzbestimmungen ist erforderlich"
					},
			                rules: {
						anrede: {
                                                        required: true,
                                                },
			                        vorname: {
		                                	required: true,
			                        },
			                        nachname: {
			                                required: true,
			                        },

						strasse: {
							required: true,
						},
						plz: {
							required: true,
							number: true,
							minlength: 5,
						},
						ort: {
							required: true,
						},
						telefon: {
							required: true,
							
						},
                                                gebtag: {
							required: true,
							
						},
                                                gebmonat: {
							required: true,
							
						},
						gebjahr: {
							required: true,
							
						},
                                                familienstand: {
							required: true,
						},
                                                berufsstatus: {
							required: true,
						},
						bruttojahreseinkommen: {
							required: true,
						},
						darlehensbetrag : {
							required: true,
                                                        notEqualTo: 'mind. 50.000 Euro',
						},

			                        email: {
			                                required: true,
			                                email: true,
			                        },
						datenschutz: {
							required: true,
						}
			                }
			        });


				/*$('#submit_form_start').click(function(){
					if($("#formular").validate().form()){
	        	                	$.ajax({
                        		        	async: false,
	                		                type: 'GET',
        		                	        url: '/send-form.php',
							data: $("#formular").serialize(),
		        	                        success: function(data_renew){
        	                	                	$('#formular-start').html(data_renew);
                	                		}
                        	       		});
					} 
				});*/

                         }
        });

});