var page_index_artical = 0,
    page_index_video = 0,
    page_index_img = 0,
    contenttypeaticle = 'article',
    contenttypevideo = 'video',
    contenttypeimg = 'image',
    href = window.siteurl + "comment/list/index.shtml?contentid=",
    cur_sorttype,
    cur_attributes,
    catalogid = '',
    pagesize = 10;

$(document).ready(function(){
  	//列表小于10条隐藏加载更多按钮
    if($('.news-center-list .news-item').length < 10){
      $('.news-center-list .more').hide();
    }
    if($('.videos-item-box .news-item').length < 10){
      $('.videos-item-box .more').hide();
    }
    if($('.project-show-detail .list-item').length < 10 || true){
      $('.project-show-detail .more').hide();
    }
    //点击加载更多按钮，加载10条数据
    $('.more-btn').on('click', function (e) {
        // 文章列表
        if ($('.news-item').css('display') == 'block') {
            page_index_artical++;
            cur_sorttype = 'recent';
            cur_attributes = 'recommend';
            if ($('.news-center-list-conten').length) {
                cur_attributes = '';
            }
          $('.jzz').show();
          $('.djz').hide();
            loadmore(page_index_artical, contenttypeaticle, cur_sorttype, cur_attributes, catalogid);
        }
        // 视频列表
        if ($('.videos-item-box').css('display') == 'block') {
            page_index_video++;
            cur_sorttype = 'recent';
            cur_attributes = '';
            loadmore(page_index_video, contenttypevideo, cur_sorttype, cur_attributes, catalogid);
        }
        // 图片列表
        if ($('.list-item').css('display') == 'block') {
            page_index_img++;
            cur_sorttype = 'recent';
            cur_attributes = '';
            loadmore(page_index_img, contenttypeimg, cur_sorttype, cur_attributes, catalogid);
        }

    })
  
    // banner 图大小
   
  
  
    if($(window).width()<1200){
        $('.header-banner .banner-swiper-container ').css({'width': '1200px'});
       	$('.header-banner').css({'height': '406px'});
    } else if($(window).width()>1920){
       	$('.header-banner .banner-swiper-container').css({'width': '1920px'});
      	$('.header-banner').css({'height': '650px'});
    } else{
      	$('.header-banner .banner-swiper-container').css({'width': $(window).width() +'px'}); 
      	$('.header-banner').css({'height': $(window).width()*650/1920 +'px'});
    }
   	
    $(window).resize(function(wid){
          if($(window).width()<1200){
            	$('.header-banner .banner-swiper-container').css({'width': '1200px'});
            	$('.header-banner').css({'height': '406px'});
           } else if($(window).width()>1920){
                $('.header-banner .banner-swiper-container').css({'width': '1920px'}); 
             	$('.header-banner').css({'height': '650px'});
           } else{
                $('.header-banner .banner-swiper-container').css({'width': $(window).width() +'px'});
             	$('.header-banner').css({'height': $(window).width()*650/1920 +'px'});
           }
          
    });

  

    new swiper('.banner-swiper-container', {
        speed:1000,
     	autoplay:false,
        autoplay: {
            delay:4000,
            disableoninteraction: true,
        },
        loop:true,
        pagination: {
            el: '.banner-swiper-pagination',
            clickable: true,
          },
        navigation: {
            nextel: '.banner-swiper-button-next',
            prevel: '.banner-swiper-button-prev',
        },

    });



    new swiper('.img-news-swiper', {
        speed:1000,
        autoplay: {
            delay: 4000,
            disableoninteraction: false,
        },
        loop: true,
         pagination: {
             el: 'img-news-swiper-pagination',
             clickable: true,
         },
        navigation: {
            nextel: '.swiper-button-next',
            prevel: '.swiper-button-prev'
        },
        watchslidesprogress : true,
        on:{
            init:function(){ 
                //swiper初始化了
              
            },
            
            slidechangetransitionstart: function(){
                $('.red-progress-bar').stop(false,true);
                $('.red-progress-bar').css('left','0%');
                $('.red-progress-bar').animate({
                    left:'-100%'
                },1000)
              },
            slidechangetransitionend: function(){
                $('.red-progress-bar').stop(false,true);
                $('.red-progress-bar').css('left','100%');
                $('.red-progress-bar').animate({
                    left:'0%'
                },4000)
            },
            
            slidechange: function(){
                let index = this.activeindex;

                if(index>$('.news-center .news-list .news-item').length){
                    index=1;
                }
                
                //$('.news-center .news-list .news-item').removeclass('news-item-activity');
                //$('.news-center .news-list .news-item').eq(index-1).addclass('news-item-activity');

            }
        }
    });



    var industryswiper = new swiper('.industry-swiper-container', {
        speed:1500,
      	slidesperview: 4,
      	spacebetween: 12,
        autoplay: {
            delay: 3000,
            disableoninteraction: false,
        },
      pagination:{
        el: '.industry-swiper-pagination',
        clickable :true,
      },
        loop: true
    });

	//$('#industry-btn1').click(function(){
    //	industryswiper.slideto(4, 1000, false);//切换到第一个slide，速度为1秒
    //  	$(this).addclass('swiper-pagination-bullet-active').siblings().removeclass('swiper-pagination-bullet-active')
    //})
  	//$('#industry-btn2').click(function(){
    //	industryswiper.slideto(1, 1000, false);//切换到第一个slide，速度为1秒
    //  	$(this).addclass('swiper-pagination-bullet-active').siblings().removeclass('swiper-pagination-bullet-active')
    //})

    
    new swiper('.journal-swiper-container', {
        // loop:true,
        slidesperview: 3,
        spacebetween: 72,
        // pagination: {
        //   el: '.swiper-pagination',
        //   clickable: true,
        // },
        navigation:{
            nextel: '.journal-swiper-button-next',
            prevel: '.journal-swiper-button-prev'
        }
      });


    
    // var swiper2 = new swiper('.about-ours-swiper2', {
    //     // autoplay: true,//可选选项，自动滑动
    //     spacebetween: 100,
    //     slidesperview: 3,
    //     watchslidesvisibility: true,//防止不可点击
    //     watchslidesprogress: true,
       
    // });

    // var swiper1 = new swiper('.about-ours-swiper1',{
    //     spacebetween: 10,
    //     thumbs: {
    //         swiper: swiper2,
    //     },
    //     navigation: {
    //         nextel: '.swiper-button-next',
    //         prevel: '.swiper-button-prev',
    //     },
    // })



    var gallerythumbs = new swiper('.about-ours-swiper2', {
        spacebetween: 60,
        slidesperview: 3,
        loop: true,
        navigation:{
            nextel: '.about-ours-swiper2-next',
            prevel: '.about-ours-swiper2-prev'
        }
      });
    


		// 关于我们，点击播放视频
      $('.ours-video-play, .about-ours-swiper2 .swiper-slide').on('click',function(){
        var videosrc = $(this).attr('data-url')
          $('.all-black video').attr('src',videosrc);

          $('.all-black').css('display','block');
          document.documentelement.style.overflow='hidden';
          
      })


      $('.all-black video').on('click', function () {
        event.stoppropagation();
        })
      $('.all-black').on('click',function(){
        
        $('.all-black video')[0].pause();
        $('.all-black').css('display','none')
        document.documentelement.style.overflow='scroll';
      })
		
  
  
  		// 底部选择框点击显示
  		$('footer .select-list>div').on('click', function(){
          	
          	
          	if($(this).children().css('display')=='none'){
              	$('footer .select-list>div').children().css({'display':'none'});
            	$(this).children().css({'display':'block'})
            } else {
            	$('footer .select-list>div').children().css({'display':'none'});
            }
        	
          	let _this = $(this)
          	$('body').click(function(){
          		_this.children().hide();
          	})
          	
            	event.stoppropagation();
            
          	
        });
		


      // 搜索框
      $('.header-search-btn .search-img-btn').on('click', function(){
          $('.header-search-btn input').toggleclass('input-none');
          if($('.header-search-btn input').hasclass('input-none')){
            $('.header-search-btn>input').animate({width:'185px', display:'block'}, 500)
          } else{
            $('.header-search-btn>input').animate({width:'0px', display:'none'}, 500)
          }
      });
      

      // 详情页 点击返回顶部

      $('.back-top').on('click', function(){

        window.scrollto(0,0); 
      
      })

})
// 加载更多
function loadmore(index, type, sorttype, attributes, catalogid) {
    $.ajax({
        url: window.frontappcontext + 'front/contents?siteid=' + siteid + '&pageindex=' + index + '&ispreview=' + ispreview + '&contenttype=' + type + '&sorttype=' + sorttype + '&attributes=' + attributes + '&catalogid=' + catalogid + '&pagesize=' + pagesize,
        type: "get",
        async: true,
        success: function (result) {
          $('.jzz').hide();
          $('.djz').show();
            var json = result.data.data;
            var current_arr = [];

            for (var k in json) {
                if (!isnan(k)) {
                    current_arr.push(json[k].id);
                  	var html_artical = '';
                  	if(json[k].logofile){
                        html_artical = '<div class="img-news news-item clear-float">' +
                            '<div class="img-wrap float-left"><img src="' + json[k].logofile + '" alt=""></div>' +
                            '<div class="news-content float-left">' +
                            '<a href="' + json[k].link + '" title="' + json[k].title + '" target="_blank">' + json[k].title + '</a>' +
                            '<p>' + chartwith(json[k].summary, 100, '...') + '</p>' +
                            '<div class="from">' +
                            
                            '<span class="time">' + json[k].publishdate.slice(0,10) + '</span>' +
                            '<span class="">来源：' + json[k].source + '</span>' +
                           
                            '<div class="operate">' +

                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '</div>';
                    }else{
                        html_artical = '<div class="no-img-news news-item clear-float">' +
                           
                            '<a href="' + json[k].link + '" title="' + json[k].title + '" target="_blank">' + json[k].title + '</a>' +
                            '<p>' + chartwith(json[k].summary, 100, '...') + '</p>' +
                            '<div class="from">' +
                            
                            '<span class="time">' + json[k].publishdate.slice(0,10) + '</span>' +
                            '<span class="">来源：' + json[k].source + '</span>' +
                            
                            '</div>';
                    }
                    

                    var html_video = '<div class="col-xs-6 col-sm-6 col-md-6 news-item clearfloat">' +
                        '<a href="' + json[k].link + '" title="' + json[k].title + '" target="_blank">' +
                        '<div class="box"><img class="left" src="' + json[k].logofile + '" alt=""></div>' +
                        '<div class="right">' +
                        '<h2>' + json[k].title + '</h2>' +
                        '<div class="info-box">' +
                        '<div class="info">' +
                        '<span class="origin">点击次数：' + json[k].hitcount + '</span>' +
                        '<span class="date">' + json[k].publishdate + '</span>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '</a>' +
                        '</div>';

                    var html_img = '<a class="list-item float-left" href="' + json[k].link + '" title="' + json[k].title + '" target="_blank">' +
                        '<div class="img-box"><img src="' + json[k].logofile + '" alt=""><img class="black" src="/images/new/project-detail-black.png" alt=""></div>' +
                        
                        '<h3>' + json[k].title + '</h3>' +
                        '<p>' + chartwith(json[k].summary, 100, '...') + '</p>' +
                        '</a>';
                  
                    if ($('.news-item').css('display') == 'block') {
                        $(".news-center-list-conten").append(html_artical);
                        if ($(".switch-panel.active").length) {
                            $(".switch-panel.active").click()
                        }
                    }
                    if ($('.videos-item-box').css('display') == 'block') {
                        $(".videos-item-box .box-con").append(html_video);
                    }
                    if ($('.list-item').css('display') == 'block') {
                        $("project-show-detail .list").append(html_img);
                    }
                }
            }
            // 没有来源，隐藏
            $('.origin').each(function () {
                if ($(this).html() == 'null') {
                    $(this).hide();
                }
            });
            //没有图片，隐藏图片显示部分
            $('.news-item').each(function () {
                if ($(this).find('.box img').attr('src') == 'null' || $(this).find('.box img').attr('src') == '') {
                    $(this).find('.box').hide();
                    $(this).find('.right').removeclass('col-xs-12 col-sm-8 col-md-8');
                }
            });
            // 没有数据可加载
            if ($('.news-item').css('display') == 'block') {
                if (index == math.ceil(result.total / pagesize)) {
                    $('.news-item .more-btn').text('没有更多内容了');
                }
            }
            if ($('.images-item-box').css('display') == 'block') {
                if (index == math.ceil(result.total / pagesize)) {
                    $('.images-item-box .more-btn').text('没有更多内容了');
                }
            }
            if ($('.videos-item-box').css('display') == 'block') {
                if (index == math.ceil(result.total / pagesize)) {
                    $('.videos-item-box .more-btn').text('没有更多内容了');
                }
            }
        }
    });
}

function chartwith(source,len,suffix){
    var result = source;
    if(source && source.length>len){
      result = source.substr(0,len);
      result += suffix;
    }
    return result;
  }