var WPViews = WPViews || {};

var wpv_stop_rollover = {};
window.wpvPaginationAjaxLoaded = {};
window.wpvPaginationAnimationFinished = {};
window.wpvPaginationQueue = {};

// ------------------------------------
// Clone
// ------------------------------------

// Textarea and select clone() bug workaround | Spencer Tipping
// Licensed under the terms of the MIT source code license
// Motivation.
// jQuery's clone() method works in most cases, but it fails to copy the value of textareas and select elements. This patch replaces jQuery's clone() method with a wrapper that fills in the
// values after the fact.
// An interesting error case submitted by Piotr Przybyl: If two <select> options had the same value, the clone() method would select the wrong one in the cloned box. The fix, suggested by Piotr
// and implemented here, is to use the selectedIndex property on the <select> box itself rather than relying on jQuery's value-based val().
;( function() {
    jQuery.fn.wpv_clone = function() {
        var result = jQuery.fn.clone.apply( this, arguments ),
		my_textareas = this.find( 'textarea' ).add( this.filter( 'textarea' ) ),
		result_textareas = result.find( 'textarea' ).add( result.filter( 'textarea' ) ),
		my_selects = this.find( 'select' ).add( this.filter( 'select' ) ),
		result_selects = result.find( 'select' ).add( result.filter( 'select' ) );
		for ( var i = 0, l = my_textareas.length; i < l; ++i ) {
			jQuery( result_textareas[i] ).val( jQuery( my_textareas[i] ).val() );
		}
		for ( var i = 0, l = my_selects.length; i < l; ++i ) {
			for ( var j = 0, m = my_selects[i].options.length; j < m; ++j ) {
				if ( my_selects[i].options[j].selected === true ) {
					result_selects[i].options[j].selected = true;
				} else {
					result_selects[i].options[j].selected = false;
				}
			}
		}
        return result;
    };
})();

WPViews.ViewFrontendUtils = function( $ ) {

	// ------------------------------------
	// Constants and variables
	// ------------------------------------

	var self = this;

	self.datepicker_style_id		= 'js-toolset-datepicker-style';
	self.is_datepicker_style_loaded	= false;

	// ------------------------------------
	// Methods
	// ------------------------------------

	self.just_return = function() {
		return;
	};

	/**
	* extract_url_query_parameters
	*
	* Extracts parameters from a query string, managing arrays, and returns an array of pairs key => value
	*
	* @param string query_string
	*
	* @return array
	*
	* @note ##URLARRAYVALHACK## is a hacky constant
	*
	* @uses decodeURIComponent
	*
	* @since 1.9
	*/

	self.extract_url_query_parameters = function( query_string ) {
		var query_string_pairs = {};
		if ( query_string == "" ) {
			return query_string_pairs;
		}
		var query_string_split = query_string.split( '&' ),
		query_string_split_length = query_string_split.length;
		for ( var i = 0; i < query_string_split_length; ++i ) {
			var qs_part = query_string_split[i].split( '=' );
			if ( qs_part.length != 2 ) {
				continue;
			};
			var thiz_key = qs_part[0],
			thiz_val = decodeURIComponent( qs_part[1].replace( /\+/g, " " ) );
			// Adjust thiz_key to work with POSTed arrays
			thiz_key = thiz_key.replace( /(\[)\d?(\])/, "" );
			thiz_key = thiz_key.replace( "[]", "" );// Just in case
			thiz_key = thiz_key.replace( /(%5B)\d?(%5D)/, "" );
			thiz_key = thiz_key.replace( "%5B%5D", "" );// Just in case
			thiz_key = thiz_key.replace( /(%255B)\d?(%255D)/, "" );
			thiz_key = thiz_key.replace( "%255B%255D", "" );// Just in case
			if ( query_string_pairs.hasOwnProperty( thiz_key ) ) {
				if ( query_string_pairs[thiz_key] != thiz_val ) {
					// @hack alert!! We can not avoid using this :-(
					query_string_pairs[thiz_key] += '##URLARRAYVALHACK##' + thiz_val;
				} else {
					query_string_pairs[thiz_key] = thiz_val;
				}
			} else {
				query_string_pairs[thiz_key] = thiz_val;
			}
		}
		return query_string_pairs;
	};

	/**
	* get_extra_url_query_parameters
	*
	* Gets the current URL query parameters, but only those that do not belong to the current form already.
	*
	* @note Arrays are returned on a single key with values on a single string, separated by the ##URLARRAYVALHACK## placeholder. We might review that later
	* @note Since 2.2, force include URL parameters that belong to form controls when the form does not use dependency nor AJAX results.
	* 		As the form should be posted with page reload in this case, and we are not performing a dependency call, URL parameters win over optios in the form
	* 		and have been not recorded yet in the AJAX method manager.
	*
	* @return array
	*
	* @uses self.extract_url_query_parameters
	*
	* @since 2.1
	*/

	self.get_extra_url_query_parameters_by_form = function( form ) {
		var query_string = self.extract_url_query_parameters( window.location.search.substr( 1 ) ),
		data = {},
		force_from_form = ! ( form.hasClass( 'js-wpv-dps-enabled' )
			|| form.hasClass( 'js-wpv-ajax-results-enabled' )
			|| form.hasClass( 'js-wpv-ajax-results-submit-enabled' )
		);
		for ( var prop in query_string ) {
			var $matchExisting = form.find( '[name="' + prop + '"], [name="' + prop + '\\[\\]"]' );
			if (
				query_string.hasOwnProperty( prop )
				&& ! data.hasOwnProperty( prop )
				&& (
					force_from_form
					|| $matchExisting.length === 0
					|| $matchExisting
						.filter( '.js-wpv-extra-url-param' )
						.length > 0
				)
			) {
				data[ prop ] = query_string[ prop ];
			}
		}
		return data;
	};

	/**
	* set_extra_url_query_parameters
	*
	* Forces the current URL query parameters in a form, but only those that do not belong to the form already.
	*
	* @uses self.extract_url_query_parameters
	*
	* @since 2.1
	*/

	self.set_extra_url_query_parameters_by_form = function( form ) {
		var extra = self.get_extra_url_query_parameters_by_form( form );
		$.each( extra, function( key, value ) {
			if ( form.find( '[name="' + key + '"], [name="' + key + '\\[\\]"]' ).length === 0 ) {
				// @hack alert!! WE can not avoid this :-(
				var pieces = value.split( '##URLARRAYVALHACK##' ),
				pieces_length = pieces.length;
				if ( pieces_length < 2 ) {
					$( '<input>' ).attr({
						type: 'hidden',
						name: key,
						value: value,
						class: 'js-wpv-extra-url-param'
					})
					.appendTo( form );
				} else {
					for ( var iter = 0; iter < pieces_length; iter++ ) {
						$( '<input>' ).attr({
							type: 'hidden',
							name: key + "[]",
							value: pieces[iter],
							class: 'js-wpv-extra-url-param'
						})
						.appendTo( form );
					}
				}
			}
		});
	};

	/**
	 * Dynamically load the Toolset datepicker style, only when needed.
	 *
	 * @note we should do the same with mediaelement and wp-mediaelement
	 * @note the handle for this used to be wptoolset-field-datepicker
	 *
	 * @since 2.3.0
	 */

	self.maybe_load_datepicker_style = function() {

		if ( ! self.is_datepicker_style_loaded ) {

			if ( document.getElementById( self.datepicker_style_id ) ) {

				self.is_datepicker_style_loaded = true;

			} else {

				var head	= document.getElementsByTagName( 'head' )[0],
					link	= document.createElement( 'link' );

				link.id 	= self.datepicker_style_id;
				link.rel	= 'stylesheet';
				link.type	= 'text/css';
				link.href	= wpv_pagination_local.datepicker_style_url;
				link.media	= 'all';
				head.appendChild( link );

				self.is_datepicker_style_loaded = true;

			}

		}

	};

	/**
	 * Destroy all initialized datepickers in the page, before doing changes and initializing them again.
	 *
	 * @since 2.3.0
	 */

	self.destroy_frontend_datepicker = function() {

		$( ".js-wpv-frontend-datepicker.js-wpv-frontend-datepicker-inited" )
			.removeClass( 'js-wpv-frontend-datepicker-inited' )
			.datepicker( "destroy" );

	};

	/**
	* render_frontend_datepicker
	*
	* Adds a datepicker to a selector but only if it has not been added before.
	*
	* Fired on document.ready, after AJAX pagination and after AJAX parametric search events.
	*
	* @since 1.9
	*/

	self.render_frontend_datepicker = function() {
		$( '.js-wpv-frontend-datepicker:not(.js-wpv-frontend-datepicker-inited)' ).each( function() {
			self.maybe_load_datepicker_style();
			var thiz = $( this );
			thiz
				.addClass( 'js-wpv-frontend-datepicker-inited' )
				.datepicker({
					onSelect: function( dateText, inst ) {
						var url_param = thiz.data( 'param' ),
						data = 'date=' + dateText,
						form = thiz.closest( 'form' );
						data += '&date-format=' + $( '.js-wpv-date-param-' + url_param + '-format' ).val();
						data += '&action=wpv_format_date';
						$.post( wpv_pagination_local.front_ajaxurl, data, function( response ) {
							response = $.parseJSON( response );
							form.find('.js-wpv-date-param-' + url_param ).html( response['display'] );
							form.find('.js-wpv-date-front-end-clear-' + url_param ).show();
							form.find('.js-wpv-date-param-' + url_param + '-value' ).val( response['timestamp'] ).trigger( 'change' );
						});
					},
					dateFormat: 'ddmmyy',
					minDate: wpv_pagination_local.datepicker_min_date,
					maxDate: wpv_pagination_local.datepicker_max_date,
					showOn: "button",
					buttonImage: wpv_pagination_local.calendar_image,
					buttonText: wpv_pagination_local.calendar_text,
					buttonImageOnly: true,
					changeMonth: true,
					changeYear: true,
					yearRange: wpv_pagination_local.datepicker_min_year + ':' + wpv_pagination_local.datepicker_max_year,
				});
		});
	};

	/**
	* clone_form
	*
	* Clones a form using the fixed clone() method that covers select and textarea elements
	*
	* @param object fil
	* @param array targets
	*
	* @since 1.9
	*/

	self.clone_form = function( fil, targets ) {
		var cloned = fil.wpv_clone();
		targets.each( function() {
			$( this ).replaceWith( cloned );
		});
	};

	/**
	* render_frontend_media_shortcodes
	*
	* Render the WordPress media players for items inside a container.
	*
	* @param object container
	*
	* @since 1.9
	*/

	self.render_frontend_media_shortcodes = function( container ) {
		// Audio shortcodes
		container.find( '.wp-audio-shortcode.mejs-container' ).each( function() {
			var $oldStructure = $( this ),
				$audioTag = $oldStructure.find( 'audio.wp-audio-shortcode' );
			$oldStructure.replaceWith( $audioTag );

		});
		container.find( '.wp-audio-shortcode' ).each( function() {
			var thiz = $( this );
			thiz.mediaelementplayer();
		});
		// Video shortcodes
		container.find( '.wp-video-shortcode.mejs-container' ).each( function() {
			var $oldStructure = $( this ),
				$videoTag = $oldStructure.find( 'video.wp-video-shortcode[id$=_from_mejs]' );
			$oldStructure.replaceWith( $videoTag );

		});
		container.find( '.wp-video-shortcode' ).each( function() {
			var thiz = $( this );
			thiz.mediaelementplayer();
		});
		// Playlists
		// Note that existing playlists will not work properlyon
		// on existing content after the infinite scrolling pagination effect:
		// we can not restart them
		container.find( '.wp-playlist' ).each( function() {
			var thiz = $( this );
			return new WPPlaylistView({ el: this });
		});
	};

	/**
	* get_form_element_type
	*
	* Get a form element type, be it text, radio, checkbox, textarea or select
	*
	* @param selector	A jQuery selector object
	*
	* @return string	'text'|'radio'|'checkbox'|'textarea'|'select'|empty if selector is empty
	*
	* @since 2.2
	*/

	self.get_form_element_type = function( selector ) {
		if ( selector.length > 0 ) {
			return selector[0].tagName == "INPUT" ? selector[0].type.toLowerCase() : selector[0].tagName.toLowerCase();
		} else {
			return '';
		}
	}

	self.get_hidden_item_width = function( item ) {
		var item_clone = item
			.clone()
				.css({
					'display': 'block',
					'visibility': 'visible',
					'position': 'absolute',
					'z-index': '-99999',
					'left': '99999999px',
					'top': '0px',
					'white-space': 'nowrap'
				})
				.appendTo( 'body' ),
			width = item_clone.outerWidth();
		item_clone.remove();
		return width;
	};

	// ------------------------------------
	// Get updated results
	// ------------------------------------

	/**
	* get_updated_query_results
	*
	* Shared method for paginating Views and WordPress Archives, and also for parametric search on both.
	* Returns a promise so you can operate on the response at will.
	*
	* Note that it applis the current form regardless it being submitted or not.
	* @todo we might want to avoid adding that data when the form contains unsubmitted changes.
	*
	* @param view_number	The object hash
	* @param page			The page that we want to get
	* @param form			The form to track changes against
	* @param expect			'form'|'full'|'both' Whether to return the full View, just the form, or both
	*
	* @since 2.1
	*/

	self.get_updated_query_results = function( view_number, page, form, expect ) {
		var data				= {},
		sort					= {},
		environment				= {},
		search					= {},
		extra					= {}.
		attributes				= {},
		lang					= wpv_pagination_local.wpmlLang,
		parametric_data			= form.data( 'parametric' );

		sort = WPViews.view_sorting.get_sort_data( view_number, form );

		if ( parametric_data['environment'].current_post_id > 0 ) {
			environment['wpv_aux_current_post_id'] = parametric_data['environment'].current_post_id;
		}
		if ( parametric_data['environment'].parent_post_id > 0 ) {
			environment['wpv_aux_parent_post_id'] = parametric_data['environment'].parent_post_id;
		}
		if ( parametric_data['environment'].parent_term_id > 0 ) {
			environment['wpv_aux_parent_term_id'] = parametric_data['environment'].parent_term_id;
		}
		if ( parametric_data['environment'].parent_user_id > 0 ) {
			environment['wpv_aux_parent_user_id'] = parametric_data['environment'].parent_user_id;
		}

		environment['archive'] = parametric_data['environment'].archive;

		if ( form.find( '.js-wpv-post-relationship-update' ).length ) {
			search['dps_pr'] = form.find( '.js-wpv-post-relationship-update' ).serializeArray();
		}
		if (
			form.hasClass( 'js-wpv-dps-enabled' )
			|| form.hasClass( 'js-wpv-ajax-results-enabled' )
			|| form.hasClass( 'js-wpv-ajax-results-submit-enabled' )
		) {
			search['dps_general'] = form.find( '.js-wpv-filter-trigger, .js-wpv-filter-trigger-delayed' ).serializeArray();
		}

		attributes = parametric_data['attributes'];

		extra = self.get_extra_url_query_parameters_by_form( form, true );

		data = {
			'view_number':	view_number,
			page:			page,
			sort:			sort,
			attributes:		attributes,
			environment:	environment,
			search:			search,
			extra:			extra,
			expect:			expect
		};

		if ( lang ) {
			data['lang'] = lang;
		}

		switch ( parametric_data.query ) {
			case 'archive':
				data['action']	= 'wpv_get_archive_query_results';
				data['loop']	= parametric_data.loop;
				break;
			default:
				data['action']	= 'wpv_get_view_query_results';
				data['id']		= parametric_data.id;
				if ( form.attr( 'data-targetid' ) ) {
					data['target_id'] = form.data( 'targetid' );
				} else if ( $( '.js-wpv-form-only.js-wpv-filter-form-' + view_number ).length > 0 ) {
					data['target_id'] = $( '.js-wpv-form-only.js-wpv-filter-form-' + view_number ).data( 'targetid' );
				}
				data['wpv_view_widget_id']	= parametric_data['widget_id'];
				break;
		}
		return $.ajax({
			type:		"POST",
			dataType:	"json",
			url:		wpv_pagination_local.front_ajaxurl,
			data:		data
		});
	};

    /**
     * Add, update or remove query string argument.
     *
     * @param 	key		{string} 	Argument name
     * @param 	value	{string} 	Argument value. Not supplying a value will remove the parameter, supplying one will
     *     							add/update the argument.
     * @param 	url		{string} 	The URL. If no URL is supplied, it will be grabbed from window.location
     * @return	string				The updated URL.
	 * @link http://stackoverflow.com/a/11654596/3191395
     *
     * @since 2.3
     */
    self.updateUrlQuery = function(key, value, url) {
        if(!url) {
            url = window.location.href;
        }
        var re = new RegExp("([?&])" + key + "=.*?(&|#|$)(.*)", "gi");
        var hash;
        if (re.test(url)) {
            if (typeof value !== 'undefined' && value !== null) {
                return url.replace(re, '$1' + key + "=" + value + '$2$3');
            } else {
                hash = url.split('#');
                url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
                if(typeof hash[1] !== 'undefined' && hash[1] !== null) {
                    url += '#' + hash[1];
                }
                return url;
            }
        } else {
            if (typeof value !== 'undefined' && value !== null) {
                var separator = url.indexOf('?') !== -1 ? '&' : '?';
                hash = url.split('#');
                url = hash[0] + separator + key + '=' + value;
                if (typeof hash[1] !== 'undefined' && hash[1] !== null) {
                    url += '#' + hash[1];
                }
                return url;
            } else {
                return url;
            }
        }
    };

	// ------------------------------------
	// Events
	// ------------------------------------

	/**
	* Window resize event
	*
	* Make Views layouts responsive
	*
	* @since 1.9
	* @since 1.11 added debounce
	*/

	$( window ).on( 'resize', _.debounce(
		function() {
			$( '.js-wpv-layout-responsive' ).each( function() {
				$( this ).css( 'width', '' );
			})
			.promise()
			.done( function() {
				$( document ).trigger( 'js_event_wpv_layout_responsive_resize_completed' );
			});
		},
		wpv_pagination_local.resize_debounce_tolerance
	));

	// ------------------------------------
	// Init
	// ------------------------------------

	self.init = function() {
		self.render_frontend_datepicker();
	};

	self.init();

};

WPViews.ViewSorting = function( $ ) {

	var self = this;

	/**
	 * Get the sort data for a given View.
	 *
	 * @note If the current orderby option does not have an orderby_as option and does not match the stored option,
	 * we remove (we empty) that value so it gets sorted as a native, string value.
	 *
	 * @since 2.3.0
	 */
	self.get_sort_data = function( view_number, form ) {
		var sort			= {},
		parametric_data		= form.data( 'parametric' );

		sort['wpv_sort_orderby']	= parametric_data['sort']['orderby'];
		sort['wpv_sort_order']		= parametric_data['sort']['order'];
		sort['wpv_sort_orderby_as']	= parametric_data['sort']['orderby_as'];
		sort['wpv_sort_orderby_second']	= parametric_data['sort']['orderby_second'];
		sort['wpv_sort_order_second']	= parametric_data['sort']['order_second'];

		if ( form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) {
			var orderby_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-orderby' ) );
			switch ( orderby_type ) {
				case 'select':
					sort['wpv_sort_orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val();
					if ( form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' ) ) {
						sort['wpv_sort_orderby_as'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' );
					} else if ( sort['wpv_sort_orderby'] != parametric_data['sort']['orderby'] ) {
						sort['wpv_sort_orderby_as'] = '';
					}
					break;
				case 'radio':
					sort['wpv_sort_orderby'] = form.find( '.js-wpv-sort-control-orderby:checked' ).val();
					if ( form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' ) ) {
						sort['wpv_sort_orderby_as'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' );
					} else if ( sort['wpv_sort_orderby'] != parametric_data['sort']['orderby'] ) {
						sort['wpv_sort_orderby_as'] = '';
					}
					break;
				case 'text':
				case 'hidden':
					sort['wpv_sort_orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val();
					if ( form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' ) ) {
						sort['wpv_sort_orderby_as'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' );
					} else if ( sort['wpv_sort_orderby'] != parametric_data['sort']['orderby'] ) {
						sort['wpv_sort_orderby_as'] = '';
					}
					break;
			}
		}

		if ( form.find( '.js-wpv-sort-control-order' ).length > 0 ) {
			var order_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-order' ) );
			switch ( order_type ) {
				case 'select':
					sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-order' ).val();
					break;
				case 'radio':
					sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-order:checked' ).val();
					break;
				case 'text':
				case 'hidden':
					sort['wpv_sort_order'] =  form.find( '.js-wpv-sort-control-order' ).val();
					break;
			}
		}

        if (
        	'' === sort['wpv_sort_order']
			&& form.find( '.js-wpv-sort-control-orderby' ).length > 0
		) {
            var order_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-orderby' ) );
            switch ( order_type ) {
                case 'select':
                    sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'forceorder' );
                    break;
                case 'radio':
                    sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'forceorder' );
                    break;
                case 'text':
                case 'hidden':
                    sort['wpv_sort_order'] =  form.find( '.js-wpv-sort-control-orderby' ).data( 'forceorder' );
                    break;
            }
        }

		return sort;
	}

	/**
	 * Sync the sorting controls used inside and outside of the View form.
	 *
	 * @since 2.3.0
	 * @since 2.3.1 Split into set_sort_data_inside_form and set_sort_data_outside_form.
	 */
	self.set_sort_data = function( form, sort ) {
		self.set_sort_data_inside_form( form, sort )
			.set_sort_data_outside_form( form, sort );
		return self;
	};

    /**
     * Sync the sorting controls used inside and outside of the View form for the case of paginating while the View is
	 * already sorted.
     *
     * @since 2.5.2
     */
	self.set_sort_data_for_pagination = function ( form ) {
        var sort = {},
        parametric_data	= form.data( 'parametric' );;

        if ( form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) {
            var orderby_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-orderby' ) );
            switch ( orderby_type ) {
                case 'select':
                    sort['orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val();
                    if ( form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' ) ) {
                        sort['orderby_as'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' );
                    } else if ( sort['orderby'] != parametric_data['sort']['orderby'] ) {
                        sort['orderby_as'] = '';
                    }

                    if ( form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'forceorder' ) ) {
                        sort['order'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'forceorder' );
                    }
                    break;
                case 'radio':
                    sort['orderby'] = form.find( '.js-wpv-sort-control-orderby:checked' ).val();
                    if ( form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' ) ) {
                        sort['orderby_as'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' );
                    } else if ( sort['orderby'] != parametric_data['sort']['orderby'] ) {
                        sort['orderby_as'] = '';
                    }

                    if ( form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'forceorder' ) ) {
                        sort['order'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'forceorder' );
                    }
                    break;
                case 'text':
                case 'hidden':
                    sort['orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val();
                    if ( form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' ) ) {
                        sort['orderby_as'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' );
                    } else if ( sort['orderby'] != parametric_data['sort']['orderby'] ) {
                        sort['orderby_as'] = '';
                    }

                    if ( form.find( '.js-wpv-sort-control-orderby' ).data( 'forceorder' ) ) {
                        sort['order'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'forceorder' );
                    }
                    break;
            }
        }
        self.set_sort_data( form, sort );
    };

	/**
	 * Set the sort data for orderby controls as select dropdowns.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_orderby_select = function( orderby_control, sort ) {
		if ( orderby_control.find( 'option[value="' + sort['orderby'] + '"]' ).length == 0 ) {
			orderby_control.append( $('<option>', {
				value:	sort['orderby'],
				text:	sort['orderby']
			}));
		}
		orderby_control.val( sort['orderby'] );
		if ( _.has( sort, 'orderby_as' ) ) {
			orderby_control.find( 'option:selected' )
				.data( 'orderbyas', sort['orderby_as'] )
				.attr( 'data-orderbyas', sort['orderby_as'] );
		}
		return self;
	};

	/**
	 * Set the sort data for orderby controls as text or hidden inputs.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_orderby_text = function( orderby_control, sort ) {
		orderby_control.val( sort['orderby'] );
		if ( _.has( sort, 'orderby_as' ) ) {
			orderby_control
				.data( 'orderbyas', sort['orderby_as'] )
				.attr( 'data-orderbyas', sort['orderby_as'] );
		}
		return self;
	};

	/**
	 * Set the sort data for orderby controls as radio inputs.
	 *
	 * @note Create a radio input if it does not exist one for the right orderby value.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_orderby_radio = function( orderby_control, sort, form ) {
		if ( orderby_control.filter( '[value="' + sort['orderby'] + '"]' ).length == 0 ) {
			form.append( $('<input>', {
				type:		'radio',
				"class":	'js-wpv-sort-control-orderby',
				name:		'wpv_sort_orderby',
				value:		sort['orderby']
			}));
		}
		form.find( '.js-wpv-sort-control-orderby[value="' +  sort['orderby'] + '"]' ).prop( 'checked', true );
		if ( _.has( sort, 'orderby_as' ) ) {
			form.find( '.js-wpv-sort-control-orderby:checked' )
				.data( 'orderbyas', sort['orderby_as'] )
				.attr( 'data-orderbyas', sort['orderby_as'] );
		}
		return self;
	};

	/**
	 * Set the sort data for orderby controls as radio inputs.
	 *
	 * @note Uncheck all radio inputs if it does not exist one for the right orderby value.
	 *
	 * @since 2.3.1
	 */
	self.maybe_set_sort_data_orderby_radio = function( orderby_control, sort ) {
		if ( orderby_control.filter( '[value="' + sort['orderby'] + '"]' ).length == 0 ) {
			orderby_control.prop( 'checked', false );
		} else {
			orderby_control.filter( '[value="' +  sort['orderby'] + '"]' ).prop( 'checked', true );
			if ( _.has( sort, 'orderby_as' ) ) {
				orderby_control.filter( ':checked' )
					.data( 'orderbyas', sort['orderby_as'] )
					.attr( 'data-orderbyas', sort['orderby_as'] );
			}
		}
		return self;
	};

	/**
	 * Set the sort data for orderby controls as lists.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_orderby_list = function( orderby_control, sort ) {
		var orderby_control_to_set = orderby_control.find( '.js-wpv-sort-list-orderby[data-orderby="' + sort['orderby'] + '"]' );
		if ( orderby_control_to_set.length == 0 ) {

		} else {
			if ( ! orderby_control_to_set.closest( '.js-wpv-sort-list-item' ).hasClass( 'wpv-sort-list-current' ) ) {
				orderby_control
					.find( 'span.wpv-sort-list-current' )
						.removeClass( 'wpv-sort-list-current' );
				orderby_control
					.find( '.js-wpv-sort-list-item' )
						.css( {'display':'none'} );
				orderby_control_to_set
					.closest( '.js-wpv-sort-list-item' )
						.addClass( 'wpv-sort-list-current' )
						.css( {'display': 'block'} );
				orderby_control
					.find( '.js-wpv-sort-list' )
						.prepend( orderby_control_to_set.closest( '.js-wpv-sort-list-item' ) );
			}
		}
		return self;
	};

	/**
	 * Set the sort data for order controls as select dropdowns.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_order_select = function( order_control, sort ) {
		if ( order_control.find( 'option[value="' + sort['order'] + '"]' ).length == 0 ) {
			order_control.append( $('<option>', {
				value:	sort['order'],
				text:	sort['order']
			}));
		}
		order_control.val( sort['order'] );
		if (
			_.has( sort, 'orderby' )
			&& typeof order_control.data('labels') !== 'undefined'
		) {
			// We are setting the order in a command that also sets the orderby, so we need to modify the order labels
			var order_labels = order_control.data( 'labels' ),
				order_labels_to_push = {},
				orderby_to_check = sort.orderby.toLowerCase();
			if ( _.has( order_labels, orderby_to_check ) ) {
				order_labels_to_push = order_labels[ orderby_to_check ];
			} else if ( _.has( order_labels, 'default' ) ) {
				order_labels_to_push = order_labels[ 'default' ];
			}

			if ( _.has( order_labels_to_push, 'asc' ) ) {
				order_control.find( 'option[value="asc"]' ).html( order_labels_to_push.asc );
			}
			if ( _.has( order_labels_to_push, 'desc' ) ) {
				order_control.find( 'option[value="desc"]' ).html( order_labels_to_push.desc );
			}
		}
		return self;
	};

	/**
	 * Set the sort data for order controls as text or hidden inputs.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_order_text = function( order_control, sort ) {
		order_control.val( sort['order'] );
		return self;
	};

	/**
	 * Set the sort data for order controls as radio inputs.
	 *
	 * @note Create a radio input if it does not exist one for the right order value.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_order_radio = function( order_control, sort, form ) {
		if ( order_control.filter( '[value="' + sort['order'] + '"]' ).length == 0 ) {
			form.append( $('<input>', {
				type:		'radio',
				"class":	'js-wpv-sort-control-order',
				name:		'wpv_sort_order',
				value:		sort['order']
			}));
		}
		form.find( '.js-wpv-sort-control-order[value="' +  sort['order'] + '"]' ).prop( 'checked', true );

		if (
			_.has( sort, 'orderby' )
			&& typeof order_control.data('labels') !== 'undefined'
		) {
			// We are setting the order in a command that also sets the orderby, so we need to modify the order labels
			var order_labels = order_control.data( 'labels' ),
				order_labels_to_push = {},
				orderby_to_check = sort.orderby.toLowerCase(),
				label_to_update = null,
				input_to_keep = null;
			if ( _.has( order_labels, orderby_to_check ) ) {
				order_labels_to_push = order_labels[ orderby_to_check ];
			} else if ( _.has( order_labels, 'default' ) ) {
				order_labels_to_push = order_labels[ 'default' ];
			}

			if ( _.has( order_labels_to_push, 'asc' ) ) {
				label_to_update = order_control.filter( '[value="asc"]' ).closest( 'label' );
				input_to_keep = order_control.filter( '[value="asc"]' ).detach();

				label_to_update
					.html( order_labels_to_push.asc )
					.prepend( input_to_keep );
			}
			if ( _.has( order_labels_to_push, 'desc' ) ) {
				label_to_update = order_control.filter( '[value="desc"]' ).closest( 'label' );
				input_to_keep = order_control.filter( '[value="desc"]' ).detach();

				label_to_update
					.html( order_labels_to_push.desc )
					.prepend( input_to_keep );
			}
		}
		return self;
	};

	/**
	 * Set the sort data for order controls as radio inputs.
	 *
	 * @note Uncheck all radio inputs if it does not exist one for the right order value.
	 *
	 * @since 2.3.1
	 */
	self.maybe_set_sort_data_order_radio = function( order_control, sort ) {
		if ( order_control.filter( '[value="' + sort['order'] + '"]' ).length == 0 ) {
			order_control.prop( 'checked', true );
		} else {
			order_control.filter( '[value="' +  sort['order'] + '"]' ).prop( 'checked', true );
		}
		return self;
	};

	/**
	 * Set the sort data for order controls as lists.
	 *
	 * @since 2.3.1
	 */
	self.set_sort_data_order_list = function( order_control, sort ) {
		var order_control_to_set = order_control.find( '.js-wpv-sort-list-order[data-order="' + sort['order'] + '"]' );
		if ( order_control_to_set.length == 0 ) {

		} else {
			if ( ! order_control_to_set.closest( '.js-wpv-sort-list-item' ).hasClass( 'wpv-sort-list-current' ) ) {
				order_control
					.find( 'span.wpv-sort-list-current' )
						.removeClass( 'wpv-sort-list-current' );
				order_control
					.find( '.js-wpv-sort-list-item' )
						.css( {'display':'none'} );
				order_control_to_set
					.closest( '.js-wpv-sort-list-item' )
						.addClass( 'wpv-sort-list-current' )
						.css( {'display': 'block'} );
				order_control
					.find( '.js-wpv-sort-list' )
						.prepend( order_control_to_set.closest( '.js-wpv-sort-list-item' ) );
			}
		}
		if (
			_.has( sort, 'orderby' )
			&& typeof order_control.data('labels') !== 'undefined'
		) {
			// We are setting the order in a command that also sets the orderby, so we need to modify the order labels
			var order_labels = order_control.data( 'labels' ),
				order_labels_to_push = {},
				orderby_to_check = sort.orderby.toLowerCase(),
				width_update_needed = false;
			if ( _.has( order_labels, orderby_to_check ) ) {
				order_labels_to_push = order_labels[ orderby_to_check ];
			} else if ( _.has( order_labels, 'default' ) ) {
				order_labels_to_push = order_labels[ 'default' ];
			}

			if ( _.has( order_labels_to_push, 'asc' ) ) {
				order_control.find( '.js-wpv-sort-list-order[data-order="asc"] span' ).html( order_labels_to_push.asc );
				width_update_needed = true;
			}
			if ( _.has( order_labels_to_push, 'desc' ) ) {
				order_control.find( '.js-wpv-sort-list-order[data-order="desc"] span' ).html( order_labels_to_push.desc );
				width_update_needed = true;
			}
			if ( width_update_needed ) {
				self.adjust_sort_list_width( order_control );
			}
		}
		return self;
	};

	/**
	 * Sync the sorting controls used inside of the View form.
	 *
	 * @since 2.3.1
	 *
	 * @note Setting "orderby_as" demands that "orderby" is also set.
	 */
	self.set_sort_data_inside_form = function( form, sort ) {
		if ( _.has( sort, 'orderby' ) ) {
			if ( form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) {
				var orderby_control = form.find( '.js-wpv-sort-control-orderby' ),
					orderby_type = WPViews.view_frontend_utils.get_form_element_type( orderby_control );
				switch ( orderby_type ) {
					case 'select':
						self.set_sort_data_orderby_select( orderby_control, sort );
						break;
					case 'text':
					case 'hidden':
						self.set_sort_data_orderby_text( orderby_control, sort );
						break;
					case 'radio':
						self.set_sort_data_orderby_radio( orderby_control, sort, form );
						break;
				}
			} else {
				var orderby_attributes = {
					type:		'hidden',
					"class":	'js-wpv-sort-control-orderby',
					name:		'wpv_sort_orderby',
					value:		sort['orderby']
				};
				if ( _.has( sort, 'orderby_as' ) ) {
					orderby_attributes['data-orderbyas'] = sort['orderby_as'];
				}
                if ( _.has( sort, 'forceorder' ) ) {
                    orderby_attributes['data-forceorder'] = sort['forceorder'];
                }
                $( '<input>' )
					.attr( orderby_attributes )
					.appendTo( form );
			}
			// We set this as a hidden input for forms that submit with page refresh.
			if ( _.has( sort, 'orderby_as' ) ) {
				if ( form.find( '.js-wpv-sort-control-orderby-as' ).length > 0 ) {
					form.find( '.js-wpv-sort-control-orderby-as' ).remove();
				}
				$( '<input>' )
					.attr({
						type:		'hidden',
						"class":	'js-wpv-sort-control-orderby-as',
						name:		'wpv_sort_orderby_as',
						value:		sort['orderby_as']
					})
					.appendTo( form );
			}
			if ( form.find( '.js-wpv-sort-list-orderby-dropdown' ).length > 0 ) {
				var orderby_list_control = form.find( '.js-wpv-sort-list-orderby-dropdown' );
				self.set_sort_data_orderby_list( orderby_list_control, sort );
			}
		}
		if ( _.has( sort, 'order' ) ) {
			if ( form.find( '.js-wpv-sort-control-order' ).length > 0 ) {
				var order_control = form.find( '.js-wpv-sort-control-order' ),
					order_type = WPViews.view_frontend_utils.get_form_element_type( order_control );
				switch ( order_type ) {
					case 'select':
						self.set_sort_data_order_select( order_control, sort );
						break;
					case 'text':
					case 'hidden':
						self.set_sort_data_order_text( order_control, sort );
						break;
					case 'radio':
						self.set_sort_data_order_radio( order_control, sort, form );
						break;
				}
			} else {
				$( '<input>' )
					.attr({
						type:		'hidden',
						"class":	'js-wpv-sort-control-order',
						name:		'wpv_sort_order',
						value:		sort['order']
					})
					.appendTo( form );
			}
			if ( form.find( '.js-wpv-sort-list-order-dropdown' ).length > 0 ) {
				var order_list_control = form.find( '.js-wpv-sort-list-order-dropdown' );
				self.set_sort_data_order_list( order_list_control, sort );
			}
		}
		return self;
	}

	/**
	 * Sync the sorting controls used outside of the View form.
	 *
	 * @since 2.3.1
	 *
	 * @note Setting "orderby_as" demands that "orderby" is also set.
	 */
	self.set_sort_data_outside_form = function( form, sort ) {

		var view_number = form.data( 'viewnumber' );

		if ( _.has( sort, 'orderby' ) ) {
			var extra_orderby = $( '.js-wpv-sort-control-orderby[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-control-orderby)' ),
				extra_orderby_list = $( '.js-wpv-sort-list-orderby-dropdown[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-list-orderby-dropdown)' );
			if ( extra_orderby.length > 0 ) {
				var orderby_type = WPViews.view_frontend_utils.get_form_element_type( extra_orderby );
				switch ( orderby_type ) {
					case 'select':
						self.set_sort_data_orderby_select( extra_orderby, sort );
						break;
					case 'text':
					case 'hidden':
						self.set_sort_data_orderby_text( extra_orderby, sort );
						break;
					case 'radio':
						self.maybe_set_sort_data_orderby_radio( extra_orderby, sort );
						break;
				}
			}
			if ( extra_orderby_list.length > 0 ) {
				self.set_sort_data_orderby_list( extra_orderby_list, sort );
			}
		}

		if ( _.has( sort, 'order' ) ) {
			var extra_order = $( '.js-wpv-sort-control-order[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-control-order)' ),
				extra_order_list = $( '.js-wpv-sort-list-order-dropdown[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-list-order-dropdown)' );
			if ( extra_order.length > 0 ) {
				var order_type = WPViews.view_frontend_utils.get_form_element_type( extra_order );
				switch ( order_type ) {
					case 'select':
						self.set_sort_data_order_select( extra_order, sort );
						break;
					case 'text':
					case 'hidden':
						self.set_sort_data_order_text( extra_order, sort );
						break;
					case 'radio':
						self.maybe_set_sort_data_order_radio( extra_order, sort );
						break;
				}
			}
			if ( extra_order_list.length > 0 ) {
				self.set_sort_data_order_list( extra_order_list, sort );
			}
		}

		return self;

	};

	// ------------------------------------
	// Sorting links - not implemented yet
	// ------------------------------------

	$( document ).on( 'click', '.js-wpv-sort-trigger', function( e ) {
		e.preventDefault();
		var thiz		= $( this ),
		view_number		= thiz.data( 'viewnumber' ),
		form			= $( '.js-wpv-filter-form-' + view_number ),
		sort			= {
							'orderby':		( typeof thiz.data( 'orderby' ) != 'undefined' ) ? thiz.data( 'orderby' ) : '',
							'order':		( typeof thiz.data( 'order' ) != 'undefined' ) ? thiz.data( 'order' ) : '',
							'orderby_as':	( typeof thiz.data( 'orderbyas' ) != 'undefined' ) ? thiz.data( 'orderbyas' ) : '',
		},
		form_each;
		form.each( function() {
			form_each = $( this );
			self.set_sort_data( form_each, sort );
			WPViews.view_frontend_utils.set_extra_url_query_parameters_by_form( form_each );
		});
		if (
			thiz.hasClass( 'js-wpv-column-header-click' )
			|| (
				! form.hasClass( 'js-wpv-ajax-results-enabled' )
				&& ! form.hasClass( 'js-wpv-ajax-results-submit-enabled' )
			)
		) {
			// Backwards compatibility: table sorting does reload the page for sorting
			// Also, submit the form for a page reload when the form is not set to load results using AJAX
			form.submit();
		} else {
			// Elsewhere, trigger a parametric search change, and make sure AJAX is used where due
			var data_for_events = {
				view_unique_id:			view_number,
				form:					form,
				force_results_update:	form.hasClass( 'js-wpv-ajax-results-submit-enabled' )
			};

			data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

			$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
		}
	});

	// ------------------------------------
	// Sorting controls
	// ------------------------------------

	$( document ).on( 'change', 'select.js-wpv-sort-control-orderby', function() {

		var thiz		= $( this ),
		thiz_selected	= thiz.find( ':selected' ),
		sort			= {},
		view_number		= thiz.data( 'viewnumber' ),
		form			= $( '.js-wpv-filter-form-' + view_number ),
		data_for_events = {
			view_unique_id:	view_number,
			form:			form
		};

		sort[ 'orderby' ] = thiz.val();
		if ( thiz_selected.data( 'orderbyas' ) !== undefined ) {
			sort[ 'orderby_as' ] = thiz_selected.data( 'orderbyas' );
		}
		if (
			thiz_selected.data( 'forceorder' ) !== undefined
			&& thiz_selected.data( 'forceorder' ) !== ''
		) {
			sort[ 'order' ] = thiz_selected.data( 'forceorder' );
		}

		self.set_sort_data( form, sort );

		wpv_stop_rollover[ view_number ] = true;

		data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );

	});

	$( document ).on( 'change', 'input.js-wpv-sort-control-orderby', function() {

		var thiz		= $( this ),
		sort			= {},
		view_number		= thiz.data( 'viewnumber' ),
		sort_control	= $( '.js-wpv-sort-control-orderby[data-viewnumber="' + view_number + '"]:checked' ),
		form			= $( '.js-wpv-filter-form-' + view_number ),
		data_for_events = {
			view_unique_id:	view_number,
			form:			form
		};

		sort[ 'orderby' ] = sort_control.val();
		if ( sort_control.data( 'orderbyas' ) !== undefined ) {
			sort[ 'orderby_as' ] = sort_control.data( 'orderbyas' );
		}
		if (
			sort_control.data( 'forceorder' ) !== undefined
			&& sort_control.data( 'forceorder' ) !== ''
		) {
			sort[ 'order' ] = sort_control.data( 'forceorder' );
		}

		self.set_sort_data( form, sort );

		wpv_stop_rollover[ view_number ] = true;

		data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );

	});

	$( document ).on( 'click', '.js-wpv-sort-list-orderby', function( e ) {
		e.preventDefault();
		var orderby_link = $( this ),
			orderby = orderby_link.data( 'orderby' ),
			orderby_as = orderby_link.data( 'orderbyas' ),
			orderby_order = orderby_link.data( 'forceorder' ),
			orderby_list = orderby_link.closest( '.wpv-sort-list' ),
			orderby_list_item = orderby_link.closest( 'span.js-wpv-sort-list-item' ),
			view_number = orderby_link.data( 'viewnumber' ),
			form = $( '.js-wpv-filter-form-' + view_number ),
			sort = {
				'orderby':		orderby,
				'orderby_as':	orderby_as
			},
			data_for_events = {
				view_unique_id:	view_number,
				form:			form
			};


		if ( orderby_list_item.hasClass( 'wpv-sort-list-current' ) ) {
			return;
		}

		orderby_list
			.find( 'span.wpv-sort-list-current' )
				.removeClass( 'wpv-sort-list-current' );
		orderby_list
			.find( '.js-wpv-sort-list-item' )
				.css( {'display':'none'} );
		orderby_list_item
			.addClass( 'wpv-sort-list-current' )
			.css( {'display': 'block'} );
		orderby_list.prepend( orderby_list_item );

		if ( orderby_order !== '' ) {
			sort[ 'order' ] = orderby_order;
		}

		self.set_sort_data( form, sort );

		wpv_stop_rollover[ view_number ] = true;

		data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );

	});

	$( document ).on( 'change', 'select.js-wpv-sort-control-order', function() {

		var thiz		= $( this ),
		sort			= {},
		view_number		= thiz.data( 'viewnumber' ),
		form			= $( '.js-wpv-filter-form-' + view_number ),
		data_for_events = {
			view_unique_id:	view_number,
			form:			form
		};

		sort[ 'order' ] = thiz.val();

		self.set_sort_data( form, sort );

		wpv_stop_rollover[ view_number ] = true;

		data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );

	});

	$( document ).on( 'change', 'input.js-wpv-sort-control-order', function() {

		var thiz		= $( this ),
		sort			= {},
		view_number		= thiz.data( 'viewnumber' ),
		sort_control	= $( '.js-wpv-sort-control-order[data-viewnumber="' + view_number + '"]:checked' ),
		form			= $( '.js-wpv-filter-form-' + view_number ),
		data_for_events = {
			view_unique_id:	view_number,
			form:			form
		};

		sort[ 'order' ] = sort_control.val();

		self.set_sort_data( form, sort );

		wpv_stop_rollover[ view_number ] = true;

		data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );

	});

	$( document ).on( 'click', '.js-wpv-sort-list-order', function( e ) {
		e.preventDefault();
		var order_link = $( this ),
			order = order_link.data( 'order' ),
			order_list = order_link.closest( '.wpv-sort-list' ),
			order_list_item = order_link.closest( 'span.js-wpv-sort-list-item' ),
			view_number = order_link.data( 'viewnumber' ),
			form = $( '.js-wpv-filter-form-' + view_number ),
			sort = {
				'order': order
			},
			data_for_events = {
				view_unique_id:	view_number,
				form:			form
			};


		if ( order_list_item.hasClass( 'wpv-sort-list-current' ) ) {
			return;
		}

		order_list
			.find( 'span.wpv-sort-list-current' )
				.removeClass( 'wpv-sort-list-current' );
		order_list
			.find( '.js-wpv-sort-list-item' )
				.css( {'display':'none'} );
		order_list_item
			.addClass( 'wpv-sort-list-current' )
			.css( {'display': 'block'} );
		order_list.prepend( order_list_item );

		self.set_sort_data( form, sort );

		wpv_stop_rollover[ view_number ] = true;

		data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );

	});

	$( document ).on( 'mouseenter', '.js-wpv-sort-list-dropdown', function() {
		var orderby_list = $( this );
		orderby_list
			.find( '.js-wpv-sort-list-item' )
				.css( {'display': 'block'} );
	});

	$( document ).on( 'mouseleave', '.js-wpv-sort-list-dropdown', function() {
		var orderby_list = $( this );
		orderby_list
			.find( '.js-wpv-sort-list-item:not(.wpv-sort-list-current)' )
				.css( {'display': 'none'} );
	});

	// @todo calculate inital width and height of the container and also maybe re-calculate height on selection

	self.init_sort_list_width = function( selector ) {
		/*
		selector
			.find( '.js-wpv-sort-list-dropdown' )
				.each( function() {
					var sort_list = $( this ),
						sort_list_width = 0,
						sort_list_items = sort_list.find( '.js-wpv-sort-list-item' ),
						sort_list_anchors = sort_list.find( '.wpv-sort-list-anchor' );
						sort_list_anchors.each( function() {
							var item_width = WPViews.view_frontend_utils.get_hidden_item_width( $( this ) );
							if ( item_width > sort_list_width ) {
								sort_list_width = item_width;
							}
						});
						sort_list.css( { 'width': sort_list_width + 'em' } );
						sort_list_items.css( { 'width': sort_list_width + 'em' } );
				});
		*/
	};

	/**
	 * Adjust the sort list width to span at least its length in "em" units.
	 *
	 * @note When the length is less than 10 units, add an extra one for the toggle icon.
	 *
	 * @since 2.3.1
	 */
	self.adjust_sort_list_width = function( selector ) {
		var sort_list = selector,
			sort_list_width = 0,
			sort_list_items = sort_list.find( '.js-wpv-sort-list-item' ),
			sort_list_anchors = sort_list.find( '.wpv-sort-list-anchor span' );

		sort_list_anchors.each( function() {
			var item_width = $( this ).text().length;
			if ( item_width > sort_list_width ) {
				sort_list_width = item_width;
			}
		});
		sort_list_width = ( sort_list_width < 10 ) ? sort_list_width + 1 : sort_list_width;
		sort_list.css( { 'width': sort_list_width + 'em' } );
		sort_list_items.css( { 'width': sort_list_width + 'em' } );
	};

	/**
	 * Initialize sorting data for special cass:
	 * - When the sorting controls are of type 'list'.
	 * - When the sorting controls are of type 'dropdown' or 'radio', but are located outside of their related form.
	 * In those cases, there are no real sorting control elements inside the form, so we need to manually add them.
	 *
	 * @param selector The DOM object where this should be run, helps to narrow down on AJAX related operations.
	 *
	 * @since 2.3.0
	 *
	 * @todo Check whether we need to initialize the order coming from "forceorder" attributes in orderby controlos.
	 */
	self.maybe_init_sort_data = function( selector ) {

		// Init sort data for sort list controls, as they do not add proper form input elements
		selector.find( '.js-wpv-sort-list-dropdown' ).each( function() {
			var sorting_list = $( this ),
				sorting_list_type = sorting_list.hasClass( 'wpv-sort-list-orderby-dropdown' ) ? 'orderby' : 'order';

			switch ( sorting_list_type ) {
				case 'orderby':
					var sorting_current = sorting_list.find( '.wpv-sort-list-current .js-wpv-sort-list-orderby' ),
						sorting_viewnumber = sorting_current.data( 'viewnumber' ),
						sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ),
						sorting_data = {
							orderby: sorting_current.data( 'orderby' ),
                            orderby_as: sorting_current.data( 'orderbyas' ),
                            forceorder: sorting_current.data( 'forceorder' )
                        };

						self.set_sort_data( sorting_form, sorting_data );
					break;
				case 'order':
					var sorting_current = sorting_list.find( '.wpv-sort-list-current .js-wpv-sort-list-order' ),
						sorting_viewnumber = sorting_current.data( 'viewnumber' ),
						sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ),
						sorting_data = {
							order: sorting_current.data( 'order' ),
						};

						self.set_sort_data( sorting_form, sorting_data );
					break;
			}
		});

		// Init sort data for dropdowns or radios that are rendered outside their proper form
		selector.find( 'select.js-wpv-sort-control-orderby' ).each( function() {
			var sorting_control = $( this );
			if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) {
				var sorting_viewnumber = sorting_control.data( 'viewnumber' ),
					sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ),
					sorting_data = {
						orderby: sorting_control.val()
					};

				if ( sorting_control.find( ':selected' ).data( 'orderbyas' ) !== undefined ) {
					sorting_data[ 'orderby_as' ] = sorting_control.find( ':selected' ).data( 'orderbyas' );
				}

				self.set_sort_data( sorting_form, sorting_data );
			}
		});
		selector.find( 'select.js-wpv-sort-control-order' ).each( function() {
			var sorting_control = $( this );
			if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) {
				var sorting_viewnumber = sorting_control.data( 'viewnumber' ),
					sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ),
					sorting_data = {
						order: sorting_control.val()
					};

				self.set_sort_data( sorting_form, sorting_data );
			}
		});
		selector.find( 'input.js-wpv-sort-control-orderby:checked' ).each( function() {
			var sorting_control = $( this );
			if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) {
				var sorting_viewnumber = sorting_control.data( 'viewnumber' ),
					sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ),
					sorting_data = {
						orderby: sorting_control.val()
					};

				if ( sorting_control.data( 'orderbyas' ) !== undefined ) {
					sorting_data[ 'orderby_as' ] = sorting_control.data( 'orderbyas' );
				}

				self.set_sort_data( sorting_form, sorting_data );
			}
		});
		selector.find( 'input.js-wpv-sort-control-order:checked' ).each( function() {
			var sorting_control = $( this );
			if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) {
				var sorting_viewnumber = sorting_control.data( 'viewnumber' ),
					sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ),
					sorting_data = {
						order: sorting_control.val()
					};

				self.set_sort_data( sorting_form, sorting_data );
			}
		});

	};

	$( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
		//self.init_sort_list_width( data.layout );
		self.maybe_init_sort_data( data.layout );
		if ( data.filter ) {
            self.maybe_init_sort_data( data.filter );
		}
	});

	$( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) {
		//self.init_sort_list_width( data.view_changed_form );
		self.maybe_init_sort_data( data.view_changed_form );
	});

	$( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
		//self.init_sort_list_width( data.layout );
		self.maybe_init_sort_data( data.layout );
	});

	// ------------------------------------
	// Init
	// ------------------------------------

	self.init = function() {
		//self.init_sort_list_width( $( 'body' ) );
		self.maybe_init_sort_data( $( 'body' ) );
	};

	self.init();

};

WPViews.ViewPagination = function( $ ) {

	// ------------------------------------
	// Constants and variables
	// ------------------------------------

	var self = this;

	self.rollover_running = [];
	self.rollover_stopped = [];
    self.rollover_paused = [];

	self.init_rollover_timing_fired = false;

	self.pagination_queue = {};

	self.pagination_effects				= {};
	self.pagination_effects_conditions	= {};
	self.pagination_effects_spinner		= {};
	self.paged_views					= {};
	self.paged_views_initial_page		= {};

	self.last_paginated_view				= [];
	self.paginated_history_reach			= 0;
	self.add_paginated_history				= true;
	self.pagination_effect_state_push		= [ 'fade', 'slidev', 'slideh' ];
	self.pagination_effect_state_replace	= [];
	self.pagination_effect_state_keep		= [ 'infinite' ];

	self.init_scrolling_event_fired = false;

	self.slide_data_defaults = {
		view_number:		'',
		page:				0,
		max_pages:			0,
		speed:				500,
		next:				true,
		effect:				'fade',
		response:			null,
		wpvPaginatorFilter: null,
		wpvPaginatorLayout: null,
		responseFilter:		null,
		responseView:		null,
		callback_next_func:	WPViews.view_frontend_utils.just_return
	};

	self.pagination_doing_ajax = [];

	// ------------------------------------
	// Methods
	// ------------------------------------

	/**
	* add_view_parameters
	*
	* Add several information to the data used to get pagination pages.
	* For example, add column sorting data, parametric search data and parent View data.
	*
	* @since 1.9
	* @since 2.1	Deprecated
	*/

	self.add_view_parameters = function( data, page, view_number ) {
		var this_form			= $( 'form.js-wpv-filter-form-' + view_number ),
		this_prelements			= this_form.find( '.js-wpv-post-relationship-update' ),
		this_form_environment	= this_form.data( 'environment' );

		data['action']				= 'wpv_get_page';
		data['page']				= page;
		data['view_number']			= view_number;
		data['wpv_sort_orderby']	= ( typeof this_form.data( 'orderby' ) != 'undefined' ) ? this_form.data( 'orderby' ) : '';
		data['wpv_sort_order']		= ( typeof this_form.data( 'order' ) != 'undefined' ) ? this_form.data( 'order' ) : '';
		data['wpv_sort_orderby_as']	= ( typeof this_form.data( 'orderbyas' ) != 'undefined' ) ? this_form.data( 'orderbyas' ) : '';
		data['wpv_sort_orderby_second']	= ( typeof this_form.data( 'orderbysecond' ) != 'undefined' ) ? this_form.data( 'orderbysecond' ) : '';
		data['wpv_sort_order_second']	= ( typeof this_form.data( 'ordersecond' ) != 'undefined' ) ? this_form.data( 'ordersecond' ) : '';
		data['wpv_view_widget_id']	= this_form.data( 'viewwidgetid' );
		data['view_hash']			= this_form.data( 'viewhash' );
		data['dps_pr']				= {};
		data['dps_general']			= {};

		if ( this_form_environment.current_post_id > 0 ) {
			data['wpv_aux_current_post_id'] = this_form_environment.current_post_id;
		}
		if ( this_form_environment.parent_post_id > 0 ) {
			data['wpv_aux_parent_post_id'] = this_form_environment.parent_post_id;
		}
		if ( this_form_environment.parent_term_id > 0 ) {
			data['wpv_aux_parent_term_id'] = this_form_environment.parent_term_id;
		}
		if ( this_form_environment.parent_user_id > 0 ) {
			data['wpv_aux_parent_user_id'] = this_form_environment.parent_user_id;
		}

		if ( this_prelements.length ) {
			data['dps_pr'] = this_prelements.serializeArray();
		}
		if ( this_form.hasClass( 'js-wpv-dps-enabled' ) || this_form.hasClass( 'js-wpv-ajax-results-enabled' ) ) {
			data['dps_general'] = this_form.find( '.js-wpv-filter-trigger, .js-wpv-filter-trigger-delayed' ).serializeArray();
		}

		return data;
	};

	/**
	* pagination_preload_pages
	*
	* Preload pages to a reach.
	*
	* @param object preload_data
	*
	* @since 1.9
	*/

	self.pagination_preload_pages = function( preload_data ) {
		var page = parseInt( preload_data.page, 10 ),
		max_pages = parseInt( preload_data.max_pages, 10 ),
		max_reach = parseInt( preload_data.max_reach, 10 );

		if ( max_reach > max_pages ) {
			max_reach = max_pages;
		}

		if ( preload_data.preload_pages == 'enabled' ) {
			var reach = 1;
			while ( reach < max_reach ) {
				self.pagination_preload_next_page( preload_data.view_number, page, max_pages, reach );
				self.pagination_preload_previous_page( preload_data.view_number, page, max_pages, reach );
				reach++;
			}
		}
		if ( preload_data.cache_pages == 'enabled' ) {
			self.pagination_cache_current_page( preload_data.view_number, page );
		}
	};

	/**
	* pagination_cache_current_page
	*
	* Cache current page.
	*
	* @param string	view_number
	* @param int	page
	*
	* @since 1.9
	*/

	self.pagination_cache_current_page = function( view_number, page ) {
		window.wpvCachedPages[ view_number ] = window.wpvCachedPages[ view_number ] || [];
		var current_page_permalink,
		content;
		if ( ! window.wpvCachedPages[view_number].hasOwnProperty( page ) ) {
			WPViews.view_frontend_utils.get_updated_query_results( view_number, page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' )
				.done( function( response ) {
					if ( response.success ) {
						window.wpvCachedPages[view_number][page] = response.data.full;
						content = $( response.data.full ).find( 'img' );
						content.each( function() {
							window.wpvCachedImages.push( this.src );
						});
					}
				});
		}
	};

	/**
	* pagination_preload_next_page
	*
	* Load the next page, or the next one counting "reach" pages.
	*
	* @param string	view_number
	* @param int	page
	* @param int	max_pages
	* @param int	reach
	*
	* @since 1.9
	*/

	self.pagination_preload_next_page = function( view_number, page, max_pages, reach ) {
		window.wpvCachedPages[ view_number ] = window.wpvCachedPages[ view_number ] || [];
		var next_page = page + reach,
		content,
		current_page_permalink;
		if ( ! window.wpvCachedPages[view_number].hasOwnProperty( next_page ) ) {
			if ( ( next_page - 1 ) < max_pages ) {
				WPViews.view_frontend_utils.get_updated_query_results( view_number, next_page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' )
					.done( function( response ) {
						if ( response.success ) {
							window.wpvCachedPages[view_number][next_page] = response.data.full;
							content = $( response.data.full ).find( 'img' );
							content.each( function() {
								window.wpvCachedImages.push( this.src );
							});
						}
					});
			}
		}
	};

	/**
	* pagination_preload_previous_page
	*
	* Load the previous page, or the previous one counting "reach" pages.
	*
	* @param string	view_number
	* @param int	page
	* @param int	max_pages
	* @param int	reach
	*
	* @since 1.9
	*/

	self.pagination_preload_previous_page = function(view_number, page, max_pages, reach) {
		window.wpvCachedPages[ view_number ] = window.wpvCachedPages[ view_number ] || [];
		var previous_page = page - reach,
		current_page_permalink,
		content;
		if ( ! window.wpvCachedPages[view_number].hasOwnProperty( previous_page ) ) {
			// LOAD PREVIOUS
			if ( ( previous_page + 1 ) > 1 ) {
				WPViews.view_frontend_utils.get_updated_query_results( view_number, previous_page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' )
					.done( function( response ) {
						if ( response.success ) {
							window.wpvCachedPages[view_number][previous_page] = response.data.full;
							content = $( response.data.full ).find( 'img' );
							content.each( function() {
								window.wpvCachedImages.push( this.src );
							});
						}
					});
			} else if ( (previous_page + 1 ) === 1 ) { // LOAD LAST PAGE IF ON FIRST PAGE
				WPViews.view_frontend_utils.get_updated_query_results( view_number, max_pages, $( 'form.js-wpv-filter-form-' + view_number ), 'full' )
					.done( function( response ) {
						if ( response.success ) {
							window.wpvCachedPages[view_number][max_pages] = response.data.full;
							window.wpvCachedPages[view_number][0] = response.data.full;
							content = $( response.data.full ).find( 'img' );
							content.each( function() {
								window.wpvCachedImages.push( this.src );
							});
						}
					});
			}
		}
	};

	/**
	* trigger_pagination
	*
	* Manage the View pagination after a control has been inited
	*
	* @param string	view_number
	* @param int	page
	*
	* @since 1.9
	*/

	self.trigger_pagination = function( view_number, page ) {
		if ( ! window.wpvPaginationAnimationFinished.hasOwnProperty( view_number ) ) {
			window.wpvPaginationAnimationFinished[ view_number ] = false;
		} else if ( window.wpvPaginationAnimationFinished[ view_number ] !== true ) {
			if ( ! window.wpvPaginationQueue.hasOwnProperty( view_number ) ) {
				window.wpvPaginationQueue[view_number] = [];
			}
			window.wpvPaginationQueue[ view_number ].push( arguments );
			return;
		}

		window.wpvPaginationAnimationFinished[ view_number ] = false;

		var data = {},
		wpvPaginatorLayout = $( '#wpv-view-layout-' + view_number ),
		wpvPaginatorFilter = $( 'form[name="wpv-filter-' + view_number + '"]' ),
		speed = 500,
		next = true,
		paged_view_data = self.get_paged_view( view_number ),
		max_reach = parseInt( paged_view_data.preload_reach ) + 1,
		callback_next_func = WPViews.view_frontend_utils.just_return,
		data_for_get_page,
		img;

		// Not using AJAX pagination
		// For WPAs we just need to adjust the form target and we are done :-)
		if (
			paged_view_data.type == 'disabled'
			|| paged_view_data.type == 'paged'
		) {

			switch ( paged_view_data.query ) {
				case 'archive':
					current_page_permalink = paged_view_data[ 'base_permalink' ].replace( 'WPV_PAGE_NUM', page );
					window.location.replace( current_page_permalink );
					break;
				default:
					WPViews.view_frontend_utils.set_extra_url_query_parameters_by_form( wpvPaginatorFilter );
					// Adjust the wpv_paged hidden input to the page that we want to show
					if ( $( 'input[name="wpv_paged"]' ).length > 0 ) {
						$( 'input[name="wpv_paged"]' ).attr( 'value', page );
					} else {
						$( '<input>')
							.attr({
								type: 'hidden',
								name: 'wpv_paged',
								value: page
							})
							.appendTo( wpvPaginatorFilter );
					}
					wpvPaginatorFilter[0].submit();
					break;
			}
			return;
		}

		// Using AJAX pagination

		if ( paged_view_data.effect in self.pagination_effects_conditions ) {
			if ( ! self.pagination_effects_conditions[ paged_view_data.effect ]( paged_view_data, page ) ) {
				window.wpvPaginationAnimationFinished[ view_number ] = true;
				return;
			}
		}

		window.wpvPaginationAjaxLoaded[view_number] = false;
		window.wpvCachedPages[ view_number ] = window.wpvCachedPages[view_number] || [];

		if ( this.historyP.hasOwnProperty( view_number ) ) {
			next = ( this.historyP[ view_number ] < page ) ? true : false;
		}

		if ( paged_view_data.callback_next !== '' ) {
			callback_next_func = window[ paged_view_data.callback_next ];
			if ( typeof callback_next_func !== "function" ) {
				callback_next_func = WPViews.view_frontend_utils.just_return;
			}
		}

		data_for_get_page = {
			view_number:		view_number,
			page:				page,
			max_pages:			parseInt( paged_view_data.max_pages, 10 ),
			speed:				parseFloat( paged_view_data.duration ),
			next:				next,
			effect:				paged_view_data.effect,
			wpvPaginatorFilter: wpvPaginatorFilter,
			wpvPaginatorLayout: wpvPaginatorLayout,
			responseView:		null,
			callback_next_func:	callback_next_func
		};

		if (
			window.wpvCachedPages[ view_number ].hasOwnProperty( page )
		) {
			data_for_get_page.response = window.wpvCachedPages[ view_number ][ page ];
			self.prepare_slide( data_for_get_page );
		} else {
			// Set loading class
			if ( paged_view_data.spinner !== 'disabled' ) {
				if ( paged_view_data.effect in self.pagination_effects_spinner ) {
					self.pagination_effects_spinner[ paged_view_data.effect ]( view_number, wpvPaginatorLayout );
				} else {
					self.pagination_effects_spinner[ 'fade' ]( view_number, wpvPaginatorLayout );
				}
			}
			WPViews.view_frontend_utils.get_updated_query_results( view_number, page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' )
				.done( function( response ) {
					if ( response.success ) {
						data_for_get_page.response = response.data.full;
						self.prepare_slide( data_for_get_page );
					}
				});
		}
		self.pagination_preload_pages({
			view_number:	view_number,
			cache_pages:	paged_view_data.cache_pages,
			preload_pages:	paged_view_data.preload_pages,
			page:			page,
			max_reach:		max_reach,
			max_pages:		paged_view_data.max_pages
		});
		this.historyP[ view_number ] = page;
		return;
	};

	/**
	* prepare_slide
	*
	* Wrap the old layout into a div.wpv_slide_remove and change its ID to ~-response
	* Preload images on the new page if needed
	* Fire self.pagination_slide
	*
	* @param object data
	*
	* @since 1.9
	*/

	self.prepare_slide = function( data ) {
		var slide_data = $.extend( {}, self.slide_data_defaults, data ),
		width = slide_data.wpvPaginatorLayout.width(),
		outer_width = slide_data.wpvPaginatorLayout.outerWidth(),
		height = slide_data.wpvPaginatorLayout.height(),
		outer_height = slide_data.wpvPaginatorLayout.outerHeight(),
		responseObj = $( '<div></div>' ).append( slide_data.response ),
		preloadedImages,
		images;

		slide_data.responseView = responseObj.find( '.js-wpv-view-layout-' + slide_data.view_number );
        slide_data.responseFilterSelector = responseObj.find( 'form.js-wpv-filter-form-' + slide_data.view_number );
		slide_data.responseFilter = responseObj.find( 'form.js-wpv-filter-form-' + slide_data.view_number ).html();
		slide_data.pagination_page_permalink = slide_data.responseView.data( 'permalink' );

		// Wrap old layout in a div.wpv_slide_remove nd change its ID to ~-response
		slide_data.wpvPaginatorLayout
			.attr( 'id', 'wpv-view-layout-' + slide_data.view_number + '-response' )
			.wrap( '<div class="wpv_slide_remove" style="width:' + outer_width + 'px;height:' + outer_height + 'px;overflow:hidden;" />' )
			.css( 'width', width );
		// Add an ID attribute to the upcoming new layout, and hide it
		slide_data.responseView
			.attr( 'id', 'wpv-view-layout-' + slide_data.view_number )
			.css( {
				'visibility': 'hidden',
				'width': width
			} );

		// Preload images if needed
		if ( slide_data.wpvPaginatorLayout.hasClass( 'js-wpv-layout-preload-images' ) ) {
			preloadedImages = [];
			images = slide_data.responseView.find( 'img' );
			if ( images.length < 1 ) {
				self.pagination_slide( slide_data );
			} else {
				images.one( 'load', function() {
					preloadedImages.push( $( this ).attr( 'src' ) );
					if ( preloadedImages.length === images.length ) {
						self.pagination_slide( slide_data );
					}
				}).each( function() {
					$( this ).load();
				});
			}
			// Fix inner nested Views with AJAX pagination: the inner View, when preloading images, was rendered with visibility:hidden by default
			slide_data.responseView
				.find( '.js-wpv-layout-preload-images' )
					.css( 'visibility', 'visible' );
		} else {
			self.pagination_slide( slide_data );
		}
	};

	/**
	* pagination_slide
	*
	* Routes to the right pagination effect callback
	*
	* @param object data
	*
	* @since 1.9
	*/

	self.pagination_slide = function( data ) {
		var slide_data = $.extend( {}, self.slide_data_defaults, data );

		switch ( slide_data.effect ) {
			case 'slideleft':
				slide_data.next = true;
				slide_data.effect = 'slideh';
				break;
			case 'slideright':
			case 'sliderightforward':
				slide_data.next = false;
				slide_data.effect = 'slideh';
				break;
			case 'slidedown':
			case 'slidedownforward':
				slide_data.next = false;
				slide_data.effect = 'slidev';
				break;
			case 'slideup':
				slide_data.next = true;
				slide_data.effect = 'slidev';
				break;
		}

		if ( ! slide_data.effect in self.pagination_effects ) {
			slide_data.effect = 'fade';
		}

		self.pagination_effects[ slide_data.effect ]( slide_data );
	};

	/**
	* pagination_queue_trigger
	*
	* Manage multiple and fast pagination requests.
	*
	* @param int		view_number
	* @param boolean	next
	* @param object		wpvPaginatorFilter
	*
	* @todo why do we pass next and wpvPaginatorFilter here?
	*
	* @since 1.9
	*/

	self.pagination_queue_trigger = function( view_number, next, wpvPaginatorFilter ) {
		var args,
		page,
		max_pages;
		if ( window.wpvPaginationQueue.hasOwnProperty( view_number ) && window.wpvPaginationQueue[view_number].length > 0 ) {
		// when double clicking,we have set window.wpvPaginationQueue[view_number][1] and maybe we could tweak it to change the page number. Maybe checkin historyP
			window.wpvPaginationQueue[view_number].sort();
			args = window.wpvPaginationQueue[view_number][0];
			window.wpvPaginationQueue[view_number].splice(0, 1);
			page = args[1];
			max_pages = args[4];
			if ( page > max_pages ) {
				page = 1;
			} else if ( page < 1 ) {
				page = max_pages;
			}
			self.trigger_pagination( view_number, page );
		}
	};

	// ------------------------------------
	// Events for Views pagination
	// ------------------------------------

	/**
	* Manage pagination triggered from prev/next or first/last links
	*
	* @since 1.9
	* @since 2.4.1 Added support for first/last pagination links
	*/

	$( document ).on( 'click', '.js-wpv-pagination-next-link, .js-wpv-pagination-previous-link, .js-wpv-pagination-first-link, .js-wpv-pagination-last-link', function( e ) {
		e.preventDefault();
		var thiz = $( this ),
		view_number = thiz.data( 'viewnumber' ),
        page = thiz.data( 'page' ),
        form = $( '.js-wpv-filter-form-' + view_number );

        WPViews.view_sorting.set_sort_data_for_pagination( form );

        wpv_stop_rollover[ view_number ] = true;
		self.trigger_pagination( view_number, page );
	});

	/**
	* Manage pagination triggered by a change in the page selector dropdown
	*
	* @since 1.9
	*/

	$( document ).on( 'change', '.js-wpv-page-selector', function( e ) {
		e.preventDefault();
		var thiz = $( this ),
		view_number = thiz.data( 'viewnumber' ),
		page = thiz.val();
		wpv_stop_rollover[ view_number ] = true
		self.trigger_pagination( view_number, page );
	});

	/**
	* Manage pagination triggered by a click on a pagination link.
	*
	* @since 1.9
	*
	* @note Safari on iOS might need to also listen to the touchstart event. Investigate this!
	*/

	$( document ).on( 'click', '.js-wpv-pagination-link', function( e ) {
		e.preventDefault();
		var thiz = $( this ),
		data_collected = {};
		data_collected.view_number = thiz.data( 'viewnumber');
		data_collected.page = thiz.data( 'page' );
		var i;
		// TODO this can be improved: we should not need a loop here at all
		// @todo review this, data_collected.max_pages is UNDEFINED
		for ( i = 1; i <= data_collected.max_pages; i++ ) {
			if ( i === data_collected.page ) {
				$( '.js-wpv-page-link-' + data_collected.view_number + '-' + i ).addClass( 'wpv_page_current' );
			} else {
				$( '.js-wpv-page-link-' + data_collected.view_number + '-' + i ).removeClass( 'wpv_page_current' );
			}

		}
		wpv_stop_rollover[ data_collected.view_number ] = true
		self.trigger_pagination( data_collected.view_number, data_collected.page );
	});

	/*
	$( document ).on( 'click', '.js-wpv-pagination-pause-rollover', function( e ) {
		e.preventDefault();
		var view_num = $( this ).data( 'viewnumber' );
		wpv_stop_rollover[view_num] = true;
	});

	$( document ).on( 'click', '.js-wpv-pagination-resume-rollover', function( e ) {
		e.preventDefault();
		var view_num = $( this ).data( 'viewnumber' );
		delete wpv_stop_rollover[view_num];
	});
	*/

	// ------------------------------------
	// Events for WordPress Archives pagination
	// ------------------------------------

	/**
	* Manage pagination triggered from prev/next and first/last links, and numeric links, including their own prev/next ones
	*
	* @since 2.1
	* @since 2.4.1 Added support for first/last links.
	*/

	$( document ).on( 'click', '.js-wpv-archive-pagination-link, .js-wpv-archive-pagination-next-link, .js-wpv-archive-pagination-prev-link, .js-wpv-archive-pagination-links-next-link, .js-wpv-archive-pagination-links-prev-link, .js-wpv-archive-pagination-links-first-link, .js-wpv-archive-pagination-links-last-link', function( e ) {
		e.preventDefault();
		var thiz = $( this ),
		view_number = thiz.data( 'viewnumber' ),
		page = thiz.data( 'page' );
		wpv_stop_rollover[ view_number ] = true;
		self.trigger_pagination( view_number, page );
	});

	// ------------------------------------
	// Custom events
	// ------------------------------------

	/**
	* js_event_wpv_pagination_completed
	*
	* Event fired after a pagination transition has been completed
	*
	* @param data
	* 	- view_unique_id
	* 	- effect
	* 	- speed
	* 	- layout
	*
	* @since 1.9
	*/

	$( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
		WPViews.view_frontend_utils.render_frontend_media_shortcodes( data.layout );
		WPViews.view_frontend_utils.render_frontend_datepicker();
		// Init pagination for any inner View that might be included inside the new page
		self.init_paged_views( data.layout );
		self.init_preload_images( data.layout );
		self.init_preload_pages( data.layout );
        self.init_pagination_button_state();
	});

	$( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
		// Init the pagination settings for this View results being updated
		self.init_paged_view( data.view_unique_id );
		// Init pagination for any inner View that might be included inside the new page
		self.init_paged_views( data.layout );
		self.init_preload_images( data.layout );
		self.init_preload_pages( data.layout );
	});

	// ------------------------------------
	// Init
	// ------------------------------------

	/**
	* init_effects
	*
	* Define the default pagination effects, can be extended by third parties.
	* Each callback gets the following parameters:
	* @param object slide_data
	*
	* @since 1.11
	*/

	self.init_effects = function() {
		self.pagination_effects = {
			infinite: function( slide_data ) {

				if ( slide_data.page != ( self.get_paged_view( slide_data.view_number ).page + 1 ) ) {
					// This should never happen! See self.pagination_effects_conditions
					$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() {
						$( this ).remove();
					});
					slide_data.wpvPaginatorLayout
						.animate( { opacity: 1 }, 300 )
						.unwrap()// If it got here, it has a -response suffix in the ID and is wrapped in an auxiliar div
						.attr( 'id', 'wpv-view-layout-' + slide_data.view_number  );
					window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
					window.wpvPaginationAnimationFinished[slide_data.view_number] = true;

				} else {

					// content.match(/<!-- HOOK OPEN -->(W?)\<!-- HOOK CLOSE -->/);
					var data_for_events = {},
					data_for_history = {};

					data_for_events.view_unique_id	= slide_data.view_number;
					data_for_events.effect			= 'infinite';
					data_for_events.speed			= slide_data.speed;

					data_for_history.view_number				= slide_data.view_number;
					data_for_history.page						= slide_data.page;
					data_for_history.effect						= 'infinite';
					data_for_history.pagination_page_permalink	= slide_data.pagination_page_permalink;

					if (
						slide_data.wpvPaginatorLayout.find( '.js-wpv-loop' ).length > 0
						&& slide_data.responseView.find( '.js-wpv-loop' ).length > 0
					) {
						slide_data.responseView
							.find( '.js-wpv-loop' )
							.children()
								.addClass( 'wpv-loop-item-blink' )
								.css( { 'opacity': '0.3' } );
						slide_data.responseView
							.find( '.js-wpv-loop' )
							.prepend(
								slide_data.wpvPaginatorLayout
									.find( '.js-wpv-loop' )
									.html()
							);
						slide_data.wpvPaginatorLayout.html( slide_data.responseView.html() );
						slide_data.wpvPaginatorLayout
							.find( '.wpv-loop-item-blink' )
								.removeClass( 'wpv-loop-item-blink' )
								.animate( { opacity: 1 }, slide_data.speed );

					} else {
						var oldHTML = slide_data.wpvPaginatorLayout.html(),
						oldArray = oldHTML.split( '<!-- WPV_Infinite_Scroll -->', 3 ),
						oldReplace = ( oldArray.length > 2 ) ? oldArray[1] : '';
						slide_data.wpvPaginatorLayout.html(
							slide_data.responseView.html().replace(
								'<!-- WPV_Infinite_Scroll_Insert -->',
								oldReplace
							)
						);
					}
					data_for_events.layout = slide_data.wpvPaginatorLayout;
					$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() {
						$( this ).remove();
					});
					slide_data.wpvPaginatorLayout
						.unwrap()
						.attr( 'id', 'wpv-view-layout-' + slide_data.view_number  )
						.animate( { opacity: 1 }, 300, function() {
							slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

							self.get_paged_view( slide_data.view_number ).page = slide_data.page;

							window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
							window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
							slide_data.callback_next_func();
							self.manage_browser_history( data_for_history );
							$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
							self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
						});
				}
			},
			slideh: function( slide_data ) {
				var height = slide_data.wpvPaginatorLayout.height(),
				old_height = slide_data.wpvPaginatorLayout.outerHeight(),
				new_height,
				data_for_events = {},
				data_for_history = {};

				data_for_events.view_unique_id	= slide_data.view_number;
				data_for_events.effect			= 'slideh';
				data_for_events.speed			= slide_data.speed;
				data_for_events.layout			= slide_data.responseView;
                data_for_events.filter			= slide_data.responseFilterSelector;

				data_for_history.view_number				= slide_data.view_number;
				data_for_history.page						= slide_data.page;
				data_for_history.effect						= 'slideh';
				data_for_history.pagination_page_permalink	= slide_data.pagination_page_permalink;

				if ( slide_data.next === true ) {
					slide_data.wpvPaginatorLayout.css( 'float', 'left' );
					slide_data.responseView.css( {"float": "left", "visibility": "visible"} );
					slide_data.wpvPaginatorLayout
						.after( slide_data.responseView )
						.parent()
							.children()
								.wrapAll( '<div style="width:5000px;" />' );
					$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut(function() {
						$( this ).remove();
					});
					new_height = slide_data.responseView.outerHeight();
					if ( old_height === new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginLeft: '-' + slide_data.wpvPaginatorLayout.outerWidth()+'px'}, slide_data.speed+500, function() {
									slide_data.responseView.css( {'position': 'static', 'float': 'none'} );
									slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

									slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

									window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
									window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
									slide_data.callback_next_func();
									self.manage_browser_history( data_for_history );
									$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
									self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
								});
					} else if ( old_height > new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginLeft: '-' + slide_data.wpvPaginatorLayout.outerWidth()+'px'}, slide_data.speed+500, function() {
									slide_data.wpvPaginatorLayout
										.parent().parent()
											.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
												slide_data.responseView.css( {'position': 'static', 'float': 'none'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					} else {
						slide_data.wpvPaginatorLayout
							.parent().parent()
								.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
									slide_data.wpvPaginatorLayout
										.parent()
											.animate( {marginLeft: '-' + slide_data.wpvPaginatorLayout.outerWidth()+'px'}, slide_data.speed+500, function() {
												slide_data.responseView.css( {'position': 'static', 'float': 'none'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					}
				} else {
					slide_data.wpvPaginatorLayout.css( 'float', 'right' );
					slide_data.responseView.css( {'float': 'right', 'visibility': 'visible'} );
					slide_data.wpvPaginatorLayout
						.after( slide_data.responseView )
						.parent()
							.children()
								.wrapAll( '<div style="height:' + height +  ';width:' + ( slide_data.responseView.outerWidth() + slide_data.wpvPaginatorLayout.outerWidth() ) + 'px; margin-left:-' + ( slide_data.wpvPaginatorLayout.outerWidth() ) + 'px;" />' );
					$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() {
						$( this ).remove();
					});
					new_height = slide_data.responseView.outerHeight();
					if ( old_height === new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginLeft: '0px'}, slide_data.speed+500, function() {
									slide_data.responseView.css( {'position': 'static', 'margin': '0px', 'float': 'none'} );
									slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

									slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

									window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
									window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
									slide_data.callback_next_func();
									self.manage_browser_history( data_for_history );
									$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
									self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
								});
					} else if ( old_height > new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginLeft: '0px'}, slide_data.speed+500, function() {
									slide_data.wpvPaginatorLayout
										.parent().parent()
											.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
												slide_data.responseView.css( {'position': 'static', 'margin': '0px', 'float': 'none'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					} else {
						slide_data.wpvPaginatorLayout
							.parent().parent()
								.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
									slide_data.wpvPaginatorLayout
										.parent()
											.animate( {marginLeft: '0px'}, slide_data.speed+500, function() {
												slide_data.responseView.css( {'position': 'static', 'margin': '0px', 'float': 'none'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					}
				}
			},
			slidev: function( slide_data ) {
				var old_height = slide_data.wpvPaginatorLayout.outerHeight(),
				new_height,
				data_for_events = {},
				data_for_history = {};

				data_for_events.view_unique_id	= slide_data.view_number;
				data_for_events.effect			= 'slidev';
				data_for_events.speed			= slide_data.speed;
				data_for_events.layout			= slide_data.responseView;
                data_for_events.filter			= slide_data.responseFilterSelector;

				data_for_history.view_number				= slide_data.view_number;
				data_for_history.page						= slide_data.page;
				data_for_history.effect						= 'slidev';
				data_for_history.pagination_page_permalink	= slide_data.pagination_page_permalink;

				if ( slide_data.next === true ) {
					slide_data.responseView.css( 'visibility', 'visible' );
					slide_data.wpvPaginatorLayout
						.after( slide_data.responseView )
						.parent()
							.children()
								.wrapAll( '<div />' );
					$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function(){
						$( this ).remove();
					});
					new_height = slide_data.responseView.outerHeight();
					if ( old_height === new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginTop: '-' + slide_data.responseView.outerHeight()+'px'}, slide_data.speed+500, function() {
									slide_data.responseView.css( {'position': 'static', 'margin': '0px'} );
									slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

									slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

									window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
									window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
									slide_data.callback_next_func();
									self.manage_browser_history( data_for_history );
									$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
									self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
								});
					} else if ( old_height > new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginTop: '-'+old_height+'px'}, slide_data.speed+500, function() {
									slide_data.wpvPaginatorLayout
										.parent().parent()
											.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
												slide_data.responseView.css( {'position': 'static', 'margin': '0px'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					} else {
						slide_data.wpvPaginatorLayout
							.parent().parent()
								.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
									slide_data.wpvPaginatorLayout
										.parent()
											.animate( {marginTop: '-'+old_height+'px'}, slide_data.speed+500, function() {
												slide_data.responseView.css( {'position': 'static', 'margin': '0px'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					}
				} else {
					slide_data.responseView.css( 'visibility', 'visible' );
					slide_data.wpvPaginatorLayout
						.before( slide_data.responseView )
						.parent()
							.children()
								.wrapAll( '<div />' );
					$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() {
						$( this ).remove();
					});
					new_height = slide_data.responseView.outerHeight();
					slide_data.wpvPaginatorLayout.parent().css( {'position': 'relative', 'margin-top': '-' + slide_data.responseView.outerHeight() + 'px'} );
					if ( old_height === new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginTop: '0px'}, slide_data.speed+500, function() {
									slide_data.responseView.css( {'position': 'static', 'margin': '0px'} );
									slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

									slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

									window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
									window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
									slide_data.callback_next_func();
									self.manage_browser_history( data_for_history );
									$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
									self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
								});
					} else if ( old_height > new_height ) {
						slide_data.wpvPaginatorLayout
							.parent()
								.animate( {marginTop: '0px'}, slide_data.speed+500, function() {
									slide_data.wpvPaginatorLayout
										.parent().parent()
											.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
												slide_data.responseView.css( {'position': 'static', 'margin': '0px'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
						});
					} else {
						slide_data.wpvPaginatorLayout
							.parent().parent()
								.animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() {
									slide_data.wpvPaginatorLayout
										.parent()
											.animate( {marginTop: '0px'}, slide_data.speed+500, function() {
												slide_data.responseView.css( {'position': 'static', 'margin': '0px'} );
												slide_data.wpvPaginatorLayout.unwrap().unwrap().remove();

												slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
								});
					}
				}
			},
			fade: function( slide_data ) {
				var old_height = slide_data.wpvPaginatorLayout.outerHeight(),
				new_height,
				data_for_events = {},
				data_for_history = {};

				data_for_events.view_unique_id	= slide_data.view_number;
				data_for_events.effect			= 'fade';
				data_for_events.speed			= slide_data.speed;
				data_for_events.layout			= slide_data.responseView;
                data_for_events.filter			= slide_data.responseFilterSelector;

				data_for_history.view_number				= slide_data.view_number;
				data_for_history.page						= slide_data.page;
				data_for_history.effect						= 'fade';
				data_for_history.pagination_page_permalink	= slide_data.pagination_page_permalink;

				$( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() {
					$( this ).remove();
				});

				slide_data.wpvPaginatorLayout
					.css( {'position': 'absolute', 'z-index': '5'} )
					.after( slide_data.responseView )
						.next()
						.css( 'position', 'static' );
				// We need to set a zero timeout here since the above modifications introduce a race condition that produces a wrong new_height
				setTimeout( function() {
					new_height = slide_data.responseView.outerHeight();
					if ( old_height === new_height ) {
						slide_data.wpvPaginatorLayout.fadeOut( slide_data.speed, function() {
							slide_data.wpvPaginatorLayout.unwrap().remove();

							slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );
						});
						// In the case when the old height is equal to the new height, we need to perform the fade-out of the old container and the
						// fade in of the new container in parallel, at the same time. Even though, UX-wise, this is not 100% correct, this choice
						// was made because of some clients complaints. This is due to backwards compatibility
						slide_data.responseView
							.hide()
							.css( 'visibility', 'visible' )
							.fadeIn( slide_data.speed, function() {
								window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
								window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
								slide_data.callback_next_func();
								self.manage_browser_history( data_for_history );
								$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
								WPViews.view_pagination.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
							});
					} else {
						slide_data.wpvPaginatorLayout.fadeOut( slide_data.speed, function() {
							slide_data.wpvPaginatorLayout
								.parent()
									.animate( {height: new_height+'px'}, slide_data.speed, function() {
										slide_data.wpvPaginatorLayout.unwrap().remove();

										slide_data.wpvPaginatorFilter.html( slide_data.responseFilter );

										slide_data.responseView
											.hide()
											.css( 'visibility', 'visible' )
											.fadeIn( slide_data.speed, function() {
												window.wpvPaginationAjaxLoaded[slide_data.view_number] = true;
												window.wpvPaginationAnimationFinished[slide_data.view_number] = true;
												slide_data.callback_next_func();
												self.manage_browser_history( data_for_history );
												$( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] );
												WPViews.view_pagination.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter );
											});
									});
						});
					}
				}, 0 );
			}
		};

	};

	/**
	* manage_browser_history
	*
	* Makes the history in the browser work with AJAX pagination, except infinite scrolling and sliders
	*
	* @param object data
	*
	* @since 1.11
	*/

	self.manage_browser_history = function( data ) {
		if (
			self.get_paged_view( data.view_number ).type != 'rollover'
		) {
			if ( self.get_paged_view( data.view_number ).manage_history == 'enabled' ) {
				if ( self.add_paginated_history == true ) {
					if ( ! _.contains( self.pagination_effect_state_keep, data.effect ) ) {
						if ( _.contains( self.pagination_effect_state_replace, data.effect ) ) {
							history.replaceState( null, '', data.pagination_page_permalink );
						} else {
							self.last_paginated_view.push( data.view_number );
							state_obj = {
								view_number: data.view_number,
								page: data.page
							};
							history.pushState( state_obj, '', data.pagination_page_permalink );
							// http://scrollsample.appspot.com/items
							// http://html5.gingerhost.com/
							self.paginated_history_reach = self.paginated_history_reach + 1;
						}
					}
				} else {
					self.add_paginated_history = true;
				}
			}
		}
	};

	/**
	* window.onpopstate
	*
	* Manages the browser back button click based on daya added by Views pagination
	*
	* @since 1.11
	*/

	window.onpopstate = function( event ) {
		if ( event.state == null ) {
			var last_paginated_view_number = self.last_paginated_view.pop();
			if ( last_paginated_view_number != undefined ) {
				self.add_paginated_history = false;
				self.paged_views_initial_page[ last_paginated_view_number ] = self.paged_views_initial_page[ last_paginated_view_number ] || 1;
				self.trigger_pagination( last_paginated_view_number, self.paged_views_initial_page[ last_paginated_view_number ] );
			}
		} else {
			if (
				_.has( event.state, 'view_number' )
				&& _.has( event.state, 'page' )
			) {
				self.add_paginated_history = false;
				self.trigger_pagination( event.state.view_number, event.state.page );
			}
		}
	};

	/**
	* When the parametric search with automatic results has been completed, reset the pagination history and add a state with the current URL
	*
	* @since 1.11
	*/

	$( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
		window.wpvCachedPages[ data.view_unique_id ] = [];
		self.last_paginated_view = [];
		if ( self.paginated_history_reach > 0 ) {
			window.history.go( -Math.abs( self.paginated_history_reach ) );
			self.paginated_history_reach = 0;
		}
		// HACK! HACK! HACK!
		// Chrome and Safari execute history.replaceState before history.go so we end up with a mess
		// That is why we need to set a timeout here
		// See https://code.google.com/p/chromium/issues/detail?id=529810
		setTimeout( function() {
			history.replaceState( null, '', data.permalink );
		}, 100 );

		self.updateLanguageSwitcherURLs( data.permalink );
	});

	/**
	 * Updates the href attribute of the language switcher anchor for the cases where a custom search add URL parameters
	 * on the page's URL.
	 *
	 * @param string permalink
	 *
	 * @since 2.7.0
	 */
	self.updateLanguageSwitcherURLs = function( permalink ) {
		$( '.wpml-ls-item' ).each(
			function( index, langSwitcher ) {
				var parsedPermalink = self.parseURL( permalink ),
					langSwitcherHref = $( langSwitcher ).find( 'a' ).first().attr( 'href' ),
					parsedLangSwitcherHref = self.parseURL( langSwitcherHref );

				// For language switchers displayed as a dropdown list, the link for the default language is a hashtag,
				// so nothing to do in this case.
				if ( '#' === langSwitcherHref ) {
					return;
				}

				delete parsedPermalink.params.lang;

				var finalParams = $.extend( {}, parsedLangSwitcherHref.params, parsedPermalink.params ),
					strippedLanguageSwitcherHref = langSwitcherHref.replace( parsedLangSwitcherHref.query, '' );

				$( langSwitcher ).find( 'a' ).first().attr( 'href', strippedLanguageSwitcherHref + '?' + $.param( finalParams ) );
			}
		);
	};

	/**
	 * Parses a URL string via the DOM API.
	 *
	 * It creates a new anchor element and uses location properties (inherent) to get the desired URL data. Some String
	 * operations are used (to normalize results across browsers).
	 *
	 * @note Taken from https://j11y.io/javascript/parsing-urls-with-the-dom/ and adjusted accordingly.
	 *
	 * @param url
	 * @returns {{source: *, protocol: *, host: *, port: *, query: *, params, file: *, hash: *, path: *, relative: *, segments: *}}
	 */
	self.parseURL = function( url ) {
		var a =  document.createElement( 'a' );
		a.href = url;
		return {
			source: url,
			protocol: a.protocol.replace( ':', '' ),
			host: a.hostname,
			port: a.port,
			query: a.search,
			params: ( function() {
				var ret = {},
					seg = a.search.replace( /^\?/, '' ).split( '&' ),
					len = seg.length, i = 0, s;
				for ( ; i < len; i++ ) {
					if ( ! seg[ i ] ) { continue; }
					s = seg[ i ].split( '=' );
					var key = decodeURI( s[0] ),
						value = s[1];
					switch ( typeof ret[ key ] ) {
						case 'string':
							value = [ ret[ key ], s[1] ];
							break;
						case 'object':
							value = ret[ key ];
							value.push( s[1] );
							break;
					}
					ret[ key ] = value;
				}
				return ret;
			} )(),
			file: ( a.pathname.match( /\/([^/?#]+)$/i) || [,''] )[ 1 ],
			hash: a.hash.replace( '#', '' ),
			path: a.pathname.replace( /^([^/])/, '/$1' ),
			relative: ( a.href.match( /tps?:\/\/[^/]+(.+)/ ) || [,''] )[ 1 ],
			segments: a.pathname.replace( /^\//, '' ).split( '/' )
		};
	};

	/**
	* init_effects_conditions
	*
	* Lets you define a condition that an effect must meet to be applied, doing nothing otherwise.
	* Each callback gets the following parameters:
	* @param object	view_pagination_data
	* @param int	page
	*
	* @since 1.11
	*/

	self.init_effects_conditions = function() {
		self.pagination_effects_conditions = {
			infinite: function( view_pagination_data, page ) {
				if ( page != ( view_pagination_data.page + 1 ) ) {
					return false;
				}
				return true;
			}
		};
	};

	/**
	* init_effects_conditions
	*
	* Lets you define a condition that an effect must meet to be applied, doing nothing otherwise.
	* Each callback gets the following parameters:
	* @param string	view_number
	* @param object	wpvPaginatorLayout
	*
	* @since 1.11
	*/

	self.init_effects_spinner = function() {
		self.pagination_effects_spinner['fade']			=
		self.pagination_effects_spinner['slideleft']	=
		self.pagination_effects_spinner['slideright']	=
		self.pagination_effects_spinner['sliderightforward']	=
		self.pagination_effects_spinner['slideh']		=
		self.pagination_effects_spinner['slideup']		=
		self.pagination_effects_spinner['slidedown']	=
		self.pagination_effects_spinner['slidedownforward']	=
		self.pagination_effects_spinner['slidev']		= function( view_number, wpvPaginatorLayout ) {
			var img = new Image();
			img.src = self.get_paged_view( view_number ).spinner_image;
			img.onload = function() {
				var wpvPaginatorLayoutOffset = wpvPaginatorLayout.position(),
				wpvPaginatorSpinner = '<div style="'
					+ 'width:' + img.width + 'px;'
					+ 'height:' + img.height + 'px;'
					+ 'border:none;'
					+ 'background:transparent 50% 50% no-repeat url(' + self.get_paged_view( view_number ).spinner_image + ');'
					+ 'position:absolute;'
					+ 'z-index:99;'
					+ 'top:' + ( Math.round( wpvPaginatorLayoutOffset.top ) + ( Math.round( wpvPaginatorLayout.height()/2 ) ) - ( Math.round( img.height/2 ) ) ) + 'px;'
					+ 'left:' + ( Math.round( wpvPaginatorLayoutOffset.left ) + ( Math.round( wpvPaginatorLayout.width()/2 ) ) - ( Math.round( img.width/2 ) ) ) + 'px;'
					+ '" '
					+ 'class="wpv_slide_loading_img js-wpv_slide_loading_img_' + view_number + '"'
					+ '>'
					+ '</div>';
				wpvPaginatorLayout
					.before( wpvPaginatorSpinner )
						.animate( { opacity: 0.5 }, 300 );
			};
		};
		self.pagination_effects_spinner['infinite'] = function( view_number, wpvPaginatorLayout ) {
			var img = new Image();
			img.src = self.get_paged_view( view_number ).spinner_image;
			img.onload = function() {
				var wpvPaginatorLayoutOffset = wpvPaginatorLayout.position(),
				wpvPaginatorSpinner = '<div style="'
					+ 'width:' + img.width + 'px;'
					+ 'height:' + img.height + 'px;'
					+ 'border:none;'
					+ 'background:transparent 50% 50% no-repeat url(' + self.get_paged_view( view_number ).spinner_image + ');'
					+ 'position:absolute;'
					+ 'z-index:99;'
					+ 'top:' + ( Math.round( wpvPaginatorLayoutOffset.top ) + ( wpvPaginatorLayout.height() ) - ( Math.round( img.height/2 ) ) ) + 'px;'
					+ 'left:' + ( Math.round( wpvPaginatorLayoutOffset.left ) + ( Math.round( wpvPaginatorLayout.width()/2 ) ) - ( Math.round( img.width/2 ) ) ) + 'px;'
					+ '" '
					+ 'class="wpv_slide_loading_img js-wpv_slide_loading_img_' + view_number + '"'
					+ '>'
					+ '</div>';
				wpvPaginatorLayout
					.before( wpvPaginatorSpinner )
						.animate( { opacity: 0.5 }, 300 );
			};
		};
	};

	/**
	* init_paged_views
	*
	* Gather the data for paginating each of the Views rendered in a page
	*
	* @since 1.11
	*/

	self.init_paged_views = function( container ) {
		var init_scrolling_event = false,
		init_rollover_timing = false;
		this.historyP = this.historyP || [];
		window.wpvCachedPages = window.wpvCachedPages || [];
		window.wpvCachedImages = window.wpvCachedImages || [];
		$( '.js-wpv-view-layout', container ).each( function() {
			var thiz = $( this ),
			view_number = thiz.data( 'viewnumber' );
			self.init_paged_view( view_number );
			if (
				self.paged_views[ view_number ].effect == 'infinite'
				&& self.paged_views[ view_number ].page == 1
			) {
				init_scrolling_event = true;
			}
			if (
				self.paged_views[ view_number ].type == 'rollover'
				&& ! wpv_stop_rollover.hasOwnProperty( view_number )
			) {
				init_rollover_timing	= true;
				rollover_has_index		= _.findIndex( self.rollover_running, function( item ) {
					return item.view_number == view_number;
				});
				if ( rollover_has_index < 0 ) {
					// This rollover was not there, so trigger it
					var thiz_rollover_data = {
						view_number:	view_number,
						page:			1,
						force_reset:	false
					};
					self.rollover_running.push( thiz_rollover_data );
					if ( self.init_rollover_timing_fired ) {
						self.trigger_rollover( thiz_rollover_data );
					}
				} else {
					self.rollover_running[ rollover_has_index ] = {
						view_number:	view_number,
						page:			1,
						force_reset:	true
					};
				}
			}
		});
		if (
			! self.init_scrolling_event_fired
			&& init_scrolling_event
		) {
			self.init_scrolling_event_callback();
		}

		if (
			! self.init_rollover_timing_fired
			&& init_rollover_timing
		) {
			self.init_rollover_timing_callback();
		}
		return self;
	};

	/**
	* init_paged_view
	*
	* Gather pagination info for a specific View rendered in a page.
	* Note that this is also used to init the View pagination data after a parametric search change.
	*
	* @todo check the existence of $( '#wpv-view-layout-' + view_number ) and set defauls otherwise.
	*
	* @since 1.11
	*/

	self.init_paged_view = function( view_number ) {
		this.historyP = this.historyP || [];
		self.paged_views[ view_number ] = $( '#wpv-view-layout-' + view_number ).data( 'pagination' );
		self.paged_views_initial_page[ view_number ] = self.paged_views[ view_number ].page;
		this.historyP[ view_number ] = self.paged_views[ view_number ].page;
		window.wpvCachedPages[ view_number ] = [];
		if (
			self.paged_views[ view_number ].type != 'disabled'
			&& self.paged_views[ view_number ].type != 'paged'
			&& self.paged_views[ view_number ].page > 1
		) {
			// Infinite scrolling only can be triggered from the first page - individual URLs can not have that effect
			$( '#wpv-view-layout-' + view_number ).removeClass( 'js-wpv-layout-infinite-scrolling' );
		}
		if ( $( '#wpv-view-layout-' + view_number ).parents( '.js-wpv-view-layout' ).length > 0 ) {
			// Disable history management in inner Views in nested structures
			self.paged_views[ view_number ].manage_history = 'disabled';
		}
	};

	/**
	 * Generate the View pagintion data, on demand.
	 *
	 * This method will ensure that we can generate the pagination data for a View JIT
	 * when it is needed for a View which was dynamically added to the page, by a
	 * third party provider.
	 *
	 * @param view_number string The View unique hash.
	 *
	 * @since 2.3.1
	 */

	self.get_paged_view = function( view_number ) {
		if ( ! _.has( self.paged_views, view_number ) ) {
			self.init_paged_view( view_number );
		}
		return self.paged_views[ view_number ];
	}

	/**
	* is_infinite_triggable
	*
	* Auxiliar method to check whether the scroll got to a point where a pagination event should be triggered
	*
	* @param object	view_layout
	*
	* @since 1.11
	* @since 2.0	Add a tolerance setting
	* @since 2.0	Trigger the pagination when scrolling to the bottom of the page
	*/

	self.is_infinite_triggable = function( view_layout ) {
		var flag_element = view_layout,
		view_number = view_layout.data( 'viewnumber' );
		infinite_tolerance = self.get_paged_view( view_number ).infinite_tolerance;
		infinite_tolerance = ( isNaN( infinite_tolerance ) ) ? 0 : + infinite_tolerance;
		if ( view_layout.find( '.js-wpv-loop' ).length > 0 ) {
			flag_element = view_layout.find( '.js-wpv-loop' );
		}
		return (
			( flag_element.offset().top + flag_element.outerHeight() ) <= ( $( window ).scrollTop() + $( window ).height() + infinite_tolerance )
			|| ( $( window ).scrollTop() + $(window).height() ) == $( document ).height()
		);
	};

	/**
	* init_scrolling_event_callback
	*
	* Init the scrolling event callback, only when there is a View with infinite scrolling in a page
	*
	* @since 1.11
	*/

	self.init_scrolling_event_callback = function() {
		$( window ).on( 'scroll', _.debounce(
			_.throttle(
				function() {
					$( '.js-wpv-layout-infinite-scrolling' ).each( function() {
						var thiz = $( this ),
						thiz_view_number = thiz.data( 'viewnumber' ),
						thiz_paged_view_data = self.get_paged_view( thiz_view_number );
						if (
							thiz_paged_view_data.page < thiz_paged_view_data.max_pages
							&& self.is_infinite_triggable( thiz )
						) {
							self.trigger_pagination( thiz_view_number, thiz_paged_view_data.page + 1 );
						}
					});
				},
				1000
			),
			1000
		));
		self.init_scrolling_event_fired = true;
	};

	/**
	* trigger_rollover
	*
	* Trigger the rollover on a given View, using timeout
	*
	* @since 2.2
	*/

	self.trigger_rollover = function( view_data ) {
		var rollover_data	= $.extend( {}, { view_number: '', page: 1, force_reset: false }, view_data ),
		view_number			= rollover_data.view_number,
		paged_view_data		= self.get_paged_view( view_number );

		if (
			paged_view_data.max_pages > 1
			&& $("#wpv-view-layout-" + view_number ).length > 0
		) {
			setTimeout( function() {
				var rollover_index = _.findIndex( self.rollover_paused, function ( item ) {
                    return item.view_number == view_number;
                } );
                if ( self.rollover_paused[ rollover_index ]
                	&& self.rollover_paused[ rollover_index ].view_number
					&& self.rollover_paused[ rollover_index ].view_number == view_number
				) {
                    setTimeout( function() { self.trigger_rollover( view_data ) }, 100 );
                } else {
                    if (
                        ! wpv_stop_rollover.hasOwnProperty( view_number ) &&
						$( "#wpv-view-layout-" + view_number ).length > 0
                    ) {
                        // Get native current page and index on the rollovers array
                        var view_page = rollover_data.page,
                            rollover_index = _.findIndex( self.rollover_running, function ( item ) {
                                return item.view_number == view_number;
                            } );
                        // If reset is force, set the current page to 1 and stop the force
                        if ( self.rollover_running[ rollover_index ].force_reset ) {
                            self.rollover_running[ rollover_index ].force_reset = false;
                            view_page = 1;
                        }
                        // Calculate the page to rollover to
                        if (
                            paged_view_data.effect === 'slideright'
                            || paged_view_data.effect === 'slidedown'
                        ) {
                            // Note that this was deprecated in 2.2, keep for backwards compatibility
                            if ( view_page <= 1 ) {
                                view_page = paged_view_data.max_pages;
                            } else {
                                view_page = view_page - 1;
                            }
                        } else {
                            if ( view_page === paged_view_data.max_pages ) {
                                view_page = 1;
                            } else {
                                view_page = view_page + 1;
                            }
                        }
                        // Set the new current page
                        self.rollover_running[ rollover_index ].page = view_page;
                        WPViews.view_pagination.trigger_pagination( view_number, view_page );
                    } else {
                        var rollover_index = _.findIndex( self.rollover_running, function ( item ) {
                            return item.view_number == view_number;
                        });
                        self.rollover_running.splice( rollover_index, 1 );
                    }
                }
			}, paged_view_data.speed * 1000 );
		} else {
			var rollover_index	= _.findIndex( self.rollover_running, function( item ) {
				return item.view_number == view_number;
			});
			self.rollover_running.splice( rollover_index, 1 );
		}
	};

	/**
	* init_rollover_timing_callback
	*
	* Init the rollover event callback, only when there is a View with rollover in a page
	*
	* @since 2.2
	* @since 2.3 Switched from iterating self.rollover_running to iterating a clone of it
	*			in order to avoid modification of the iterated array.
	*/

	self.init_rollover_timing_callback = function() {
		// We are cloning the self.rollover_running array and iterating the clone as we want to avoid modifying
		// the array that is been iterated. Remember that self.trigger_rollover removes views from the self.rollover_running
		// array, that don't need to be initiated as a rollover, for example when the view has only one page of results.
		var rollover_running = self.rollover_running.slice(0);
		_.each( rollover_running, function( view_data, index, list ) {
			self.trigger_rollover( view_data );
		});
		self.init_rollover_timing_fired = true;
	};

	$( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
		if (
			self.get_paged_view( data.view_unique_id ).type == 'rollover'
			&& ! wpv_stop_rollover.hasOwnProperty( data.view_unique_id )
		) {
			var rollover_index = _.findIndex( self.rollover_running, function( item ) {
				return item.view_number == data.view_unique_id;
			});
			self.trigger_rollover( self.rollover_running[ rollover_index ] );
		}
	});

	$( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
		if (
			self.get_paged_view( data.view_unique_id ).type == 'rollover'
			&& ! wpv_stop_rollover.hasOwnProperty( data.view_unique_id )
		) {
			var rollover_index = _.findIndex( self.rollover_running, function( item ) {
				return item.view_number == data.view_unique_id;
			});
			self.trigger_rollover( self.rollover_running[ rollover_index ] );
		}
	});

    $( document ).on( 'mouseenter', '.js-wpv-view-layout', function() {
        var view_number = $( this ).data( 'viewnumber' );
        if ( self.get_paged_view( view_number ).pause_on_hover == 'enabled' ) {
            var thiz_rollover_data = {
                view_number:	view_number,
            };
            self.rollover_paused.push( thiz_rollover_data );
        }

    });

    $( document ).on( 'mouseleave', '.js-wpv-view-layout', function() {
        var view_number = $( this ).data( 'viewnumber' );
        var rollover_index = _.findIndex( self.rollover_paused, function ( item ) {
            return item.view_number == view_number;
        });
        self.rollover_paused.splice( rollover_index, 1 );
    });

	/**
	* pagination_init_preload_images
	*
	* Init-preload images.
	*
	* @since 1.9
	*/

	self.init_preload_images = function( container ) {
		$( '.js-wpv-layout-preload-images', container ).css( 'visibility', 'hidden' ); // TODO move it to the CSS file and test
		$( '.js-wpv-layout-preload-images', container ).each( function() {
			var preloadedImages = [],
			element = $( this ),
			images = element.find( 'img' );
			if ( images.length < 1 ) {
				element.css( 'visibility', 'visible' );
			} else {
				images.one( 'load', function() {
					preloadedImages.push( $( this ).attr( 'src' ) );
					if ( preloadedImages.length === images.length ) {
						element.css( 'visibility', 'visible' );
					}
				}).each( function() {
					if( this.complete ) {
						$( this ).load();
					}
				});
				setTimeout( function() {
					element.css( 'visibility', 'visible' );
				}, 3000 );
			}
		});
	};

	self.init_preload_pages = function( container ) {
		$( '.js-wpv-layout-preload-pages', container ).each( function() {
			var thiz = $( this ),
			view_number = thiz.data( 'viewnumber' ),
			paged_view_data = self.get_paged_view( view_number ),
			max_pages = parseInt( paged_view_data.max_pages, 10 ),
			max_reach = parseInt( paged_view_data.preload_reach, 10 ) + 1;

			self.pagination_preload_pages({
				view_number:	view_number,
				cache_pages:	'disabled',
				preload_pages:	'enabled',
				page:			1,
				max_reach:		max_reach,
				max_pages:		max_pages
			});
		});
	};

    /**
     * init_pagination_button_state
	 *
	 * Initiate the pagination's button state in the case of a Bootstrap pager (only "Previous" and "Next" links)
     *
     * @since 2.4.0
     */
    self.init_pagination_button_state = function() {
        $( '.pagination li:not(.disabled,.active)' ).has('span').addClass('disabled');
        $( '.pagination li.page-item:empty' ).remove();
	};

	self.init = function() {
		self.init_effects();
		self.init_effects_conditions();
		self.init_effects_spinner();
		// Init Views inside the html
		var init_html = $( 'html' );
		self.init_paged_views( init_html );
		self.init_preload_images( init_html );
		self.init_preload_pages( init_html );
		self.init_pagination_button_state();
	}

	self.init();

};

WPViews.ViewParametricSearch = function( $ ) {

	// ------------------------------------
	// Constants and variables
	// ------------------------------------

	var self = this;

	// ------------------------------------
	// Methods
	// ------------------------------------

	self.manage_update_results = function( data ) {
		if ( data.ajax_before !== '' ) {
			var ajax_before_func = window[data.ajax_before];
			if ( typeof ajax_before_func === "function" ) {
				ajax_before_func( data.view_num );
			}
		}
		var data_for_events = {};
		data_for_events.view_unique_id	= data.view_num;
		data_for_events.permalink	= data.permalink;
		data.layout.fadeOut( 200, function() {
			data.layout.html( data.new_layout.html() )
				.attr( 'data-pagination', data.new_layout.attr( 'data-pagination' ) )
				.data( 'pagination', data.new_layout.data( 'pagination' ) )
				.fadeIn( 'fast', function() {
					var ajax_after_func = window[data.ajax_after];
					if ( typeof ajax_after_func === "function" ) {
						ajax_after_func( data.view_num );
					}
					data_for_events.layout = data.layout;
					$( document ).trigger( 'js_event_wpv_parametric_search_results_updated', [ data_for_events ] );
				});
		});
	};

	/**
	* manage_changed_form
	*
	* @param settings	object
	* 	{
	*		view_unique_id:			string			View unique ID
	*		form:					collection		Filter jQuery object
	* 		force_form_update:		boolean
	* 		update_form				boolean			Whether the form will be updated, either because forced or native
	* 		force_results_update:	boolean
	* 		update_results			boolean			Whether the results wil be updated, either because forced or native
	*	};
	*
	* @todo Switch .js-wpv-filter-data-for-this-form into a form data attribute that we can init on document.ready and refresh when neeeded
	*
	* @since 1.9
	* @since 2.1	Merge a group of parameters into an object
	*/

	self.manage_changed_form = function( settings ) {

		var fil				= settings.form,
		view_num			= settings.view_unique_id,
		lay					= $( '#wpv-view-layout-' + view_num ),
		full_data			= fil.find( '.js-wpv-filter-data-for-this-form' ),
		ajax_pre_before		= full_data.data( 'ajaxprebefore' ),
		view_type			= 'full',
		additional_forms	= $( '.js-wpv-filter-form-' + view_num ).not( fil ),
		additional_forms_only,
		additional_forms_full,
		ajax_get			= 'both',
		new_content_form,
		new_content_form_filter,
		new_content_full,
		new_content_full_filter,
		new_content_full_layout,
		spinnerContainer	= fil.find( '.js-wpv-dps-spinner' ).add( additional_forms.find( '.js-wpv-dps-spinner' ) ),
		spinnerItems		= spinnerContainer.length
		data_for_events		= {},
		data_for_manage_updated_results	= {};

		data_for_events.view_unique_id	= view_num;

		data_for_manage_updated_results.view_num		= view_num;
		data_for_manage_updated_results.ajax_before		= full_data.data( 'ajaxbefore' );
		data_for_manage_updated_results.ajax_after		= full_data.data( 'ajaxafter' );

		if ( fil.hasClass( 'js-wpv-form-only' ) ) {
			view_type = 'form';
		}
		if ( settings.update_form ) {
			if ( additional_forms.length > 0 ) {
				additional_forms_only = additional_forms.not( '.js-wpv-form-full' );
				additional_forms_full = additional_forms.not( '.js-wpv-form-only' );
				if ( view_type == 'form' ) {
					if ( additional_forms_full.length > 0 || settings.update_results ) {
						ajax_get = 'both';
					} else {
						ajax_get = 'form';
					}
					if ( settings.update_results ) {
						if ( ajax_pre_before !== '' ) {
							var ajax_pre_before_func = window[ajax_pre_before];
							if ( typeof ajax_pre_before_func === "function" ) {
								ajax_pre_before_func( view_num );
							}
						}
						$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
					}
					if ( spinnerItems ) {// TODO maybe only when updating results
						$( spinnerContainer ).fadeIn( 'fast' );
					}

					wpv_stop_rollover[ view_num ] = true;

					WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get )
						.done( function( response ) {
							if ( response.success ) {
								new_content_form = $( '<div></div>' ).append( response.data.form );
								new_content_full = $( '<div></div>' ).append( response.data.full );
								new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num );
								new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num );
								new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );

								fil.html( new_content_form_filter.html() );
								WPViews.view_frontend_utils.destroy_frontend_datepicker();
								WPViews.view_frontend_utils.clone_form( fil, additional_forms_only );
								additional_forms_full.each( function() {
									$( this ).html( new_content_full_filter.html() );
								});
								data_for_events.view_changed_form						= fil;
								data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
								data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
								$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
								if ( settings.update_results ) {
									data_for_manage_updated_results.layout			= lay;
									data_for_manage_updated_results.new_layout		= new_content_full_layout;
									data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
									self.manage_update_results( data_for_manage_updated_results );
								}
								spinnerContainer.hide();
							}
						});
				} else {
					if ( additional_forms_only.length > 0 ) {
						ajax_get = 'both';
					} else {
						ajax_get = 'full';
					}
					if ( settings.update_results ) {
						if ( ajax_pre_before !== '' ) {
							var ajax_pre_before_func = window[ajax_pre_before];
							if ( typeof ajax_pre_before_func === "function" ) {
								ajax_pre_before_func( view_num );
							}
						}
						$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
					}
					if ( spinnerItems ) {// TODO maybe only when updating results
						$( spinnerContainer ).fadeIn( 'fast' );
					}

					wpv_stop_rollover[ view_num ] = true;

					WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get )
						.done( function( response ) {
							if ( response.success ) {
								new_content_form = $( '<div></div>' ).append( response.data.form );
								new_content_full = $( '<div></div>' ).append( response.data.full );
								new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num );
								new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num );
								new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );

								fil.html( new_content_full_filter.html() );
								WPViews.view_frontend_utils.destroy_frontend_datepicker();
								WPViews.view_frontend_utils.clone_form( fil, additional_forms_full );
								additional_forms_only.each( function() {
									$( this ).html( new_content_form_filter.html() );
								});
								data_for_events.view_changed_form						= fil;
								data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
								data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
								$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
								if ( settings.update_results ) {
									data_for_manage_updated_results.layout			= lay;
									data_for_manage_updated_results.new_layout		= new_content_full_layout;
									data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
									self.manage_update_results( data_for_manage_updated_results );
								}
								spinnerContainer.hide();
							}
						});
				}
			} else {
				if ( view_type == 'form' ) {
					if ( settings.update_results ) {
						ajax_get = 'both';
						// NOTE this should never happen:
						// If change is done on an only-form and there is no extra form, there is no full form thus there is no layout
						// WARNING this can be executed on an only-form form from a View with automatic results
						// I might want to avoid this branch completely
						// NOTE-2 might be a good idea to keep-on-clear// As we might be displaying the layout in non-standard ways
						// So keeping the check for lay.length should suffice

					} else {
						ajax_get = 'form';
					}

					if ( settings.update_results ) {
						if ( ajax_pre_before !== '' ) {
							var ajax_pre_before_func = window[ajax_pre_before];
							if ( typeof ajax_pre_before_func === "function" ) {
								ajax_pre_before_func( view_num );
							}
						}
						$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
					}
					if ( spinnerItems ) {// TODO maybe only when updating results
						$( spinnerContainer ).fadeIn( 'fast' );
					}

					wpv_stop_rollover[ view_num ] = true;

					WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get )
						.done( function( response ) {
							if ( response.success ) {
								new_content_form = $( '<div></div>' ).append( response.data.form );
								new_content_full = $( '<div></div>' ).append( response.data.full );
								new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num );
								//new_content_full_filter = new_content_full.find( '.js-wpv-filter-form' ).html();
								new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );
								fil.html( new_content_form_filter.html() );
								data_for_events.view_changed_form						= fil;
								data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
								data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
								$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
								if ( settings.update_results ) {
									data_for_manage_updated_results.layout			= lay;
									data_for_manage_updated_results.new_layout		= new_content_full_layout;
									data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
									self.manage_update_results( data_for_manage_updated_results );
								}
								spinnerContainer.hide();
							}
						});
				} else {
					if ( settings.update_results ) {
						if ( ajax_pre_before !== '' ) {
							var ajax_pre_before_func = window[ajax_pre_before];
							if ( typeof ajax_pre_before_func === "function" ) {
								ajax_pre_before_func( view_num );
							}
						}
						$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
					}
					if ( spinnerItems ) {// TODO maybe only when updating results
						$( spinnerContainer ).fadeIn( 'fast' );
					}

					wpv_stop_rollover[ view_num ] = true;

					WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, 'full' )
						.done( function( response ) {
							if ( response.success ) {
								//new_content_form = $( '<div></div>' ).append( ajax_result.form );
								new_content_full = $( '<div></div>' ).append( response.data.full );
								//new_content_form_filter = new_content_form.find( '.js-wpv-filter-form' ).html();
								new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num );
								new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );
								fil.html( new_content_full_filter.html() );
								data_for_events.view_changed_form						= fil;
								data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
								data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
								$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
								if ( settings.update_results ) {
									data_for_manage_updated_results.layout			= lay;
									data_for_manage_updated_results.new_layout		= new_content_full_layout;
									data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
									self.manage_update_results( data_for_manage_updated_results );
								}
								spinnerContainer.hide();
							}
						});
				}
			}
		} else {
			if ( additional_forms.length > 0 ) {
				additional_forms_only = additional_forms.not( '.js-wpv-form-full' );
				additional_forms_full = additional_forms.not( '.js-wpv-form-only' );
				if ( view_type == 'form' ) {
					WPViews.view_frontend_utils.destroy_frontend_datepicker();
					WPViews.view_frontend_utils.clone_form( fil, additional_forms_only );
					if ( additional_forms_full.length > 0 || settings.update_results ) {
						if ( settings.update_results ) {
							if ( ajax_pre_before !== '' ) {
								var ajax_pre_before_func = window[ajax_pre_before];
								if ( typeof ajax_pre_before_func === "function" ) {
									ajax_pre_before_func( view_num );
								}
							}
							$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
						}
						if ( spinnerItems ) {// TODO maybe only when updating results
							$( spinnerContainer ).fadeIn( 'fast' );
						}

						wpv_stop_rollover[ view_num ] = true;

						WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, 'full' )
							.done( function( response ) {
								if ( response.success ) {
									//new_content_form = $( '<div></div>' ).append( response.data.form );
									new_content_full = $( '<div></div>' ).append( response.data.full );
									//new_content_form_filter = new_content_form.find( '.js-wpv-filter-form' ).html();
									new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num );
									new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );

									additional_forms_full.each( function() {
										$( this ).html( new_content_full_filter.html() );
									});
									data_for_events.view_changed_form						= fil;
									data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
									data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
									$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
									if ( settings.update_results ) {
										data_for_manage_updated_results.layout			= lay;
										data_for_manage_updated_results.new_layout		= new_content_full_layout;
										data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
										self.manage_update_results( data_for_manage_updated_results );
									}
									spinnerContainer.hide();
								}
							});
					} else {
						data_for_events.view_changed_form						= fil;
						data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
						data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
						$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
					}
				} else {
					WPViews.view_frontend_utils.destroy_frontend_datepicker();
					WPViews.view_frontend_utils.clone_form( fil, additional_forms_full );
					WPViews.view_frontend_utils.render_frontend_datepicker();
					if ( additional_forms_only.length > 0 || settings.update_results ) {
						if ( additional_forms_only.length > 0 ) {
							ajax_get = 'both';
						} else {
							ajax_get = 'full';
						}

						if ( settings.update_results ) {
							if ( ajax_pre_before !== '' ) {
								var ajax_pre_before_func = window[ajax_pre_before];
								if ( typeof ajax_pre_before_func === "function" ) {
									ajax_pre_before_func( view_num );
								}
							}
							$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
						}
						if ( spinnerItems ) {// TODO maybe only when updating results
							$( spinnerContainer ).fadeIn( 'fast' );
						}

						wpv_stop_rollover[ view_num ] = true;

						WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get )
							.done( function( response ) {
								if ( response.success ) {
									new_content_form = $( '<div></div>' ).append( response.data.form );
									new_content_full = $( '<div></div>' ).append( response.data.full );
									new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num );
									//new_content_full_filter = new_content_full.find( '.js-wpv-filter-form' ).html();
									new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );
									additional_forms_only.each( function() {
										$( this ).html( new_content_form_filter.html() );
									});
									data_for_events.view_changed_form						= fil;
									data_for_events.view_changed_form_additional_forms_only	= additional_forms_only;
									data_for_events.view_changed_form_additional_forms_full	= additional_forms_full;
									$( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] );
									if ( settings.update_results ) {
										data_for_manage_updated_results.layout			= lay;
										data_for_manage_updated_results.new_layout		= new_content_full_layout;
										data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
										self.manage_update_results( data_for_manage_updated_results );
									}
									spinnerContainer.hide();
								}
							});
					}
				}
			} else {
				if ( settings.update_results ) {
					if ( ajax_pre_before !== '' ) {
						var ajax_pre_before_func = window[ajax_pre_before];
						if ( typeof ajax_pre_before_func === "function" ) {
							ajax_pre_before_func( view_num );
						}
					}
					$( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] );
					if ( spinnerItems ) {// TODO maybe only when updating results
						$( spinnerContainer ).fadeIn( 'fast' );
					}

					wpv_stop_rollover[ view_num ] = true;

					WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, 'full' )
						.done( function( response ) {
							if ( response.success ) {
								//new_content_form = $( '<div></div>' ).append( response.data.form );
								new_content_full = $( '<div></div>' ).append( response.data.full );
								//new_content_form_filter = new_content_form.find( '.js-wpv-filter-form' ).html();
								//new_content_full_filter = new_content_full.find( '.js-wpv-filter-form' ).html();
								new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num );
								data_for_manage_updated_results.layout			= lay;
								data_for_manage_updated_results.new_layout		= new_content_full_layout;
								data_for_manage_updated_results.permalink		= response.data['parametric_permalink'];
								self.manage_update_results( data_for_manage_updated_results );
								spinnerContainer.hide();
							}
						});
				}
			}
		}
	};

	/**
	* Normalize the data passed to the js_event_wpv_parametric_search_triggered event.
	*
	* @para data	Object
	* 	{
	*		view_unique_id:			string			View unique ID
	*		form:					collection		Filter jQuery object
	* 		force_form_update:		boolean			Optional
	* 		force_results_update:	boolean			Optional
	*	};
	*
	* @return settings	Object
	* 	{
	*		view_unique_id:			string			View unique ID
	*		form:					collection		Filter jQuery object
	* 		force_form_update:		boolean
	* 		update_form				boolean			Whether the form will be updated, either because forced or native
	* 		force_results_update:	boolean
	* 		update_results			boolean			Whether the results wil be updated, either because forced or native
	*	};
	*
	* @since 2.1
	*/

	self.extend_wpv_parametric_search_triggered_data = function( data ) {
		var defaults	= {
			force_form_update:		false,
			force_results_update:	false
		},
		settings		= $.extend( {}, defaults, data ),
		view_loop		= $( '#wpv-view-layout-' + settings.view_unique_id );

		if (
			settings.force_form_update == false
			&& (
				// The form contains pagination settings and the results are set to be updated
				(
					settings.force_results_update == true
					|| settings.form.hasClass( 'js-wpv-ajax-results-enabled' )
				)
				&& _.has( WPViews.view_pagination.paged_views, settings.view_unique_id )
				&& _.has( WPViews.view_pagination.paged_views[ settings.view_unique_id ], 'has_controls_in_form' )
				&& WPViews.view_pagination.paged_views[ settings.view_unique_id ].has_controls_in_form == 'enabled'
			)
		) {
			settings.force_form_update = true;
		}

		settings.update_form	= ( settings.force_form_update || settings.form.hasClass( 'js-wpv-dps-enabled' ) );
		settings.update_results	= ( view_loop.length > 0 && ( settings.force_results_update || settings.form.hasClass( 'js-wpv-ajax-results-enabled' ) ) );

		return settings;
	};

	// ------------------------------------
	// Events
	// ------------------------------------

	// Show datepicker on date string click
	$( document ).on( 'click', '.js-wpv-date-display', function() {
		var url_param = $( this ).data( 'param' );
		$( '.js-wpv-date-front-end-' + url_param ).datepicker( 'show' );
	});

	// Remove current selected date
	$( document ).on( 'click', '.js-wpv-date-front-end-clear', function(e) {
		e.preventDefault();
		var thiz = $( this ),
		url_param = thiz.data( 'param' ),
		form = thiz.closest( 'form' );
		form.find( '.js-wpv-date-param-' + url_param ).html( '' );
		form.find( '.js-wpv-date-front-end-' + url_param ).val( '' );
		thiz.hide();
		form.find('.js-wpv-date-param-' + url_param + '-value' )
			.val( '' )
			.trigger( 'change' );
	});

	$( document ).on( 'change', '.js-wpv-post-relationship-update', function() {
		var thiz = $( this ),
		fil = thiz.closest( 'form' ),
		view_number = fil.data( 'viewnumber' ),
		additional_forms = $( '.js-wpv-filter-form-' + view_number ).not( fil ),
		currentposttype = thiz.data( 'currentposttype' ),
		watchers = fil.find( '.js-wpv-' + currentposttype + '-watch' ).add( additional_forms.find( '.js-wpv-' + currentposttype + '-watch' ) ),
		watcherslength = watchers.length,
		i;
		if ( watcherslength ) {
			for( i = 0; i < watcherslength; i++ ) {
				$( watchers[i] )
					.attr( 'disabled', true )
					.removeAttr( 'checked' )
					.removeAttr( 'selected' )
					.not( ':button, :submit, :reset, :hidden, :radio, :checkbox' )
					.val( '0' );
			}
		}

		var data_for_events = {
			view_unique_id:		view_number,
			form:				fil,
			force_form_update:	true
		};

		data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
	});

	$( document ).on( 'change', '.js-wpv-filter-trigger', function() {
		var thiz = $( this ),
		fil = thiz.closest( 'form' ),
		view_number = fil.data( 'viewnumber' );

		var data_for_events = {
			view_unique_id:	view_number,
			form:			fil
		};

		data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
	});

	$( document ).on( 'click', '.js-wpv-ajax-results-enabled .js-wpv-submit-trigger, .js-wpv-ajax-results-submit-enabled .js-wpv-submit-trigger', function( e ) {
		e.preventDefault();
		var thiz = $( this ),
		fil = thiz.closest( 'form' ),
		view_number = fil.data( 'viewnumber' );

		var data_for_events = {
			view_unique_id:			view_number,
			form:					fil,
			force_form_update:		false,
			force_results_update:	true
		};

		data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events );

		$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
	});

	$( document).on( 'keypress', '.js-wpv-ajax-results-enabled .js-wpv-filter-trigger-delayed, .js-wpv-ajax-results-submit-enabled .js-wpv-filter-trigger-delayed', function( e ) {
		// Enter pressed?
		if ( e.which == 13 ) {
			e.preventDefault();
			var thiz = $( this ),
			fil = thiz.closest( 'form' ),
			view_number = fil.data( 'viewnumber' );

			var data_for_events = {
				view_unique_id:			view_number,
				form:					fil,
				force_results_update:	true
			};

			data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events );

			$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
		}
	});

	$( document ).on( 'click', '.js-wpv-reset-trigger', function( e ) {
		e.preventDefault();
		var thiz = $( this ),
		fil = thiz.closest( 'form' ),
		view_number = fil.data( 'viewnumber' ),
		additional_forms = $( '.js-wpv-filter-form-' + view_number ).not( fil ),
		watchers,
		watcherslength,
		i,
		target = fil.attr( 'action' ),
		form_only_force_update = false,
		form_only_results_force_update = false;

		if ( fil.hasClass( 'js-wpv-form-only' ) ) {
			watchers = fil.find( 'input, select' ).add( additional_forms.find( 'input, select' ) );
			watcherslength = watchers.length;
			form_only_force_update = ( fil.hasClass( 'js-wpv-dps-enabled' ) || ( fil.find( '.js-wpv-post-relationship-update' ).length > 0 ) );
			if (
				fil.hasClass( 'js-wpv-ajax-results-enabled' )
				|| fil.hasClass( 'js-wpv-ajax-results-submit-enabled' )
			) {
				form_only_results_force_update = true;
			}

			if ( watcherslength ) {
				for ( i = 0; i < watcherslength; i++ ) {
					if ( ! $( watchers[i] ).hasClass( 'js-wpv-keep-on-clear' ) ) {
						$( watchers[i] )
							.attr( 'disabled', form_only_force_update )
							.removeAttr( 'checked' )
							.removeAttr( 'selected' )
							.not( ':button, :submit, :reset, :hidden, :radio, :checkbox' )
							.val( '' );
					}
				}
			}

			var data_for_events = {
				view_unique_id:			view_number,
				form:					fil,
				force_form_update:		form_only_force_update,
				force_results_update:	form_only_results_force_update
			};

			data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events );

			if( ! form_only_results_force_update && $( '#wpv-view-layout-' + fil.data( 'viewnumber' ) ).length > 0 ) {
                window.location.href = target;
			}
			else {
                $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
			}

		} else if ( fil.hasClass( 'js-wpv-ajax-results-enabled' ) || fil.hasClass( 'js-wpv-ajax-results-submit-enabled' ) ) {
			watchers = fil.find( 'input, select' ).add( additional_forms.find( 'input, select' ) );
			watcherslength = watchers.length;
			if ( watcherslength ) {
				for ( i = 0; i < watcherslength; i++ ) {
					if ( ! $( watchers[i] ).hasClass( 'js-wpv-keep-on-clear' ) ) {
						$( watchers[i] )
							.attr( 'disabled', true )
							.removeAttr( 'checked' )
							.removeAttr( 'selected' )
							.not( ':button, :submit, :reset, :hidden, :radio, :checkbox' )
							.val( '' );
					}
				}
			}

			var data_for_events = {
				view_unique_id:			view_number,
				form:					fil,
				force_form_update:		true,
				force_results_update:	true
			};

			data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events );

			$( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] );
		} else {
            window.location.href = WPViews.view_frontend_utils.updateUrlQuery( 'wpv_view_count', null, target );
		}
	});

	$( document ).on( 'js_event_wpv_parametric_search_triggered', function( event, settings ) {
		self.manage_changed_form( settings );
	});

	// Also, stop the rollover if we do any modification on the parametric search form

	$( document ).on( 'change', '.js-wpv-filter-trigger, .js-wpv-filter-trigger-delayed', function() {
		var thiz = $( this ),
		fil = thiz.closest( 'form' ),
		view_num = fil.data( 'viewnumber' );
		wpv_stop_rollover[view_num] = true;
	});

	// ------------------------------------
	// Custom events
	// ------------------------------------

	/**
	* js_event_wpv_parametric_search_started
	*
	* Event fired before updating the parametric search forms and results.
	*
	* @param data
	* 	- view_unique_id
	*
	* @since 1.9
	*/

	$( document ).on( 'js_event_wpv_parametric_search_started', function( event, data ) {

	});


	/**
	* js_event_wpv_parametric_search_form_updated
	*
	* Event fired after updating the parametric search forms.
	*
	* @param data
	* 	- view_unique_id
	* 	- view_changed_form
	* 	- view_changed_form_additional_forms_only
	* 	- view_changed_form_additional_forms_full
	*
	* @since 1.9
	*/

	$( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) {
		WPViews.view_frontend_utils.render_frontend_datepicker();
	});

	/**
	* js_event_wpv_parametric_search_results_updated
	*
	* Event fired after updating the parametric search results.
	*
	* @param data
	* 	- view_unique_id
	* 	- layout
	*
	* @since 1.9
	*/

	$( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
		WPViews.view_frontend_utils.render_frontend_media_shortcodes( data.layout );
	});

	// ------------------------------------
	// Init
	// ------------------------------------

	self.init = function() {

	}

	self.init();

};

jQuery( document ).ready( function( $ ) {
	WPViews.view_frontend_utils = new WPViews.ViewFrontendUtils( $ );
	WPViews.view_sorting = new WPViews.ViewSorting( $ );
	WPViews.view_pagination = new WPViews.ViewPagination( $ );
    WPViews.view_parametric_search = new WPViews.ViewParametricSearch( $ );
});
