// dependencies
// jquery.form
// jquery.prompting-input
jQuery(document).ready(function($) {
	
	$('input#mailListSignUpEmail').prompting_input('Your email');
	
	$('#addToMailListForm').ajaxForm({
		success: function(response) {
			if( response['errors'] == null && response['messages'] == null ) {
				displayMessages( ['An unknown error occurred trying to sign up'], true );
				return;
			}			
			if( response.errors.length ) {
				displayMessages( response.errors, true );
			} else {
				$('#addToMailListForm div').hide();
				displayMessages( response.messages, false );
			}
		},
		dataType: 'json'
	});
	
	// displays an array of messages in the mail form
	function displayMessages( messages, isError ) {
		var sel = '#mailinglist-form .messageWrap';
		if($(sel).length == 0 ) {
			$('#mailinglist-form').prepend('<div class="messageWrap"><ul></ul></div>');
		}
		if( isError ) $(sel).addClass('error').removeClass('notice');
		else $(sel).removeClass('error').addClass('notice');
		$(sel + ' ul').empty();
		for( var i = 0; i < messages.length; i++ ) {
			$(sel + ' ul').append('<li>' + messages[i] + '</li>' );
		}
		
		var emailEl = $('#mailinglist-form #email');
		if( isError ) {
			emailEl.addClass('errorField');
		} else {
			emailEl.removeClass('errorField');
		}
	}
	
});