jQuery( document ).ready( function ( $ )
{
	toggle_remove_buttons();

	function add_cloned_fields( $input )
	{
		var $clone_last = $input.find( '.anim8-clone:last' ),
			$clone = $clone_last.clone(),
			$input, name;

		$clone.insertAfter( $clone_last );
		$input = $clone.find( ':input' );

		// Reset value
		$input.val( '' );

		// Get the field name, and increment
		name = $input.attr( 'name' ).replace( /\[(\d+)\]/, function ( match, p1 )
		{
			return '[' + ( parseInt( p1 ) + 1 ) + ']';
		} );

		// Update the "name" attribute
		$input.attr( 'name', name );

		// Toggle remove buttons
		toggle_remove_buttons( $input );

		// Fix color picker
		if ( 'function' === typeof anim8_update_color_picker )
			anim8_update_color_picker();

		// Fix date picker
		if ( 'function' === typeof anim8_update_date_picker )
			anim8_update_date_picker();

		// Fix time picker
		if ( 'function' === typeof anim8_update_time_picker )
			anim8_update_time_picker();

		// Fix datetime picker
		if ( 'function' === typeof anim8_update_datetime_picker )
			anim8_update_datetime_picker();
	}

	// Add more clones
	$( '.add-clone' ).click( function ()
	{
		var $input = $( this ).parents( '.anim8-input' ),
			$clone_group = $( this ).parents( '.anim8-field' ).attr( "clone-group" );

		// If the field is part of a clone group, get all fields in that
		// group and itterate over them
		if ( $clone_group )
		{
			// Get the parent metabox and then find the matching
			// clone-group elements inside
			var $metabox = $( this ).parents( '.inside' );
			var $clone_group_list = $metabox.find( 'div[clone-group="' + $clone_group + '"]' );

			$.each( $clone_group_list.find( '.anim8-input' ),
				function ( key, value )
				{
					add_cloned_fields( $( value ) );
				} );
		}
		else
			add_cloned_fields( $input );

		toggle_remove_buttons( $input );

		return false;
	} );

	// Remove clones
	$( '.anim8-input' ).delegate( '.remove-clone', 'click', function ()
	{
		var $this = $( this ),
			$input = $this.parents( '.anim8-input' ),
			$clone_group = $( this ).parents( '.anim8-field' ).attr( 'clone-group' );

		// Remove clone only if there're 2 or more of them
		if ( $input.find( '.anim8-clone' ).length <= 1 )
			return false;

		if ( $clone_group )
		{
			// Get the parent metabox and then find the matching
			// clone-group elements inside
			var $metabox = $( this ).parents( '.inside' );
			var $clone_group_list = $metabox.find( 'div[clone-group="' + $clone_group + '"]' );
			var $index = $this.parent().index();

			$.each( $clone_group_list.find( '.anim8-input' ),
				function ( key, value )
				{
					$( value ).children( '.anim8-clone' ).eq( $index ).remove();

					// Toggle remove buttons
					toggle_remove_buttons( $( value ) );
				} );
		}
		else
		{
			$this.parent().remove();

			// Toggle remove buttons
			toggle_remove_buttons( $input );
		}

		return false;
	} );

	/**
	 * Hide remove buttons when there's only 1 of them
	 *
	 * @param $el jQuery element. If not supplied, the function will applies for all fields
	 *
	 * @return void
	 */
	function toggle_remove_buttons( $el )
	{
		var $button;
		if ( !$el )
			$el = $( '.anim8-field' );
		$el.each( function ()
		{
			$button = $( this ).find( '.remove-clone' );
			$button.length < 2 ? $button.hide() : $button.show();
		} );
	}
} );