// JavaScript Document


// JQuery Anweisungen
$(document).ready(function(){
	
/*  
Beginn Formvalidierung
*/

		var jVal = {
			'name' : function() {
			
				$('body').append('<div id="nameInfo" class="info"></div>');
				
				var nameInfo = $('#nameInfo');
				var ele = $('#name');
				var pos = ele.offset();
				
				nameInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 3) {
					jVal.errors = true;
						nameInfo.removeClass('correct').addClass('error').html('&larr; Bitte Namen eingeben').show();
						ele.removeClass('normal').addClass('wrong');				
				} else {
						nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			'vorname' : function() {
			
				$('body').append('<div id="vornameInfo" class="info"></div>');
				
				var vornameInfo = $('#vornameInfo');
				var ele = $('#vorname');
				var pos = ele.offset();
				
				vornameInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 3) {
					jVal.errors = true;
						vornameInfo.removeClass('correct').addClass('error').html('&larr; Bitte Vornamen eingeben').show();
						ele.removeClass('normal').addClass('wrong');				
				} else {
						vornameInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			
			
			
			'email' : function() {
			
				$('body').append('<div id="emailInfo" class="info"></div>');
				//alert('email');			

				var emailInfo = $('#emailInfo');
				var ele = $('#email');
				var pos = ele.offset();
				
				emailInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				var patt = /^.+@.+[.].{2,}$/i;
				
				if(!patt.test(ele.val())) {
					jVal.errors = true;
						emailInfo.removeClass('correct').addClass('error').html('&larr; bitte eine g&uuml;ltige E-Mail Adresse').show();
						ele.removeClass('normal').addClass('wrong');					
				} else {
						emailInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			
			'adresse' : function() {
			
				$('body').append('<div id="adressInfo" class="info"></div>');
			
				var adressInfo = $('#adressInfo');
				var ele = $('#adresse');
				var pos = ele.offset();
				
				adressInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 5) {
					jVal.errors = true;
						adressInfo.removeClass('correct').addClass('error').html('&larr; Bitte Adresse angeben').show();
						ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
				} else {
						adressInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			'plz' : function() {
			
				$('body').append('<div id="plzInfo" class="info"></div>');
			
				var plzInfo = $('#plzInfo');
				var ele = $('#plz');
				var pos = ele.offset();
				
				plzInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 4) {
					jVal.errors = true;
						plzInfo.removeClass('correct').addClass('error').html('&larr; Bitte Postleitzahl angeben').show();
						ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
				} else {
						plzInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			'ort' : function() {
			
				$('body').append('<div id="ortInfo" class="info"></div>');
			
				var ortInfo = $('#ortInfo');
				var ele = $('#ort');
				var pos = ele.offset();
				
				ortInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 3) {
					jVal.errors = true;
						ortInfo.removeClass('correct').addClass('error').html('&larr; Bitte Ort eingeben').show();
						ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
				} else {
						ortInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			'telefon' : function() {
			
				$('body').append('<div id="telefonInfo" class="info"></div>');
			
				var landInfo = $('#telefonInfo');
				var ele = $('#telefon');
				var pos = ele.offset();
				
				landInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 5) {
					jVal.errors = true;
						landInfo.removeClass('correct').addClass('error').html('&larr; Bitte Telefonnummer eingeben').show();
						ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
				} else {
						landInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			'nachricht' : function() {
			
				$('body').append('<div id="nachrichtInfo" class="info"></div>');
			
				var landInfo = $('#nachrichtInfo');
				var ele = $('#nachricht');
				var pos = ele.offset();
				
				landInfo.css({
					top: pos.top-3,
					left: pos.left+ele.width()+15
				});
				
				if(ele.val().length < 5) {
					jVal.errors = true;
						landInfo.removeClass('correct').addClass('error').html('&larr; Bitte Nachricht  eingeben').show();
						ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
				} else {
						landInfo.removeClass('error').addClass('correct').html('&radic;').show();
						ele.removeClass('wrong').addClass('normal');
				}
			},
			
			'sendIt' : function (){
				if(!jVal.errors) {
					$('#jform').submit();
				}
			}
		};
		
		
		/* sendung formular abfangen */
    $("#jform").submit(function() {
				$('#nameInfo').empty().remove();
				$('#vornameInfo').empty().remove();
				$('#emailInfo').empty().remove();
				$('#adressInfo').empty().remove();
				$('#plzInfo').empty().remove();
				$('#ortInfo').empty().remove();
				$('#telefonInfo').empty().remove();
				$('#nachrichtInfo').empty().remove();
 
        /* ajax objekt zum aufruf & versand */
        $.ajax({
            type: "POST",
            url: "send.php",
            data: 
						"name=" + $("#name").val() + 
						"&vorname=" + $("#vorname").val()+ 
						"&email=" + $("#email").val()+ 
						"&plz=" + $("#plz").val()+ 
						"&ort=" + $("#ort").val()+ 
						"&nachricht=" + $("#nachricht").val()+ 
						"&telefon=" + $("#telefon").val()+ 
						"&adresse=" + $("#adresse").val(),
            success: function(msg)
            {
                /* form-div verstecken, seite nachladen & wieder einblenden (2000 ms) */
                $("#jform").hide().load("message.php").fadeIn('slow');
            }
        });
 
        /* wichtig! verhindert das Versenden der Seite */
        return false;
 
    });

		
		// ====================================================== //
		
		$('#send').click(function (){
			var obj = $.browser.webkit ? $('body') : $('html');
			obj.animate({ scrollTop: $('#jform').offset().top }, 750, function (){
				jVal.errors = false;
				jVal.name();
				jVal.vorname();
				jVal.email();
				jVal.adresse();
				jVal.plz();
				jVal.ort();
				jVal.telefon();
				jVal.nachricht();
				jVal.sendIt();
			});
			return false;
		});
		
		$('#name').change(jVal.name);
		$('#vorname').change(jVal.vorname);
		$('#email').change(jVal.email);
		$('#adresse').change(jVal.adresse);
		$('#plz').change(jVal.plz);
		$('#ort').change(jVal.ort);
		$('#telefon').change(jVal.telefon);
		$('#nachricht').change(jVal.nachricht);
		// ====================================================== //
			
	
	
	
});