// source --> https://bulles-de-bien-etre.fr/wp-content/plugins/celina-framework/assets/js/yolo_portfolio.js 
var YOLO = YOLO || {};
(function ($) {
    "use strict";
    var $window = $(window),
        $body = $('body'),
        isRTL = $body.data('rtl') ? true : false,
        deviceAgent = navigator.userAgent.toLowerCase(),
        isMobile = deviceAgent.match(/(iphone|ipod|android|iemobile)/),
        isMobileAlt = deviceAgent.match(/(iphone|ipod|ipad|android|iemobile)/),
        isAppleDevice = deviceAgent.match(/(iphone|ipod|ipad)/),
        isIEMobile = deviceAgent.match(/(iemobile)/);
    YOLO = {
        init: function () {              
                YOLO.masonry_portfolio();
                YOLO.portrait_portfolio();
                YOLO.packery_portfolio();
                YOLO.single_portfolio();
                YOLO.single_slider();
                $(document).on('change', '.yolo-product-ordering select', function() {
                    jQuery(this).closest("form").submit();
            });
        },

        //js single slider fullwidth_slider  and vertical_slider portfolio
        single_slider: function(){
            // Start For Single Product Image
            var sync1 = $("#sync1", ".porfolio-feature-inner");
            var sync2 = $("#sync2", ".porfolio-feature-inner");
            var flag = false;
            var duration = 500;

            var $window = $(window),
                $body = $('body'),
                isRTL = $body.hasClass('rtl') ? true : false;
            if (sync1.length > 0) {
                sync1.owlCarousel({
                        items: 1,
                        margin: 0,
                        rtl: isRTL,
                        nav: false,
                        autoHeight: true,
                        navText: ["<i class='fal fa-caret-left'></i>", "<i class='fal fa-caret-right'></i>"],
                        dots: true,
                    })
                    .on('changed.owl.carousel', function(e) {
                        if (!flag) {
                            flag = true;
                            sync2.trigger('to.owl.carousel', [e.item.index, duration, true]);
                            flag = false;
                        }

                        // Add class synced to current slide
                        var current = e.item.index;
                        $("#sync2")
                            .find(".owl-item")
                            .removeClass("synced")
                            .eq(current)
                            .addClass("synced");
                    });
            }
            if (sync2.length > 0) {
                sync2.owlCarousel({
                        margin: 0,
                        rtl: isRTL,
                        responsive: {
                            0: {
                                items: 3
                            },
                            480: {
                                items: 3
                            },

                            768: {
                                items: 4
                            },
                        },
                        nav: true,
                        navText: ["<i class='fal fa-caret-left'></i>", "<i class='fal fa-caret-right'></i>"],
                        center: false,
                        dots: false,
                        onInitialized: function() {
                            sync2.find(".owl-item").eq(0).addClass("synced");
                        }
                    })
                    .on('click', '.owl-item', function() {
                        sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
                    })
                    .on('changed.owl.carousel', function(e) {
                        if (!flag) {
                            flag = true;
                            sync1.trigger('to.owl.carousel', [e.item.index, duration, true]);
                            flag = false;
                        }
                    });
            }

        },
        //end js single portfolio

        //js single portfolio
        single_portfolio: function(){
            $('a',' .share').each(function(){
                $(this).click(function(){
                    var href = $(this).attr('data-href');
                    var leftPosition, topPosition;
                    var width = 400;
                    var height = 300;
                    var leftPosition = (window.screen.width / 2) - ((width / 2) + 10);
                    var topPosition = (window.screen.height / 2) - ((height / 2) + 50);
                    //Open the window.
                    window.open(href, "", "width=300, height=200,left=" + leftPosition + ",top=" + topPosition);
                })
            })
            var $wrap_id        = $(this).attr('id');
            var hClass = jQuery('#'+$wrap_id+' .portfolio-wrapper').hasClass('hover-dir-on');
            if(hClass){
                $('#'+$wrap_id+' .portfolio-item.hover-dir > div.entry-thumbnail').hoverdir();
            }
        },
        //end js single portfolio

        // js masonry portfolio
        masonry_portfolio: function(){
            if($('.yolo-portfolio.layout-masonry').length > 0){
                $('.yolo-portfolio.layout-masonry').each(function(){
                    var $wrap_id        = $(this).attr('id');
                    var $tab_container  = jQuery('#'+$wrap_id+'.yolo-portfolio');
                    $('.portfolio-tabs .isotope-portfolio', $tab_container).off();
                    $('.portfolio-tabs .isotope-portfolio', $tab_container).click(function () {
                        $('.portfolio-tabs .isotope-portfolio', $tab_container).removeClass('active');
                        $('.portfolio-tabs li', $tab_container).removeClass('active');
                        $(this).addClass('active');
                        $(this).parent().addClass('active');
                        var dataSectionId = $(this).attr('data-section-id');
                        var filter        = $(this).attr('data-filter');
                        var $container    = jQuery('div[data-section-id="' + dataSectionId + '"]').isotope({ filter: filter});
                        $container.imagesLoaded(function () {
                            $container.isotope('layout');
                        });
                    });

                    var $container = jQuery('#'+$wrap_id+' .portfolio-wrapper');
                    $container.imagesLoaded(function () {
                        $container.isotope({
                            itemSelector: '.portfolio-item'
                        }).isotope('layout');
                    });
                    var hClass = jQuery('#'+$wrap_id+' .portfolio-wrapper').hasClass('hover-dir-on');
                    if(hClass){
                        $('#'+$wrap_id+' .portfolio-item.hover-dir > div.entry-thumbnail').hoverdir();
                    }
                    var dataSectionId = $('#'+$wrap_id).find('a.load-more').attr('data-section-id');
                    PortfolioAjaxAction.init(dataSectionId);
                });
            }
        },
        //end js masonry portfolio

        // js portrait portfolio
        portrait_portfolio: function(){
            if($('.yolo-portfolio.layout-classic').length > 0){
                $('.yolo-portfolio.layout-classic').each(function(){
                    var $wrap_id        = $(this).attr('id');
                    var $tab_container  = jQuery('#'+$wrap_id+'.yolo-portfolio');
                    $('.portfolio-tabs .isotope-portfolio', $tab_container).off();
                    $('.portfolio-tabs .isotope-portfolio', $tab_container).click(function () {
                        $('.portfolio-tabs .isotope-portfolio', $tab_container).removeClass('active');
                        $('.portfolio-tabs li', $tab_container).removeClass('active');
                        $(this).addClass('active');
                        $(this).parent().addClass('active');
                        var dataSectionId = $(this).attr('data-section-id');
                        var filter        = $(this).attr('data-filter');
                        var $container    = jQuery('div[data-section-id="' + dataSectionId + '"]').isotope({ filter: filter});
                        $container.imagesLoaded(function () {
                            $container.isotope('layout');
                        });
                    });

                    var $container = jQuery('#'+$wrap_id+' .portfolio-wrapper');
                    $container.imagesLoaded(function () {
                        $container.isotope({
                            itemSelector: '.portfolio-item',
                            layoutMode: 'fitRows' // grid layout
                        }).isotope('layout');
                    });
                    var hClass = jQuery('#'+$wrap_id+' .portfolio-wrapper').hasClass('hover-dir-on');
                    if(hClass){
                        $('#'+$wrap_id+' .portfolio-item.hover-dir > div.entry-thumbnail').hoverdir();
                    }
                    var dataSectionId = $('#'+$wrap_id).find('a.load-more').attr('data-section-id');
                    PortfolioAjaxAction.init(dataSectionId);
                });
            }
        },
        //end js portrait portfolio

        // js packery portfolio
        packery_portfolio: function(){
            if($('.yolo-portfolio.layout-packery').length > 0){
                $('.yolo-portfolio.layout-packery').each(function(){
                    var $wrap_id         = $(this).attr('id');
                    var $tab_container  = jQuery('#'+$wrap_id+'.yolo-portfolio');
                    $('.portfolio-tabs .isotope-portfolio', $tab_container).off();
                    $('.portfolio-tabs .isotope-portfolio', $tab_container).click(function () {
                        $('.portfolio-tabs .isotope-portfolio', $tab_container).removeClass('active');
                        $('.portfolio-tabs li', $tab_container).removeClass('active');
                        $(this).addClass('active');
                        $(this).parent().addClass('active');
                        var dataSectionId = $(this).attr('data-section-id');
                        var filter        = $(this).attr('data-filter');
                        var $container    = jQuery('div[data-section-id="' + dataSectionId + '"]').isotope({ filter: filter});
                    });
                    var $container = jQuery('#'+$wrap_id+' .portfolio-wrapper');
                    $container.imagesLoaded(function () {
                        $container.isotope({
                        itemSelector: '.portfolio-item',
                        layoutMode: 'packery', // packery mode
                        }).isotope('layout');
                    });
                    $(window).resize( function() {
                        PortfolioAjaxAction.fixPackeryPadding();
                    });
                    var hClass = jQuery('#'+$wrap_id+' .portfolio-wrapper').hasClass('hover-dir-on');
                    if(hClass){
                        $('#'+$wrap_id+' .portfolio-item.hover-dir > div.entry-thumbnail div.entry-thumbnail-hover').hoverdir();
                    }
                    var dataSectionId = $('#'+$wrap_id).find('a.load-more').attr('data-section-id');
                    PortfolioAjaxAction.init(dataSectionId);
                });
            }
        },
        //end js packery portfolio

    }
    $(window).load(YOLO.init);
})(jQuery);