$(function() {
	$('.error').hide();
	$('input.text-input').css({backgroundColor:"#ffffff",border:"#222222 1px solid"});
  	$('input.text-input').focus(function(){
    	$(this).css({border:"#b0ca3b 1px solid",color:"#222222"});
		$(this).attr({value: ""});
  	});
	
	$('textarea').focus(function(){
		$(this).css({border:"#b0ca3b 1px solid",color:"#222222"});
		$(this).attr({value: ""});					 
	});
	
  	$('input.text-input').blur(function(){										
   		$(this).css({backgroundColor:"#ffffff",border:"#222222 1px solid"});
  	});
	
	$('textarea').blur(function(){										
   		$(this).css({backgroundColor:"#ffffff",border:"#222222 1px solid"});
  	});
	
	$('#button').click(function(){
		//validate and process from here
		
		$('.error').hide();
			
			var anrede= $('select#anrede option:selected').val();
				if (anrede == "1" | anrede == "") {
					$('label#anrede_error').show();
					$('input#anrede').focus();
					return false;
				}
			
			var vorname= $('input#vorname').val();
				if (vorname == "") {
					$('label#vorname_error').show();
					$('input#vorname').focus();
					return false;
				}
			
			var name= $('input#name').val();
				if (name == "") {
					$('label#name_error').show();
					$('input#name').focus();
					return false;
				}
							
			var strasse= $('input#strasse').val();
				if (strasse == "") {
					$('label#strasse_error').show();
					$('input#strasse').focus();
					return false;
				}
			
			var plz= $('input#plz').val();
				if (plz == "") {
					$('label#plz_error').show();
					$('input#plz').focus();
					return false;
				}
			
			var ort= $('input#ort').val();
				if (ort == "") {
					$('label#ort_error').show();
					$('input#ort').focus();
					return false;
				}
						
			var land= $('input#land').val();
				if (land == "") {
					$('label#land_error').show();
					$('input#land').focus();
					return false;
				}
				
			var tel= $('input#tel').val();
				if (tel == "") {
					$('label#tel_error').show();
					$('input#tel').focus();
					return false;
				}
						
			var email = $('input#email').val();
			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   				if(reg.test(email) == false) {
      				$('label#email_error').show();
					$('input#email').focus();
      				return false;
   				}			

			var bemerkungen= $('textarea').val();
			
			var check1= $('#check1:checked').val();
			var check2= $('#check2:checked').val();
			var check3= $('#check3:checked').val();
			var check4= $('#check4:checked').val();
			var check5= $('#check5:checked').val();
			var check6= $('#check6:checked').val();
			var check7= $('#check7:checked').val();
			var check8= $('#check8:checked').val();
			var check9= $('#check9:checked').val();
			var check10= $('#check10:checked').val();
			var check11= $('#check11:checked').val();
			var check12= $('#check12:checked').val();
			var check13= $('#check13:checked').val();
			var check14= $('#check14:checked').val();
			var check15= $('#check15:checked').val();
			var check16= $('#check16:checked').val();
			var check17= $('#check17:checked').val();
			var check18= $('#check18:checked').val();
			var check19= $('#check19:checked').val();
			var check20= $('#check20:checked').val();
			var check21= $('#check21:checked').val();
			var check22= $('#check22:checked').val();
						
			//$('#kontaktformular').fadeOut();

			var dataString= 'anrede= ' + anrede + '&vorname= ' + vorname + '&name= ' + name + '&strasse= ' + strasse + '&plz= ' + plz + '&ort= ' + ort + '&land= ' + land + '&tel= ' + tel + '&email= ' + email + '&bemerkungen= ' + bemerkungen + '&check1= ' + check1 + '&check2= ' + check2 + '&check3= ' + check3 + '&check4= ' + check4 + '&check5= ' + check5 + '&check6= ' + check6 + '&check7= ' + check7 + '&check8= ' + check8 + '&check9= ' + check9 + '&check10= ' + check10 + '&check11= ' + check11 + '&check12= ' + check12 + '&check13= ' + check13 + '&check14= ' + check14 + '&check15= ' + check15 + '&check16= ' + check16 + '&check17= ' + check17 + '&check18= ' + check18 + '&check19= ' + check19 + '&check20= ' + check20 + '&check21= ' + check21 + '&check22= ' + check22;  
   			//alert (dataString);return false;  
  			$.ajax({  
   				type: "POST",  
  				url: "http://www.slbucheggberg.ch/bin/process.php",  
   				data: dataString,   
  				success: function() { 
   					$('fieldset#kontaktformular').html("<div class='error'></div>");  
   					$('div.error').html("<p>Vielen Dank f&uuml;r Ihre Nachricht. Wir werden so schnell wie m&ouml;glich mit Ihnen Kontakt aufnehmen.</p>")  
  					.hide()  
  					.fadeIn(1500);  
 				}  
  			});
			return false;
		
	});	   
});