jQuery( document ).ready(function(){

		
	jQuery( document ).on( 'submit', '.fca_eoi_form', function (e) {
		
		e.preventDefault();
		
		var $this = jQuery( this );
		var $email_field = jQuery( '[name=email]', $this );
		var $name_field = jQuery( '[name=name]', $this );
		var name = $name_field.val();
		var email = $email_field.val();
		var list_id = $this.data( 'fca_eoi_list_id' );
		var $button = jQuery( '[type=submit]', $this );
		var $input_div = jQuery( '.fca_eoi_layout_submit_button_wrapper', $this );
		var $spinner = jQuery( '.fca_eoi_loading_spinner', $this );
		var $div = jQuery( '.fca_eoi_spiner_div', $this );
		var button_initial_val;
		var highlight_interval = false;
		var thank_you_mode = $this.data( 'fca_eoi_thank_you_mode' );
		var thank_you_page = $this.data( 'fca_eoi_thank_you_page' );
		var has_error = false;
		var form_id = jQuery( '[name=fca_eoi_form_id]', $this ).val();
		var nonceValue = jQuery( '#fca_eoi_nonce' ).val();
		
		// Attach tooltips
		jQuery( '[name=email], [name=name]', jQuery( this ) ).each( function() {

			var $this = jQuery( this );
			var tooltipWidth = $this.width() * .8;

			$this.tooltipster( {
				contentAsHTML: true
				, fixedWidth: tooltipWidth
				, minWidth: tooltipWidth
				, maxWidth: tooltipWidth
				, trigger: 'none'
			} );
		} );

		// Remove tooltip and tick on focus
		jQuery( '[name=email], [name=name]', jQuery( this ) ).focus( function() {
			var $this = jQuery( this );
			var $button = jQuery( '[type=submit]', $this.closest( '.fca_eoi_form' ) );
			var button_initial_val = $button.data( 'fca_eoi_initial_val' );

			// Remove any previous icon
			if( 'undefined' !== typeof( button_initial_val ) ) {
				$button.val( button_initial_val );
			}
			
			// Hide tooltip
			jQuery( this ).tooltipster( 'hide' );
		} );

		// Save or save and get initial button value
		if( $button.data( 'fca_eoi_initial_val' ) ) {
			button_initial_val = $button.data( 'fca_eoi_initial_val' );
		} else {
			button_initial_val = $button.val();
			$button.data( 'fca_eoi_initial_val', button_initial_val );
		}
		
		// Remove any previous icon
		$button.val( button_initial_val );
		
		// Get Error Messages from hidden fields
		fca_eoi.invalid_email = $this.find('.fca_eoi_error_texts_email').val();
		fca_eoi.field_required = $this.find('.fca_eoi_error_texts_required').val();
		

		// Check email address
		if( ! email || ! is_email( email ) ) {

			$email_field.tooltipster( 'content', email ? fca_eoi.invalid_email : fca_eoi.field_required );
			$email_field.tooltipster( 'show' );
			$button.val( '✗ ' + button_initial_val );
			has_error = true;
		}

		// Check name
		if( $name_field.length && ! name ) {

			$name_field.tooltipster( 'content', fca_eoi.field_required );
			$name_field.tooltipster( 'show' );
			$button.val( '✗ ' + button_initial_val );
			has_error = true;
		}

		// Exit if there is any error
		if( has_error ) {
			return false;
		}
		
		//DISABLE BUTTON CLICK EVENT
		$button.click(function(event) {
			event.preventDefault(); 
		});	
		
		
			
		if ( $button.closest('.fca_eoi_form').hasClass('fca_eoi_layout_1') ) {
			//without extra border
			scaleSpinnerDiv($button, $div);
			
		} else {
			//width extra border
			scaleSpinnerDiv($input_div, $div);
		}
		scaleSpinnerSize($button, $spinner);
						
		//animate out the button and in the spinner div
		
		$div.animate({ width: '100%'});
		
		$spinner.css("display", "block");
		$button.attr('style', 'cursor: default' );
					
		jQuery.ajax( {
		
			url: fca_eoi.ajax_url,
			data: { 'email': email, 'name': name, 'action': 'fca_eoi_subscribe', 'list_id': list_id ,'form_id': form_id, 'nonce': nonceValue },
			type: 'POST',
			datatype: 'text',
			timeout: 15000
		}).done( function( data ) {
		
			if ( thank_you_mode == 'ajax' ) {
		
				// Stop highlighting and add an icon for success/failure
				if ( data === '✓' ) {
					$button.val( data + ' ' + button_initial_val );
				} else {
					$button.val( data );
				}
			
			
				$spinner.css("display", "none"); 
				$div.animate({ width: '0', padding: '0', left: '100%' });

			
				clearInterval( highlight_interval );
				if ( thank_you_page && '✓' === data ) {
					tooltipWidth = $button.width();
					$button.tooltipster( {
						contentAsHTML: true,
						trigger: 'none',
						fixedWidth: tooltipWidth,
						minWidth: tooltipWidth,
						maxWidth: tooltipWidth,
						arrowColor: '#148544'
					} );
					
					$button.tooltipster( 'content', thank_you_page );
					$button.tooltipster( 'show' );
					$email_field.prop('disabled', true);
					$name_field.prop('disabled', true);
					
					jQuery('.tooltipster-content').css("background-color", "#148544");
									
				
				}
			} else {
				window.location.href = thank_you_page;
			}
		});				
	});
} );


//set height, top and (-)margin top to same size as the fca_eoi_layout_submit_button_wrapper height

function scaleSpinnerDiv ($button, $div){

	var h = $button.outerHeight();
	
	$div.css('height', h + 'px');
	$div.css('top', h + 'px');
	$div.css('margin-top', '-' + h + 'px');
	$div.css('z-index', '1');
	
}


function scaleSpinnerSize( $button, $spinner ) {
	var h = $button.outerHeight();
	var w = $button.outerWidth();
	h = h - 8; //account for borders
	
	var newWidth = ( w / 2 ) - ( h / 2);
	
	$spinner.css('margin-left', newWidth + 'px' );	
	$spinner.css('height', h + 'px');
	$spinner.css('width', h + 'px');
	
}

function is_email( email ) {
	var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	return regex.test(email);
}