wlna-actions.js

$(document).ready(function() {
	var carouselId;
	var idx;
	
	$("article").on("click", ".gallery-fullscreen-btn", function() {
        document.location.href = "app://openGallery?cardID=" + $(this).data("cardid") + "&position=" + 	$(this).data("slideposition");
	});

    $('.truncate-caption').each(function() {
        $(this).trunk8({
            lines: 2,
            fill: '&hellip;&nbsp;<a href="javascript:void(0)" data-cardid="' + $(this).data("cardid") + '" data-slideposition="' + $(this).data("slideposition") + '" class="gallery-link gallery-fullscreen-btn">More</a>&nbsp;'
        });
    });
	
	

    var slider = $('.wlna-inline-gallery');
    var item_length = $('.wlna-inline-gallery > div').length - 1;
    var real_length = $('.wlna-inline-gallery > div').length;
    var $status = $('.pageInfo');
    var $back = $('.arrow-back');
    var $next = $('.arrow-next');
    var $numbers = $('.page-numbers');

    slider.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide) {
        //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
        var i = (currentSlide ? currentSlide : 0) + 1;
        $numbers.text(i + ' of ' + real_length);

        var slideNumber = i - 1;
        $(this).parent().find(".gallery-fullscreen-btn").data("slideposition", slideNumber);

        if (i === 1) {
            $('.slick-track').addClass('slick-track-first');
        }
        if (i === real_length) {
            $('.slick-track').addClass('slick-track-last');
        }
    });

    slider.on('beforeChange', function(event, slick) {
        $('.slick-track').removeClass('slick-track-first').removeClass('slick-track-last');
    });

   $('.wlna-inline-gallery').each(function (idx, item) {
		var carouselId = "carousel" + idx;
		this.id = carouselId;
		$(this).slick({
			slide: "#" + carouselId +" .option",
			centerMode: true,
			centerPadding: '30px',
			slidesToShow: 1,
			dots: false,
			variableWidth: false,
			infinite: false,
			prevArrow: $('.arrow-back'),
      
			appendArrows: "#" + carouselID + $status,
			responsive: [{
            	breakpoint: 1025,
            	settings: {
                	centerPadding: '60px'
            	}
			}, {

            	breakpoint: 769,
            	settings: {
                	centerPadding: '40px'
            	}

        	}, {

            	breakpoint: 569,
            	settings: {
                	centerPadding: '16px'
				}
			}, {

            	breakpoint: 481,
            	settings: {
					centerPadding: '16px'
				}
			}, {

            	breakpoint: 376,
            	settings: {
                	centerPadding: '16px'
            	}
        	}]
    	});
	});

    $('button.slick-arrow').text('');

    slider.on('afterChange', function(event, slick, currentSlide, index) {
        if (item_length == currentSlide) {
            $('.wlna-inline-gallery').slick('slickGoTo', '0', false);
        };
    });


    $(".leave-a-comment").on('click', function() {
        $(".fb-comments").css("opacity", "1");
        $(this).css("display", "none");
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=627343517386845&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });

    $("iframe").wrap("<div class='responsive-container'/>");
});

(function() {
    var iframes = document.body.getElementsByTagName('iframe'),
        newVimeoWidth = 800,
        newVimeoHeight = 'auto';
    for (x in iframes) {
        if (iframes[x].src && iframes[x].src.indexOf('player.vimeo.com') > -1 ||
            iframes[x].src && iframes[x].src.indexOf('youtube.com') > -1 ||
            iframes[x].src && iframes[x].src.indexOf('vine.co') > -1) {
            if (newVimeoHeight == 'auto') {
                newVimeoHeight = (newVimeoWidth * 9) / 16;
            }
            iframes[x].width = newVimeoWidth;
            iframes[x].height = newVimeoHeight
        }
    }
})();

function checkScroll(x, y) {
    var o = document.elementFromPoint(x, y);
    var result = $('.slick-slider').find(o);
    GalleryJsInterface.processReturnValue(result.length);
}