// prepare the form when the DOM is ready 
		$(document).ready(function() { 
			
			
		var options = { 
											  // target element(s) to be updated with server response 
				beforeSubmit:  showRequest,  // pre-submit callback 
				success:       showResponse,  // post-submit callback 
			    url:           'libs/ajax.kontaktform.php',
				type:  'post'
				// other available options: 				
				//type:      type        // 'get' or 'post', override for form's 'method' attribute 
				//dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
				//clearForm: true        // clear all form fields after successful submit 
				//resetForm: true        // reset the form after successful submit 		 
				// $.ajax options can be used here too, for example: 
				//timeout:   3000 
			}; 
		 
			// bind form using 'ajaxForm' 
			$('#conForm').ajaxForm(options); 
		
		}); 
		 
		// pre-submit callback 
		function showRequest(formData, jqForm, options) { 
			// var queryString = $.param(formData); 
			// alert('About to submit: \n\n' + queryString); 
		
		    var form = jqForm[0];

			is_ok = true;

			// clean   
			//$("form select[@name=anrede]").removeClass("alertBg");
			//$("form input[@name=lname]").removeClass("alertBg");
  		    //$("form input[@name=email]").removeClass("alertBg");			
			//$(".errorImg").remove();
			
						
			// validate username1
			if(form.anrede.value==""){ 				
				checkAnrede();						
				is_ok = false; 
			}

			// validate username2
			if(form.lname.value==""){ 
				checkLName()
				//$("form input[@name=lname]").addClass("alertBg");
				//$("form input[@name=lname]").after('<img src="images/exclamation.png" class="errorImg" width="16" height="16" alt="">');
				is_ok = false; 
			}
			
			// validate email    
			
			valEmail = form.email.value;

		   if(!isValidEmail(valEmail)){ 				
				checkEmail();

				is_ok = false;
				playErrorSound();
			}
			return is_ok; 			
		} 

		// post-submit callback 
		function showResponse(responseText, statusText)  { 

			//alert(responseText);
			$("#flashcontent_sprecherin").hide();
			$("#innerCont").hide();
			$("#flashcontent_sprecherin_danke").show();		
			$("#danke").show();
			$('html, body').animate({scrollTop:0}, 'slow'); 
		} 

		function isValidEmail( fieldValue ) {
			if ( /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,7})+$/.test(fieldValue) ) return true;
			return false;
		}

		function checkAnrede() {
	
			var anrede = $('#anrede');	
			//if (input.value != null && input.value.length > 4 && input.value.match(/@(.+)\./))
			if (anrede.val() != "") {
				setStatus('anrede', 'good');
			   return true;
			} else if (anrede.val() == "") {
				 setStatus('anrede', 'bad');
			  return false;
			} else {
			  setStatus('anrede', 'bad');
			  return false;
			}
		}
		
		function checkLName() {

			var lname = $('#lname');
			//if (input.value != null && input.value.length > 4 && input.value.match(/@(.+)\./))
			if (lname.val() != null && lname.val().length > 2) {
				setStatus('lname', 'good');
				return true;
			} else if (lname.val().length <= 0) {
				 setStatus('lname', 'bad');
				return false;
			} else {
			  setStatus('lname', 'bad');
				return false;
			}
		}


		function checkEmail() {

		var email = $('#email');
		//if (input.value != null && input.value.length > 4 && input.value.match(/@(.+)\./))
		if (email.val() != null && email.val().length > 4 && isValidEmail(email.val())) {
			setStatus('email', 'good');
			return true;
		} else if (email.val().length <= 0) {
			setStatus('email', 'bad');
			return false;
		} else {
			setStatus('email', 'bad');
			return false;
		}

		function clearField(fieldname) {
			setStatus(fieldname, 'clear');
		}
		}

		function setStatus(inputid, status) {
		
		var indicator = $('#'+inputid+'_status');
		
		if (indicator) {
			if (status == "good") {
				indicator.css("background-image","url('images/accept.png')");
				$("#"+inputid).removeClass("alertBg");
				//done[inputid] = true;
			} else if (status == "bad") { 	
				indicator.css("background-image","url('images/exclamation.png')");
				$("#"+inputid).addClass("alertBg");
		   } else {
			 	indicator.css("background-image","none");
				$("#"+inputid).removeClass("alertBg");
		   }
		}
	}