/*-----------------------------------------------------------*/
// Scripts for Layout Instagram Components
/*-----------------------------------------------------------*/

/**
 * Instagram Gallery Slider
 */

function initInstagramGallery(gallery) {
	//desktop instagram carousels
	var carousels = gallery.find('.instagram-slider-layout');
	carousels.each(function() {
		var carousel = jQuery(this);
		var carouselID = carousel.attr('data-slider-id');
		var itemsPerPage = 8;
		var carouselControlNav = false;
		var carouselDirectionNav = true;
		//init slider
		carousel.flexslider({
			animation: 'slide',
			animationLoop: true,
			multipleKeyboard: true,
			itemWidth: 158,
			itemMargin: 0,
			maxItems: itemsPerPage,
			move: 2,
			slideshow: false,
			controlsContainer: '.controls-'+ carouselID,
			directionNav: carouselDirectionNav,
			controlNav: carouselControlNav,
			start: function(slider) {
				slider.resize(); //fixes slide width bug
			},
			removed: function(slider) {
				if(slider.count == 0) {
					jQuery(slider.container).closest('.ad-layout-instagram').remove();
				}
			}
		});
	});

	//mobile instagram carousels
	var mobileCarousels = gallery.find('.instagram-slider-mobile-layout');
	mobileCarousels.each(function() {
		var mobileCarousel = jQuery(this);
		var carouselControls = mobileCarousel.attr('data-controls');
		var carouselControlNav = false;
		var carouselDirectionNav = true;

		var slideWidth = Math.floor((mobileCarousel.closest('.row').width() * 0.8290598291 ) / 3);
		//init slider
		mobileCarousel.flexslider({
			animation: 'slide',
			animationLoop: false,
			multipleKeyboard: true,
			itemWidth: slideWidth,
			itemMargin: 0,
			maxItems: 3,
			move: 1,
			slideshow: false,
			directionNav: carouselDirectionNav,
			controlNav: carouselControlNav,
			start: function(slider) {
				slider.resize(); //fixes slide width bug
			}
		});
	});
}

jQuery(document).ready(function() {
	jQuery('.instagram-slider-layout img').on('error', function() {
		parentSlide = jQuery(this).closest('.slide');
		parentSlider = parentSlide.closest('.flexslider').data('flexslider');
		parentSlider.removeSlide(parentSlide);
	});
	jQuery('.instagram-slider-mobile-layout img').on('error', function() {
		mobileParentSlide = jQuery(this).closest('.slide');
		mobileParentSlider = mobileParentSlide.closest('.instagram-slider-mobile-layout').data('flexslider');
		mobileParentSlider.removeSlide(mobileParentSlide);
	});
});