;(function($, window, document, undefined) {
    "use strict";

    // Preloader
    $("#loading").delay(700).fadeOut("slow");
    if (localStorage['isOpen'] == 'true') {
        $('.js-button--menu').addClass('is-active');
        $('.site-header').addClass('active');
        $('.site').addClass('active');
    }
    // Button Menu
    var $menuButton = $('.js-button--menu');
    $menuButton.on('click.ui.menu', function() {
        $(this).toggleClass('is-active');

    });

    $('.c-button--menu').on('click', function() {
        $('.site-header').toggleClass('active');
        $('.site').toggleClass('active');
   
        setTimeout(function() {
            if ($('.site-header').hasClass('active')) {
                localStorage.setItem('isOpen','true');
            } else {
                localStorage.setItem('isOpen','false');
            }
        })
    });


    // Background image
    function light_img_background(img_sel, parent_sel, img_height) {
        if (!img_sel) {
            console.info('no img selector');
            return false;
        }
        var $parent, _this;
        $(img_sel).each(function() {
            _this = $(this);
            $parent = _this.closest(parent_sel);
            $parent = $parent.length ? $parent : _this.parent();
            if (img_height) {
                $parent.css('background-image', 'url(' + this.src + ')');
                _this.css('visibility', 'hidden');
            } else {
                $parent.css('background-image', 'url(' + this.src + ')');
                _this.hide();
            }
        });
    }

    light_img_background('.hidden-img');

    // Load More Albums
    if (window.load_more_post) {
        var pageNum = 2;
        var nextLink = load_more_post.nextLink;
    }

    function load_more_albums() {
        // The link of the next page of posts.
        if (window.load_more_post) {

            // The maximum number of pages the current query can return.
            var max = parseInt(load_more_post.maxPage, 10);
            // wrapper selector
            var wrap_selector = '.albums-container';

            var $btn = $('.load-btn'),
                $btnText = $btn.html();

            $btn.html('loading...');

            if( pageNum <= max ) {
                var $container = $(wrap_selector);
                $.ajax({
                    url:nextLink,
                    type: "get",
                    success: function(data){
                        $container.append( $(data).find(wrap_selector).html() );

                        var newElements = $(data).find('.albums-container .item');
                        var elems = [];

                        newElements.each(function(i){
                            elems.push(this);
                        });

                        light_img_background('.hidden-img');
                        $("img[data-lazy-src]").foxlazy();

                        $btn.html( $btnText );

                        pageNum++;
                        nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

                        if( pageNum == ( max + 1 ) ) {
                            $btn.hide('fast');
                        }
                    }
                });
            }
            return false;

        }
    }

    $('#load-more.load_more').on('click', function(){
        load_more_albums();
    });

    if( $('#load-more.load_more_scroll').length ) {
        $(window).on('scroll',function() {
            if( $(document).height() - $(window).height() == $(window).scrollTop() ) {
                load_more_albums();
            }
        });
    }

    // Responsive Menu
    var winW = $(window).width();
    if( winW <= 1024 ) {
        var firstChildLink = $('.menu-item-has-children').append('<i class="icon-dropdown fa fa-angle-right"></i>');
        firstChildLink.find('.icon-dropdown').on("click", function() {
            $(this).closest('li').find('.sub-menu').toggleClass("active");
        });
    }

    // Full size container albums
    $('#content-site.full-size-list').on('click', '.full-size-button, .img-wrapp', function () {
        $('#content-site.full-size-list').toggleClass('full-popup');
        var _this = $(this);
        if(_this.hasClass('img-wrapp') ) {

            setTimeout( function () {
                $('html, body').animate({
                    scrollTop: _this.offset().top
                }, 600);
            }, 1000);

        }
    });

    $('#content-site.full-size').on('click', '.full-size-button, .img-wrapp', function () {

        var _this = $(this);
        _this.toggleClass('full-img-popup');
        if( _this.hasClass('full-img-popup') ) {
            _this.find('img').addClass('hidden-img');
            light_img_background('.hidden-img');
        } else {
            _this.find('img').removeClass('hidden-img').show();
        }

        if(_this.hasClass('img-wrapp') ) {
            setTimeout( function () {
                $('html, body').animate({
                    scrollTop: _this.offset().top
                }, 600);
            }, 1000);
        }
    });

    $('.image-link').magnificPopup({type:'image'});

})(jQuery, window, document);