$( document ).ready( function(){

	$('#mailform').css({
		position:'relative'
	}).append( $('<div />')
		.attr({
			id : 'npmfrc-mask'
		})
		.css({
			position:'absolute',
			top:0,
			left:0,
			width : '100%',
			height: '100%',
			background: 'url(typo3conf/ext/np_mailform_recaptcha/res/img/loader.gif) center center no-repeat #000',
			opacity : 0.7,
			display :'none'
		})
	);

	$('#mailform input[type=submit]').each( function( i, item ){
		
		$( $(item).parents('div')[0] ).before( 
			$('<div />')
			.attr({
				'class' : 'csc-mailform-field',
				'id' : 'recaptcha-box'
			})
			.css({
				clear:'both'
			})
		).css({
			clear:'both'
		});
		Recaptcha.create(npmfrlPubKey,"recaptcha-box",{ theme:"clean"});
	}).click( function( e ){
		e.preventDefault();
		var postdata = {};
		
		//run mailform's own validation...
		var valid = eval( '(function(){' + $('#mailform').attr('onsubmit') +'})();' );
		
		if(!valid)return;
		
		$('#npmfrc-mask').fadeIn()
		
		$('#mailform input, #mailform textarea').each(function( i, item ){
			var elem = $(item), type = elem.attr('type');
			if( type == 'checkbox' ){
				postdata[ elem.attr('name') ] = elem.attr('checked')?'ja':'nein';
			}else{
				postdata[ elem.attr('name') ] = elem.val();
			}
			
		});
		
		$.post($('#mailform').attr('action'),postdata,function( data ){
			
			if( /fehler/i.test( data ) ){
				alert( npmfrlErrorMsg );
				$('#npmfrc-mask').fadeOut()
				Recaptcha.reload();
			}else{
				window.location = '/'+$('#mailform').attr('action');
			}
		});
		
	});
});