/**
 * File front-page.js.
 *
 * This scritps only run in Front Page template.
 *
 */

( function( $ ) {

    console.log( 'version: 2.0.5' );

    // Pace loader events

    Pace.options = {
        ajax: false
    };

    Pace.on('done', function(){

        // Show site
        $('.site').css({'visibility' : 'visible'});

        // Masonry render
        if( $(".archive-masonry-article")[0] ){
            var container = document.querySelector('#site-main-posts');
            var msnry = new Masonry( container, {
            itemSelector: '.archive-masonry-article',
            columnWidth: '.archive-masonry-article',  
            });

            // Masonry reload
            infinite_count = 0;
            // Triggers re-layout on infinite scroll
            $( document.body ).on( 'post-load', function () {
                console.log( 'post-load' );
                infinite_count = infinite_count + 1;
                var $container = $('#site-main-posts');
                var $selector = $('#infinite-view-' + infinite_count);
                var $elements = $selector.find('.archive-masonry-article');
                $elements.hide();
                $container.masonry().masonry( 'appended', $elements, true );    
                $container.masonry().masonry( 'layout', $elements );
                $elements.fadeIn();
            });
        }

    });

    // Call to Select2

    $('select').select2();
    
    // Call to Superslider

    // ## Superslider options
    var $auto = parseInt( $('#mcn_slides').attr('data_auto') );

    $('#mcn_slides').superslides({
        play: $auto
    });

    $(document).on('init.slides', function() {
        // Bugfix for SiteOrigin Page Builder Slider widget conflict, when theme slider need show only one slide
        if( $( '#mcn_slides .slides-container li' ).length == 1 && $( '.so-widget-sow-slider' ).length  ){
            var slide_w = $( '#mcn_slides .slides-control' ).width();
            $( '#mcn_slides .slides-control' ).css( 'left', '-' + slide_w + 'px' ); 
        }
    });

    $(document).on('animated.slides', function() {
        $(".site-hero-image .site-hero-image__caption").animate({opacity:'1', left:'0'}, 350);
    });

    $(document).on('animating.slides', function() {
        $(".site-hero-image .site-hero-image__caption").animate({opacity:'0', left:'100px'}, 350);
    });

    // Parallax for Superslider

    $('.img-slide').simpleParallax({scale: '1.30', orientation: 'up'});

    // Page Builder
    
    // ## Apply overlay background color for page builder rows
    $('.siteorigin-panels-stretch').each(function(){
        if( $(this).attr('data-bg-color') ){
          var background_color = $(this).attr('data-bg-color');
          var background_opacity = $(this).attr('data-bg-overlay');
          $(this).append( '<div style="background:' + background_color + '; position: absolute; width:100%; height: 100%; top: 0; left: 0; z-index: 0; opacity: ' + background_opacity + ';">' );
        }
    });

    // Fixed Menu Bar

    var nav = $('.site-header__bar');

	$(window).scroll(function () {
		if ($(this).scrollTop() > 200) {
            $('.site-header__fixed').css('top', '0px');
            $('.site-header__fixed').fadeIn(400);
		} else {
            $('.site-header__fixed').fadeOut(400, function(){
                $('.site-header__fixed').css('top', '-100%');
            });
		}
    });
    
    // Menu Toggle

    $('.menu-toggle').click(function(){
        $('#site-navigation').addClass('toggled');
        $('.menu-toggle').attr('aria-expanded',true);
        $('#site-navigation ul').attr('aria-expanded',true);
    });

    $('.menu-close').click(function(){
        $('#site-navigation').removeClass('toggled');
        $('.menu-toggle').attr('aria-expanded',false);
        $('#site-navigation ul').attr('aria-expanded',false);
    });
    
    // Scroll to anchor
    
    var hashTagActive = "";
    $(".main-navigation a, a.btn").click(function (event) {

        if(this.hash) { //this will prevent if the user click several times the same link to freeze the scroll.
            if( $('body').hasClass('home') ){
                event.preventDefault();
            }

            //close menu
            $('.main-navigation').removeClass('toggled');

            //calculate destination place
            var dest = 0;
            if ($(this.hash).offset().top > $(document).height() - $(window).height()) {
                dest = $(document).height() - $(window).height();
                dest = dest - $('.site-header__fixed').outerHeight();
            } else {
                dest = $(this.hash).offset().top;
                dest = dest - $('.site-header__fixed').outerHeight();
            }

            //go to destination
            $('html,body').animate({
                scrollTop: dest
            }, 1000, 'swing');
            hashTagActive = this.hash;
        }
    });
    
} )( jQuery );