/**
*  Theme Main Animation and transition JS File.
*
* @package Articled
* @since Articled 1.0
*
*/

(function($) {
    "use strict";
    $(document).ready(function() {
        var articledLazyLoad = function() {
            new LazyLoad({
                selector: '.single-post-thumb img, .post-thumbnail img, .related-posts img',
                error: function(ele, msg) {
                    if (msg === 'missing') {
                        $(this).innerHTML = 'Missing Image'
                    } else if (msg === 'invalid') {
                        $(this).innerHTML = 'Invalid Image'
                    }
                },
                breakpoints: [{
                    width: 420,
                    src: 'data-src-small'
                }, {
                    width: 768,
                    src: 'data-src-medium'
                }, {
                    width: 992,
                    src: 'data-src-large'
                }, ],
                successClass: 'lazy-loaded',
                validateDelay: 25 * 4 * 2
            })
        };
        articledLazyLoad();
        $('#content').find('a').has('img').addClass('imgwrap');
        $('#content p').each(function() {
            var $this = $(this);
            if ($this.html().replace(/\s| /g, '').length == 0) $this.addClass('empty')
        });
        $(".next-slider, .prev-slider").each(function(index, value) {
            $(this).on('click', function() {
                articledLazyLoad()
            })
        });
        $('.top-searchform .icons').on('click', function() {
            $('.searcharea').fadeIn()
        });
        $('.closeme').on('click', function() {
            $(this).parent().fadeOut()
        });
        var widowdfgsWiddth = $(window).width();
        if (widowdfgsWiddth > 480) {
            $('.menu-item-has-children').on('hover', function() {
                $(this).children('.sub-menu').slideToggle()
            })
        } else {
            $('.menu-item-has-children').on('click', function() {
                $(this).children('.sub-menu').slideToggle()
            })
        };
        $(window).bind('resize', function() {
            var widowsWidfgddth = $(window).width();
            if (widowsWidfgddth > 480) {
                $('.menu-item-has-children').on('hover', function() {
                    $(this).children('.sub-menu').slideToggle()
                })
            } else {
                $('.menu-item-has-children').on('click', function() {
                    $(this).children('.sub-menu').slideToggle()
                })
            }
        });
        $('.show-mobile').on('click', function() {
            $('.mobile-menu').slideToggle()
        });
        $('.toggle-btn').on('click', function() {
            $('#toggleBar').slideToggle();
            $('#toggle-icon').toggleClass('fa-plus');
            $('#toggle-icon').toggleClass('fa-minus')
        });
        $('.top-mobile .pull-right i').on('click', function() {
            $('#pull-topbar-text span').toggleClass('show');
            $('#pull-topbar-text span').toggleClass('hide');
            $('.top-mobile .pull-right i').toggleClass('fa-bars');
            $('.top-mobile .pull-right i').toggleClass('fa-times');
            $('.top-bar .social-icon, .top-bar .main-menu-wrap ').slideToggle()
        });
        $(window).bind('resize', function() {
            var widowsWidth = $(window).width();
            if (widowsWidth > 680) {
                $('.top-bar .main-menu-wrap , .top-bar .social-icon ').slideDown()
            }
            if (widowsWidth < 680) {
                var elemei = '.top-mobile .pull-right i';
                var menuContainer = '.top-bar .main-menu-wrap , .top-bar .social-icon';
                if (!$(elemei).hasClass('fa-bars')) {
                    $(menuContainer).slideDown();
                    $('.top-mobile .pull-right i').addClass('fa-times')
                } else {
                    $(menuContainer).slideUp()
                }
            }
        });
        $('.slider, .body-content').on('click', function() {
            $('#slider-container').toggleClass('slider-opened');
            $('#sliders').toggleClass('fa-align-center');
            $('#sliders').toggleClass('fa-plus')
        });
        $('.sliderclose').on('click', function() {
            $('.sliderclose').parent().toggleClass('slider-opened');
            $('#sliders').toggleClass('fa-align-center');
            $('#sliders').toggleClass('fa-plus')
        });
        $('.comments-button').on('click', function() {
            $('.comments-list').slideToggle();
            $('.comments-button .comments-text-show').fadeToggle(0);
            $('.comments-button .comments-text-hide').fadeToggle(0)
        });
        $(window).on('scroll', function() {
            $('p, .textwidget, .rssSummary, .textwidget p ').each(function(i) {
                var bottom_of_object = $(this).offset().top + $(this).outerHeight();
                var bottom_of_window = $(window).scrollTop() + $(window).height();
                if (bottom_of_window > bottom_of_object) {
                    $(this).animate({
                        'opacity': '1'
                    }, 500)
                }
            })
        });

        function typewriter(text) {
            var letterArray = text.innerHTML.split('');
            text.innerHTML = '';
            letterArray.forEach((letter, index) => {
                setTimeout(function() {
                    text.innerHTML += letter
                }, 85 * index)
            })
        }
        var scrollTop = $(".scrollTop");
        $(window).on('scroll', function() {
            var topPos = $(this).scrollTop();
            if (topPos > 1000) {
                $(scrollTop).css("opacity", "1")
            } else {
                $(scrollTop).css("opacity", "0")
            }
        });
        $(scrollTop).on('click', function() {
            $('html, body').animate({
                scrollTop: 0
            }, 800);
            return !1
        });
        $(".single-post-meta .comments").on('click', function() {
            $('html, body').animate({
                scrollTop: $(".single-comments").offset().top
            }, 1000)
        })
    })
})(jQuery);
(function() {
    init();

    function init() {
        parents = document.getElementsByClassName('slideshow-container');
        for (j = 0; j < parents.length; j++) {
            var slides = parents[j].getElementsByClassName("img-slider");
            var dots = parents[j].getElementsByClassName("dot");
            slides[0].classList.add('active-slide');
            dots[0].classList.add('active')
        }
    }
    dots = document.getElementsByClassName('dot');
    for (i = 0; i < dots.length; i++) {
        dots[i].onclick = function() {
            slides = this.parentNode.parentNode.getElementsByClassName("img-slider");
            for (j = 0; j < this.parentNode.children.length; j++) {
                this.parentNode.children[j].classList.remove('active');
                slides[j].classList.remove('active-slide');
                if (this.parentNode.children[j] == this) {
                    index = j
                }
            }
            this.classList.add('active');
            slides[index].classList.add('active-slide')
        }
    }
    links = document.querySelectorAll('.slideshow-container a');
    for (i = 0; i < links.length; i++) {
        links[i].onclick = function() {
            current = this.parentNode;
            var slides = current.getElementsByClassName("img-slider");
            var dots = current.getElementsByClassName("dot");
            curr_slide = current.getElementsByClassName('active-slide')[0];
            curr_dot = current.getElementsByClassName('active')[0];
            curr_slide.classList.remove('active-slide');
            curr_dot.classList.remove('active');
            if (this.className == 'next-slider') {
                if (curr_slide.nextElementSibling.classList.contains('img-slider')) {
                    curr_slide.nextElementSibling.classList.add('active-slide');
                    curr_dot.nextElementSibling.classList.add('active')
                } else {
                    slides[0].classList.add('active-slide');
                    dots[0].classList.add('active')
                }
            }
            if (this.className == 'prev-slider') {
                if (curr_slide.previousElementSibling) {
                    curr_slide.previousElementSibling.classList.add('active-slide');
                    curr_dot.previousElementSibling.classList.add('active')
                } else {
                    slides[slides.length - 1].classList.add('active-slide');
                    dots[slides.length - 1].classList.add('active')
                }
            }
        }
    }
})();