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

		$('#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(); });
	$('#sizefield').keyup(function(){ updatePreview('sizefield','num'); });
	$('#weightfield').keyup(function(){ updatePreview('weightfield','num'); });
	
	$("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);
		error += checkInput('sizefield', numbers);
		error += checkInput('weightfield', numbers);
		
		if (error != '') {
			$('#errormsg').html('Bitte überprüfen Sie Ihre Eingaben.');
			return false;
		} else {
			birthdate = $('#dayfield').val() + '. ' + $('#monthfield').val() + ' ' + $('#yearfield').val();
			$('#birthdatefield').val(birthdate);
			
			if ($('#weightfield').val() != '')
				weight = $('#weightfield').val() + ' g';
			else
				weight = '';
			$('#hiddenweightfield').val(weight);
			
			if ($('#sizefield').val() != '')
				size = $('#sizefield').val() + ' cm';
			else
				size = '';
			$('#hiddensizefield').val(size);
		}
		
	});
});