function submitForm(){
	var data = '';
	$('#signup_form input[type=text]').each(function(e){
		var value = $(this).val().replace(/^\s+|\s+$/g,"");
		if( data != '' ) data += "&";
		data += $(this).attr('name') + "=" + value;
	});
	$.ajax({
		type: "POST",
		url: "/ajax/newsletter_signup_de.php",
		data: data,
		success: function(msg){
			$('#loading').remove();
			if( msg.match(/error/) ){
				$('#signup_form').prepend(msg);
			} else {
				$('#sign-up').html(msg);
			}
		},
		error: function(msg) {
			$('#signup_form').prepend(msg);
		}
	});
}

$(document).ready(function(){
	
	$('#sign-up input[type=text]').focus(function(){
		if( $(this).val() == $(this).prev('label').text() ){
			$(this).val('');
		}
		$(this).removeClass('dim');
	});
	$('#sign-up input[type=text]').blur(function(){
		if( $(this).val() == '' ){
			$(this).val( $(this).prev('label').text() ).addClass('dim');
		}
	});
	
	$('#submit').click(function(){
		$('#sign-up input[type=text]').each(function(){
			if( $(this).val() == $(this).prev('label').text() ){
				$(this).val('');
			}
		});
	});
	
	$("#signup_form").validate({
		groups: {
			full_name: "first_name last_name"
		},
		rules: {
			first_name: "required",
			last_name: "required",
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			first_name: "Bitte tragen Sie Ihren vollen Namen ein.",
			last_name: "Bitte tragen Sie Ihren vollen Namen ein.",
			email: "Bitte tragen Sie eine gültige E-Mail-Adresse ein."
		},
		errorElement: 'p',
		errorPlacement: function(error, element) {
			if( element.attr('name') == 'last_name' ) {
				error.insertBefore( $('label[for=first_name]') );
			} else {
				error.insertBefore( $(element).prev('label') );	
			}
		},
		highlight: function(element, errorClass) {
			if( $(element).val() == '' ) {
				$(element).val( $(element).prev('label').text() ).addClass('dim');
			}
			$(element).addClass('hasError');
		},
		unhighlight: function(element, errorClass) {
			$(element).removeClass('hasError').removeClass('dim');
		},
		onfocusout: false,
		onkeyup: false,
		
		submitHandler: function(form) {
			//$('#submit').after('<img id="loading" src="/img/icons/loading_small.gif" alt="Loading..." style="float:right; margin-right:10px;" />');
			submitForm();
		}
		
	});
	
});