// -------------------------------------------------------------------------------------------
// Masonry
// -------------------------------------------------------------------------------------------

(function($)
{
	"use strict";

	$.fn.avia_masonry = function(options)
	{
		//return if we didnt find anything
		if( ! this.length )
		{
			return this;
		}

		var the_body = $('body'),
			the_win = $(window),
			isMobile = $.avia_utilities.isMobile,
			isTouchDevice = $.avia_utilities.isTouchDevice,
			mobile_no_animation = the_body.hasClass( 'avia-mobile-no-animations' ),
			loading = false,
			methods = {

				masonry_filter: function()
				{
					var current		= $(this),
						linktext	= current.html(),
						selector	= current.data('filter'),
						masonry 	= current.parents('.av-masonry').eq( 0 ),
						container 	= masonry.find('.av-masonry-container').eq( 0 ),
						links		= masonry.find('.av-masonry-sort a'),
						activeCat	= masonry.find('.av-current-sort-title');

					links.removeClass('active_sort');
					current.addClass('active_sort');
					container.attr('id', 'masonry_id_' + selector);

					if( activeCat.length )
					{
						activeCat.html(linktext);
					}

					methods.applyMasonry( container, selector, function()
					{
						container.css({overflow:'visible'});
					});

					setTimeout( function() { the_win.trigger('debouncedresize'); }, 500 );

					return false;
				},

				applyMasonry: function(container, selector, callback)
				{
					var filters = selector ? {filter: '.'+selector} : {};

					filters['layoutMode'] = 'packery';
					filters['packery'] = {gutter:0};
					filters['percentPosition'] = true;
					filters['itemSelector'] = "a.isotope-item, div.isotope-item";
					filters['originLeft'] = $('body').hasClass('rtl') ? false : true;

					container.isotope( filters, function()
					{
						the_win.trigger('av-height-change');
					});

					if( typeof callback === 'function' )
					{
						setTimeout( callback, 0 );
					}
				},

				show_bricks: function( bricks, callback )
				{
					var browserPrefix = $.avia_utilities.supports('transition'),
						multiplier = isMobile && mobile_no_animation ? 0 : 100;

					bricks.each( function(i)
					{
						var currentLink = $( this );
						var reveal = currentLink.find( '.avia-curtain-reveal-overlay' );

						if( reveal.length > 0 )
						{
							//	reveal is used on all devices
							multiplier = 500;

							//	- in sortable isotop reveal shows content before animation ( ?? )
							//	- we also remove reveal as only needed once to avoid multiple animation when shown again via filter
							reveal.on( 'animationstart', function( e )
							{
								currentLink.css( { visibility: 'visible' } );
							});

							reveal.on( 'animationend', function( e )
							{
								$( this ).remove();
							});
						}

						setTimeout( function()
						{
							if( browserPrefix === false )
							{
								currentLink.css( {visibility:"visible", opacity:0} ).animate( {opacity:1}, 1500 );
							}
							else
							{
								currentLink.addClass( 'av-masonry-item-loaded' );

								//	activate reveal animation - element is already in viewport
								reveal.addClass( 'avia_start_delayed_animation' );
							}

							if( i == bricks.length - 1 && typeof callback == 'function' )
							{
								callback.call();
								the_win.trigger('av-height-change');
							}

						}, ( multiplier * i ) );
					});
				},

				loadMore: function(e)
				{
					e.preventDefault();

					if( loading )
					{
						return false;
					}

					loading = true;

					var current		= $(this),
						data		= current.data(),
						masonry 	= current.parents('.av-masonry').eq( 0 ),
						container	= masonry.find('.av-masonry-container'),
						items		= masonry.find('.av-masonry-entry'),
						loader		= $.avia_utilities.loading(),
						finished	= function(){ loading = false; loader.hide(); the_body.trigger('av_resize_finished'); };

					//calculate a new offset
					if( ! data.offset )
					{
						data.offset = 0;
					}

					data.offset += data.items;
					data.action = 'avia_ajax_masonry_more';
					data.loaded = []; //prevents duplicate entries from beeing loaded when randomized is active

					items.each( function()
					{
						var item_id = $(this).data('av-masonry-item');
						if( item_id )
						{
							data.loaded.push( item_id );
						}
					});

					$.ajax({
						url: avia_framework_globals.ajaxurl,
						type: "POST",
						data:data,
						beforeSend: function()
						{
							loader.show();
						},
						success: function(response)
						{
							if( response.indexOf("{av-masonry-loaded}") !== -1 )
							{
								//fetch the response. if any php warnings were displayed before rendering of the items the are removed by the string split
								var response  = response.split('{av-masonry-loaded}'),
									new_items = $(response.pop()).filter('.isotope-item');

								//check if we got more items than we need. if not we have reached the end of items
								if( new_items.length > data.items )
								{
									new_items = new_items.not( new_items.last() );
								}
								else
								{
									current.addClass('av-masonry-no-more-items');
								}

								//	caused by ajax call - remove to prevent immediate animation
								new_items.find( '.avia-animate-admin-preview' ).removeClass( 'avia-animate-admin-preview' );

								//	hide content to avoid flicker in masonry entries
								if( new_items.find( '.avia-curtain-reveal-overlay' ).length > 0 )
								{
									new_items.css( { visibility: 'hidden' } );
								}

								var load_container = $('<div class="loadcontainer"></div>').append(new_items);

								$.avia_utilities.preload(
								{
									container: load_container,
									single_callback: function()
									{
										var links = masonry.find('.av-masonry-sort a'),
											filter_container = masonry.find('.av-sort-by-term'),
											allowed_filters = filter_container.data("av-allowed-sort");

										filter_container.hide();

										loader.hide();
										container.isotope( 'insert', new_items );
										$.avia_utilities.avia_ajax_call( masonry );

										setTimeout( function(){ methods.show_bricks( new_items, finished ); }, 150 );
										setTimeout( function(){ the_win.trigger('av-height-change'); }, 550 );

										if( links )
										{
											$( links ).each( function( filterlinkindex )
											{
												var filterlink = $(this),
												sort = filterlink.data('filter');

												if( new_items )
												{
													$( new_items ).each( function( itemindex )
													{
														var item = $(this);

														if( item.hasClass( sort ) && allowed_filters.indexOf( sort ) !== -1 )
														{
															var term_count = filterlink.find('.avia-term-count').text();
															filterlink.find('.avia-term-count').text(' ' + ( parseInt( term_count ) + 1 ) + ' ' );

															if( filterlink.hasClass('avia_hide_sort') )
															{
																filterlink.removeClass('avia_hide_sort').addClass('avia_show_sort');
																masonry.find('.av-masonry-sort .' + sort + '_sep').removeClass('avia_hide_sort').addClass('avia_show_sort');
																masonry.find('.av-masonry-sort .av-sort-by-term').removeClass('hidden');
															}
														}
													});
												}
											});
										}

										filter_container.fadeIn();
									}
								});
							}
							else
							{
								finished();
							}
						},
						error: finished,
						complete: function()
						{
							setTimeout(function() { the_win.trigger('debouncedresize'); }, 500);
						}
					});
				}
			};

		return this.each( function()
		{
			var masonry	= $(this),
				container = masonry.find('.av-masonry-container'),
				bricks = masonry.find('.isotope-item'),
				filter = masonry.find('.av-masonry-sort').css({visibility:"visible", opacity:0}).on('click', 'a', methods.masonry_filter),
				load_more = masonry.find('.av-masonry-load-more').css({visibility:"visible", opacity:0});

			//	hide content to avoid flicker in masonry entries
			if( bricks.find( '.avia-curtain-reveal-overlay' ).length > 0 )
			{
				bricks.css( { visibility: 'hidden' } );
			}

			$.avia_utilities.preload(
			{
				container: container,
				single_callback: function()
				{
					var start_animation = function()
					{
						filter.animate({opacity:1}, 400);

						//fix for non aligned elements because of scrollbar
						if( container.outerHeight() + container.offset().top + $('#footer').outerHeight() > $(window).height() )
						{
							$('html').css({'overflow-y':'scroll'});
						}

						methods.applyMasonry( container, false, function()
						{
							masonry.addClass('avia_sortable_active');
							container.removeClass('av-js-disabled');
						});

						methods.show_bricks( bricks, function()
						{
							load_more.css( {opacity:1} ).on( 'click', methods.loadMore );
						});

						//container.isotope( 'reLayout' );
					};

					if( isMobile && mobile_no_animation )
					{
						//	start immediatly
						start_animation();
					}
					else
					{
						masonry.waypoint( start_animation, { offset: '80%'} );
					}

					// update columnWidth on window resize
					$(window).on( 'debouncedresize', function()
					{
						methods.applyMasonry( container, false, function()
						{
							masonry.addClass('avia_sortable_active');
						});
					});
				}
			});
		});
	};

}(jQuery));