/**
 * @author Chris Baldelomar
 * @website http://wordpresscanvas.com/
 */


( function( $ ) {
	"use strict";

	var body = $( 'body' ),
		_window = $( window );

	var calculateGrid = function($container) {
		var windowWidth = _window.width();
		var columns = parseInt( $container.data('columns') );
		var gutterWidth = $container.data('gutterWidth');
		// need to return exact decimal width
		var containerWidth = Math.floor($container[0].getBoundingClientRect().width);

		if ( isNaN( gutterWidth ) ) {
			gutterWidth = 5;
		}
		else if ( gutterWidth > 30 || gutterWidth < 0 ) {
			gutterWidth = 5;
		}

		if ( windowWidth <= 568 ) {
			columns = 1
		}

		gutterWidth = parseInt( gutterWidth );

		var allGutters = gutterWidth * ( columns - 1 );
		var contentWidth = containerWidth - allGutters;

		var columnWidth = Math.floor( contentWidth / columns );

		return {columnWidth: columnWidth, gutterWidth: gutterWidth, columns: columns};
	}

	var runMasonry = function( duration, $container, $posts, method ) {
		var o = calculateGrid($container);

		if ( o.columns == 1 ) {
			if ( $container.hasClass('masonry') ) {
				$container.masonry('destroy');
			}

			$container.removeAttr("style");
			$container.children().removeAttr("style");
			$container.css('height', 'auto');

			return;
		}
		else if ( 'layout' == method ) {
			$container.masonry('layout');

			return;
		}
		else {
			$posts.css({'width':o.columnWidth+'px', 'margin-bottom':o.gutterWidth+'px', 'padding':'0'});
			$container = $container.masonry( {
				itemSelector: '.gallery-item',
				columnWidth: o.columnWidth,
				gutter: o.gutterWidth,
				transitionDuration: duration
			} );

			return;
		}
	}

	var initGallery = function() {
		$('.gallery-masonry').each( function() {
			var $container = $(this);
			var $posts = $container.children('.gallery-item');
			var attachmentId;

			$posts.css('visibility', 'hidden');

			// keeps the media elements from calculating for the full width of the post
			$(document).ready(function(){
				// we are going to append masonry items as the images load
				runMasonry(0, $container, $posts, 'masonry');

				$container.imagesLoaded()
					.always( function( instance ) {
						$posts.css('visibility', 'visible');
					})
					.progress( function( instance, image ) {
						attachmentId = image.img.dataset.attachmentId;
						$container.children('.gallery-item-attachment-' + attachmentId ).css('visibility', 'visible')
						runMasonry(0, $container, $posts, 'layout');
					});
			});

			$(window).resize(function() {
				runMasonry(0, $container, $posts, 'masonry');
			});

		});

		/* BEGIN: BoldGrid */
		if( jQuery().coverflow ) {
			$('.gallery-coverflow').each( function() {
				var $this = $(this);
				$this.hide();
				imagesLoaded( $this, function() {
					$this.show();

					if ( $.fn.reflect && $this.data('reflections') === true ) {
						$this.find('img').reflect();
					}

					var $coverflow = $this.coverflow({
						index:			$this.data('index'),
						density:		2,
						innerAngle:		0,
						duration: $this.data('speed'),
						'confirm' : function (e) {
							if ( e.currentTarget ) {
								$(e.currentTarget).find('a').trigger('click');
							}
						}
					});

					$this.find('a').on("click", function (e) {
						if ( e.originalEvent ) {
							e.preventDefault();
							e.stopPropagation();
						}
					});
				});
			});
		}
		/* END: BoldGrid */

		if( jQuery().magnificPopup) {
			$('.gallery-link-file').each( function() {
				var $this = $(this);

				if ( $this.hasClass( 'magnificpopup-is-active' ) ) {
					return;
				}

				$this.magnificPopup({
					delegate: '.gallery-icon a',
					gallery: {
						enabled: true
					},
					type:'image',
					image: {
						titleSrc: function(item) {
							var caption = $(item.el).parent().next('.gallery-caption').html();
							if ( 'string' == typeof caption && caption.length > 0 )
								return caption;

							return '';
						}
					}
				});

				$this.addClass( 'magnificpopup-is-active' );
			});
		}

		if( jQuery().wcflexslider) {
			$('.wcflexslider-container').each( function() {
				var $this = $(this);
				if ( $this.is(':hidden') ) {
					return;
				}

				if ( $this.hasClass( 'wcflexslider-is-active' ) ) {
					return;
				}

				var $flex = $(this).children('.gallery.wcflexslider');
				var columns = parseInt( $flex.data('columns') );
				var columnsTablet = columns - 1;
				var columnsPhone = columns - 2;
				var gutterWidth = $flex.data('gutterWidth');
				var hideControls = $flex.data('hideControls');
				var showNav = hideControls ? false : true;
				var containerWidth = $this.width();

				/* BEGIN: BoldGrid */
				if ( $.fn.reflect && $this.find('.gallery').data('reflections') === true ) {
					$flex.find('img').reflect();
				}
				/* END: BoldGrid */

				$this.addClass('wcflexslider-is-active');

				gutterWidth = parseInt( gutterWidth );

				imagesLoaded( $flex, function() {
					if ( $flex.hasClass('wcslider') ) {
						$flex.wcflexslider({
							prevText: "",
							nextText: "",
							smoothHeight: true,
							slideshow: false,
							directionNav: showNav,
							animation:"fade"
						});
					}
					else if ( $flex.hasClass('wcslider2') ) {
						$flex.wcflexslider({
							prevText: "",
							nextText: "",
							smoothHeight: true,
							slideshow: false,
							directionNav: showNav,
							animation:"slide"
						});
					}
					else if ( $flex.hasClass('wcsliderauto') ) {
						$flex.wcflexslider({
							prevText: "",
							nextText: "",
							smoothHeight: true,
							slideshow: true,
							directionNav: showNav,
							animation:"slide"
						});
					}
					/* BEGIN: BoldGrid */
					else if ( $flex.hasClass('wcsliderfadeauto') ) {
						$flex.wcflexslider({
							prevText: "",
							nextText: "",
							smoothHeight: true,
							slideshow: true,
							directionNav: showNav,
							animation:"fade"
						});
					}
					/* END: BoldGrid */
					else if ( $flex.hasClass('wccarousel') ) {
						$flex.wcflexslider({
							prevText: "",
							nextText: "",
							smoothHeight: false,
							slideshow: false,
							directionNav: showNav,
							animation: "slide",
							animationLoop: false,
							itemWidth: 270,
							itemMargin: gutterWidth
						});
					}
					else if ( $flex.hasClass('wcslider3bottomlinks') || $flex.hasClass('wcslider4bottomlinks') ) {
						$flex.wcflexslider({
							prevText: "",
							nextText: "",
							smoothHeight: true,
							slideshow: true,
							directionNav: showNav,
							animation:"slide",
							init: function() {
								$this.find('.wc-image-links .gallery-item').each( function() {
									var $link = $(this);
									var $a = $link.find('.gallery-icon a');
									if ( 0 < $a.length ) {
										var href = $a.attr('href');
										if ( 'string' == typeof( href ) ) {
											var $caption = $link.find('.gallery-caption');
											if ( 0 < $caption.length ) {
												$caption.wrap('<a href="'+href+'"></a>');
											}
										}
									}
								});
							}
						});
					}
				});
			});
		}
		if( jQuery().owlCarousel) {
			$('.wcowlcarousel').each( function() {
				var $this = $(this);
				if ( $this.is(':hidden') ) {
					return;
				}

				if ( $this.hasClass( 'wcowlcarousel-is-active' ) ) {
					return;
				}

				var $owl = $this.children('.owl-carousel');
				var columns = parseInt( $owl.data('columns') );
				var columnsTablet = columns - 1;
				var columnsPhone = columns - 2;
				var gutterWidth = $owl.data('gutterWidth');
				var hideControls = $owl.data('hideControls');
				var showNav = hideControls ? false : true;
				var containerWidth = $this.width();

				$this.addClass('wcowlcarousel-is-active');

				gutterWidth = parseInt( gutterWidth );
				if ( 1 > columnsTablet ) {
					columnsTablet = 1;
				}
				if ( 1 > columnsPhone ) {
					columnsPhone = 1;
				}

				if ( $this.hasClass('wcowlautowidth') ) {
					$owl.owlCarousel({
						margin: gutterWidth,
						loop: true,
						dots: false,
						autoWidth: true,
						responsive: {
							0:{
								nav: false,
							},
							569:{
								nav: showNav,
							}
						}
					});
				}
				else if ( $this.hasClass('wcowlcolumns') ) {
					$owl.owlCarousel({
						margin: gutterWidth,
						loop: true,
						dots: false,
						items: columns,
						responsive: {
							0:{
								nav: false
							},
							569:{
								nav: showNav
							}
						}
					});
				}
				else if ( $this.hasClass('wcowlslider') ) {
					$owl.owlCarousel({
						margin: 0,
						loop: true,
						dots: false,
						items: 1,
						autoHeight:true,
						responsive: {
							0:{
								nav: false
							},
							569:{
								nav: showNav
							}
						}
					});
				}
			});
		}
	};

	$(document).ready( initGallery );

	// Triggers re-layout on infinite scroll
	$( document.body ).on( 'post-load', function () {
		initGallery();
	});

	// Triggers re-layout on accordion, tabs, toggle
	$( document.body ).on( 'wcs-toggled', function () {
		initGallery();
	});

} )( jQuery );