'use strict';

var width = $(window).width();
var height = $(window).height();
var $article_list = $('#article_list');
var $article_aside = $('#aside-fixed');
var sticky = 0;
var send = true;
var page = {
    init: function init() {
        var top = page.getScrollTop();
       
    },
    
    getScrollTop: function () {
        if (typeof pageYOffset != 'undefined') {
            //most browsers except IE before #9
            return pageYOffset;
        } else {
            var B = document.body; //IE 'quirks'
            var D = document.documentElement; //IE with doctype
            D = D.clientHeight ? D : B;
            return D.scrollTop;
        }
    },
    scrollPage: function() {
        var topPos = $('#get_article').offset().top;
        var top = page.getScrollTop();
        var diff = topPos - top;
        // console.log( diff +'||'+ top +'||'+ topPos);

        if ( (diff <= (height- sticky)) && send) {
            
            var $last_article = $article_list.children().last()
            var _url = $last_article.attr('data-url');
            var _url_aside = $last_article.attr('data-aurl');
            send = false;
            if(_url){
                $.ajax({
                    url: _url, 
                    type: 'GET',
                    dataType: 'html',
                    beforeSend: function() {
                        // включение прелоудера
                        send = false;
                    },
                    complete: function() {
                        // отключение прелоудера
                    }, 
                    success: function(obj) {
                        send = true;
                        $article_list.append( obj );
                     
                        const players = Array.from(document.querySelectorAll('#videoPlay')).map(p => new Plyr(p));
                        const plyrs = Array.from(document.querySelectorAll('#plyrVideo')).map(plyrs => new Plyr(plyrs));
                        //добвляем обновление правого блока
                        page.getAsideHtml(_url_aside);

                    },
                    error: function(xhr, ajaxOptions, thrownError) {
                        console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText + "\r\n" + xhr);
                    }
                });
            } 
        };

        if ($('.aside-fixed__red').length > 0) {
    
            if ($(window).width() > 991) { 
                var sc_topPos = $('.aside-fixed__red').offset().top; 
                var sc_top = page.getScrollTop(); 
                var sc_diff = sc_topPos - sc_top; 
                console.log( sc_diff +'||'+ sc_top +'||'+ sc_topPos); 
                if ( (sc_diff <= 240) && (sc_top >= 240 ) ) { 
                    $('.aside-fixed__red').addClass('aside-fixed__blue'); 
                }else{ 
                    $('.aside-fixed__red').removeClass('aside-fixed__blue'); 
                } 
            } 

        };
    },
    getAsideHtml:function(_url_aside){
      send = true;
      if(_url_aside){
          $.ajax({
              url: _url_aside, 
              type: 'GET',
              dataType: 'html',
              beforeSend: function() {
                  // включение прелоудера
                  send = false;
              },
              complete: function() {
                  // отключение прелоудера
              },
              success: function(obj) {
                send = true;
                //добвляем обновление правого блока
                $('.aside-fixed__red').html(obj)
              },
              error: function(xhr, ajaxOptions, thrownError) {
                  console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText + "\r\n" + xhr);
              }
          });
      } 
    }
};
/**
 * section init
 */
$(document).ready(function () { 
    page.init();
});
/**
 * section scroll animation
 */
$(document).on("scroll", function () {
    page.scrollPage();

});

$(window).resize(function () {
    page.resize();
});