$(document).ready(function(){
	
	function updatePreview() {
		name = $('#namefield').val();
		
		name = name.replace(/ /g,' ');
		previewText = name + "<br />";
		previewText += $('#dayfield').val() + '. ' + $('#monthfield').val() + ' ' + $('#yearfield').val() + '<br />';

		$('#stramplerpreview').html(previewText);
		fcolor = $("#colorfield option:selected").attr('fcolor');
		bcolor = $("#colorfield option:selected").attr('bcolor');
		$('#stramplerpreview').css('color','#'+fcolor);
		$('#stramplerpreview').css('background-color','#'+bcolor);		
	}

	function checkInput(fieldId, allowedChars) {
		error = '';
		$('#'+fieldId).css('border','1px solid #ccc');
		val = $('#'+fieldId).val();
		for( i = 0; i < val.length ; i++) {
			if ( allowedChars.indexOf ( val.charAt(i)) < 0 ) {
				error += '1';
				$('#'+fieldId).css('border','2px solid #900');
			}
		}
		return error;
	}
	
	updatePreview();
	
	$('#namefield').keyup(function(){ updatePreview('namefield','special'); });
	$('#colorfield').change(function(){ updatePreview(); });
	$('#dayfield').change(function(){ updatePreview(); });
	$('#monthfield').change(function(){ updatePreview(); });
	$('#yearfield').change(function(){ updatePreview(); });
	
	$("form").submit(function(){
		//special		= "ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÜ\nabcdefghijklmnopqurstuvwxyzöäüßáàíìúùóòéèý-.,!?:;/&@+*#´ ";
		special		= "AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻÄÖÜ\naäáàąbcćdeéèęfghiíìjklłmnńoöóòpqursßśtuüúùvwxyýzźż-.,!?:;/&@+*#´ ";
		numbers		= "1234567890";
		
		error = '';
		error += checkInput('namefield', special);
		
		if (error != '') {
			$('#errormsg').html('Bitte überprüfen Sie Ihre Eingaben.');
			return false;
		} else {
			birthdate = $('#dayfield').val() + '. ' + $('#monthfield').val() + ' ' + $('#yearfield').val();
			$('#birthdatefield').val(birthdate);
		}
		
	});
});