$(document).ready(function() {
    var $window = $(window),
        $body = $('body'),
        $header = $('header'),
        $pagesSectionEl = $('.pages-section'),
        $pagesMenuNav = $("#pages-menu-nav"),
        $getTop = $('#get-top'),
        $daveyzgetTop = $('.daveyz-gettop');
        
    if ($daveyzgetTop) {
        if ($window.scrollTop() > 500) {
            $daveyzgetTop.show();
        } else {
            $daveyzgetTop.hide();
        }
        $window.scroll(function() {
            if ($window.scrollTop() > 500) {
                $daveyzgetTop.show();
            } else {
                $daveyzgetTop.hide();
            }
            // console.log($window.scrollTop());
        });
        $getTop.click(function() {
            $('body,html').stop(true).animate({
                'scrollTop': 0
            }, 1500);
        });
    };
    
    $window.scroll(function(){
        if($window.scrollTop()>=300){
            $header.addClass('daveyz-header');
        }else{
            $header.removeClass('daveyz-header');
        }
    });
    
    $('.navbar-toggle').click(function(){
        $header.toggleClass('after-header');
    });
    /*if($window.width()>767){    //window
        $('.footer-ul').children('li').each(function(){
            if($(this).children('.a-div').children('.a-link').length>6){
                $(this).children('.a-div').addClass('a-data');
                $(this).children('.a-div').append('<span class="a-more hover_cursor disblock clearfix">更多</span>');
            }
            $(this).find('.a-more').click(function(){
                $(this).parent('.a-div').addClass('a-hide-data');
            });
        });
    };*/
    
    /**
     * header
     * 关闭全部二级导航点击显示
     */
    // $(document).off('click.bs.dropdown.data-api');
    /**
     * 鼠标悬停弹下拉菜单
     * data-mouse: 'hover' || 'click'
     */
    var $dropdownLi = $('li.dropdown');
    var _pointer = $dropdownLi.data('mouse');
    
    $dropdownLi.mouseover(function() {
        if (_pointer == 'hover') {
            console.log('123123')
            $(document).off('click.bs.dropdown.data-api'); // data-mouse值为'hover' 关闭当前下拉菜单（二级导航）点击显示功能
            $(this).addClass('open');
            if($(this).children('div').hasClass('dropdown-menu')){
                console.log('123')
                $(this).parents('header').addClass('after-header');
            }
            /*if($window.width()>1024){    //window
                var _hei = $(this).find('.nav-pr-lists').children('.right').height()-24;
                var _hei2 = _hei - $(this).find('.nav-pr-lists .left .lists:nth-child(1)').height() * 2;
                $(this).find('.nav-pr-lists .left .lists:nth-child(1n+6)').css('margin-top', _hei2);
                if($(this).find('.nav-pr-lists').children('.left').find('.content-pr').children('.lists').length>10){
                    $(this).find('.nav-pr-lists .left .content-pr').css('height', _hei);
                }
            }*/
            // $body.find('header').find('.header-search').removeClass('active');
        }
    }).mouseout(function() {
        $(this).removeClass('open');
        $(this).parents('header').removeClass('after-header');
    });
    
    /*$('.header-language').mouseover(function(){
        $body.find('header').find('.header-search').removeClass('active');
    });*/
    $body.find('header').find('.header-search').children('.stateicons').click(function() {      //search
        $(this).parent('.header-search').toggleClass('active');
        if($(window).width()<1201){
            $body.find('.navbar-default .navbar-toggle').removeClass('in');
            $body.find('#header .collapse.navbar-collapse').removeClass('in');
        }
    });
    $('#header .navbar-default .navbar-toggle').click(function(){
        if($window.width()<1201){    //Phone
            $(this).toggleClass('in');
            $($(this).attr('data-target')).toggleClass('in');
             $body.find('header').find('.header-search').removeClass('active');
        }
    });
    /**
     * header   end
     */

    /**
     * [alertModelContent 弹窗提示框最外层div]
     * data => 外部代码及数据
     */
    alertModelContent = function(data) {
        var _html = '<div class="form-alert po_fixed left_50 x-transform clearfix">' + data + '</div>';
        return _html;
    }
    /**
     * [alertModel 弹窗提示框列表项]
     * alertState => 状态类名
     * ::alert-success => 成功（绿色）
     * ::alert-info => 提示信息（青色）
     * ::alert-warning => 警告（黄色）
     * ::alert-danger => 错误（红色）
     * ::lert-primary => 首选（蓝色）
     * ::alert-secondary => 次要的（浅灰色，显示一些不重要的信息。） 
     * ::alert-dark => 深灰色提示框（深灰色）
     * ::alert-light => 浅灰色（浅灰色提示框，比次要的提示框背景色更浅）
     * data1 => 提示语句
     */
    alertModel = function(alertState, data1) {
        var _html = '';
        _html += '<div class="alert nobottommargin ' + alertState + '">';
        _html += '  <a class="close hover_cursor" data-dismiss="alert">&times;</a>' + data1;
        _html += '</div>';
        return _html;
    }
    /**
     * alert-success => 成功（绿色）
     * alert-info => 提示信息（青色）
     * alert-warning => 警告（黄色）
     * alert-danger => 错误（红色）
     * lert-primary => 首选（蓝色）
     * alert-secondary => 次要的（浅灰色，显示一些不重要的信息。） 
     * alert-dark => 深灰色提示框（深灰色）
     * alert-light => 浅灰色（浅灰色提示框，比次要的提示框背景色更浅）
     * 
     */
    $('[data-btn="ajax-btn"]').click(function() {
        if ($(this).parents('form').attr('data-form') == 'form-ajax') {
            $(this).parents('form').find('input').each(function() {
                if ($(this).attr('name') == 'keywords') {
                    if ($.trim($(this).val()).length == 0) {
                        var _data = alertModel('alert-warning', '请输入关键词！');
                        if ($body.find('.form-alert').length == 0) {
                            $body.prepend(alertModelContent(_data));
                        } else {
                            $body.find('.form-alert').prepend(_data);
                        }
                        setTimeout(function() {
                            $('.form-alert .alert:last-child').remove();
                        }, 2000);
                    } else {
                        // console.log($(this).val());
                        window.location.href=window.location.origin+'/search.html?keywords='+$(this).val()+'&submit=Search';
                    }
                }
            });
        }
    });
    /**
     * 清空当前input
     */
    $('[data-close="close"]').click(function() {
        if ($(this).parents('form').attr('data-form') == 'form-ajax') {
            $(this).parent('[data-lists="inputlists"]').children('input').val('');
        }
    });

    
    $('.togglet').click(function(){
        $(this).parent('.toggle-daveyz').toggleClass('active');
        $(this).parent('.toggle-daveyz').children('.togglec').slideToggle(300);
    });
    

    // 判断是否为手机端
    function isMobile() {
        var userAgentInfo = navigator.userAgent;
        var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
        var mobile_flag = false;
        for (var i = 0; i < mobileAgents.length; i++) { //根据userAgent判断是否是手机
            if (userAgentInfo.indexOf(mobileAgents[i]) > 0) {
                mobile_flag = true;
                break;
            }
        }
        var screen_width = window.screen.width;
        var screen_height = window.screen.height;
        if (screen_width < 500 && screen_height < 800) { //根据屏幕分辨率判断是否是手机
            mobile_flag = true;
        }
        return mobile_flag;
    };
    console.log("phone结果：", isMobile());



    /*================swiper================*/
    var element = $body.find('.swiper-container');
    element.each(function() {
        var elementEffect = $(this).attr('data-effect'); //切换方式：fade 渐变切换 || coverflow 3D左右切换 || cards 普通左右切换
        var elementAutoPlay = $(this).attr('data-autoplay'); //是否自动轮播：3000 || false || null 
        var elementLoop = $(this).attr('data-loop'); //是否循环轮播：true || false
        var elementParallax = $(this).attr('data-parallax'); //视差效果：true || false
        var elementMargin = $(this).attr('data-margin'); //间距
        var elementCentered = $(this).attr('data-centered');    //居中：左右两边默认显示部分视图，显示数量得是偶数;true\false
        if(elementCentered == undefined){
           elementCentered = false;
        }
        var elementItems = $(this).attr('data-items'); //多图数量
        var elementItemsLg = $(this).attr('data-items-lg'); //1200~auto
        var elementItemsMd = $(this).attr('data-items-md'); //992~1199
        var elementItemsSm = $(this).attr('data-items-sm'); //481~991
        var elementItemsXs = $(this).attr('data-items-xs'); //0~480
        if (!elementMargin) {
            elementMargin = 0
        } else {
            elementMargin = Number(elementMargin);
        }
        if (!elementItems) {
            elementItems = 1;
        }
        if (!elementItemsLg) {
            elementItemsLg = Number(elementItems);
        }
        if (!elementItemsMd) {
            elementItemsMd = Number(elementItemsLg);
        }
        if (!elementItemsSm) {
            elementItemsSm = Number(elementItemsMd);
        }
        if (!elementItemsXs) {
            elementItemsXs = Number(elementItemsSm);
        }
        if ($window.width() > 1199) {
            elementItems = elementItemsLg;
        } else if ($window.width() > 991 && $window.width() < 1200) {
            elementItems = elementItemsMd;
        } else if ($window.width() > 480 && $window.width() < 992) {
            elementItems = elementItemsSm;
        } else if ($window.width() < 481) {
            elementItems = elementItemsXs;
        }
        if (!elementAutoPlay || Number(elementAutoPlay) < 1 || elementAutoPlay == undefined || elementAutoPlay == '') {
            elementAutoPlay = false;
        } else {
            elementAutoPlayNumber = Number(elementAutoPlay);
            elementAutoPlay = {
                delay: elementAutoPlayNumber, //自动轮播的间隔时间
                stopOnLastSlide: false, //是否停止在最后一张幻灯片处，loop模式下无效
                disableOnInteraction: true, //用户操作swiper之后，是否禁止autoplay
            }
        }
        if (elementLoop == 'true') {
            elementLoop = true;
        } else {
            elementLoop = false;
        }
        if (elementParallax == true || elementParallax != undefined) {
            elementParallax = true;
        } else {
            elementParallax = false;
        }
        if (!elementEffect || elementEffect == undefined) {
            elementEffect = 'cards';
        } else {
            elementEffect = elementEffect;
        }
        var swiper = new Swiper(this, {
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
                /*renderBullet: function (index, className) {
                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                },*/
            },
            effect: elementEffect, //切换方式
            speed: 800, //速度
            parallax: elementParallax, //视差
            autoplay: elementAutoPlay, //是否自动轮播
            loop: elementLoop, //循环轮播
            slidesPerView: elementItems, //多图轮播
            spaceBetween: elementMargin, //间距
            centeredSlides: elementCentered,    //居中
            
            navigation: { //如果需要前进后退按钮
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    });
    /*================swiper================end*/

    $('body').find('.hover-tabs-data').hover(function() {
        $(this).parents('.hover-tabs-lists').addClass('active').siblings('.hover-tabs-lists').removeClass('active');
    });
    $('body').find('.tabs-title-box').each(function() {
        $(this).find('.tabs-title').on('click', function() {
            $(this).addClass('active').siblings('.tabs-title').removeClass('active');
            var _index = $(this).index();
            $(this).parents('.tabs-box').find('.tabs-content-box').children('.tabs-content').eq(_index).addClass('active').removeClass('hide').siblings('.tabs-content').removeClass('active').addClass('hide');
        });
    });
});


document.onreadystatechange = function(){       //当页面加载状态改变的时候执行function
    if (document.readyState == "complete"){     //当页面加载状态为完全结束时进入 
        console.log('页面加载完成');
        var $window = $(window),
            $body = $('body'),
            $header = $('header'),
            $pagesSectionEl = $('.pages-section'),
            $pagesMenuNav = $("#pages-menu-nav");
        /**
         * 页内锚链接
         */
        $body.find('section').each(function() {
            var headerHeight = $header.height();
            if(headerHeight<$window.scrollTop()){
                $header.addClass('daveyz-header');
            }
            if ($(this).attr('id') == 'pages-menu-nav') {
                console.log($pagesMenuNav)
                var navH = $pagesMenuNav.offset().top,
                    _id = null,
                    _idLists = [];
                console.log($window.scrollTop(), navH, headerHeight);
                if ($window.scrollTop() >= navH) {
                    $pagesMenuNav.addClass('po_fixed');
                    $pagesMenuNav.css({
                        "top": headerHeight
                    });
                    if ($pagesSectionEl.length > 0) {
                        for (var i = 0; i < $pagesSectionEl.length; i++) {
                            if ($window.scrollTop() >= ($('#' + $pagesSectionEl[i].attributes.id.value).offset().top - headerHeight - $pagesMenuNav.height() - 2)) {
                                _idLists.push($('#' + $pagesSectionEl[i].attributes.id.value).offset().top);
                                _id = $pagesSectionEl[i].attributes.id.value;
                            }
                        };
                        $pagesMenuNav.find('a[data-href="#' + _id + '"]').addClass('active').siblings('a').removeClass('active');
                    }
                } else {
                    console.debug('不用赋值');
                }
                //滚动条事件
                $window.scroll(function() {
                    
                    //获取滚动条的滑动距离
                    var scroH = $(this).scrollTop();
                    console.log(scroH,navH)
                    scroH = scroH + headerHeight;
                    //滚动条的滑动距离大于等于定位元素（页面导航）距离浏览器顶部的距离，就固定，反之就不固定
                    console.log(scroH,navH)
                    if (scroH >= navH) {
                        $pagesMenuNav.addClass('po_fixed');
                        $pagesMenuNav.css({
                            "top": headerHeight
                        });
                    } else if (scroH < navH) {
                        $pagesMenuNav.removeClass('po_fixed');
                        $pagesMenuNav.css({
                            "top": ""
                        });
                    }
                    if ($pagesSectionEl.length > 0) {
                        for (var i = 0; i < $pagesSectionEl.length; i++) {
                            if ($window.scrollTop() >= ($('#' + $pagesSectionEl[i].attributes.id.value).offset().top - headerHeight - $pagesMenuNav.height() - 2)) {
                                _idLists.push($('#' + $pagesSectionEl[i].attributes.id.value).offset().top);
                                _id = $pagesSectionEl[i].attributes.id.value;
                            }
                        };
                        if ($pagesMenuNav.find('a[data-href]').attr('data-state') == 'click') {
                            setTimeout(function() {
                                $pagesMenuNav.find('a[data-href="#' + _id + '"]').addClass('active').siblings('a').removeClass('active');
                            }, 2000);
                        } else {
                            $pagesMenuNav.find('a[data-href="#' + _id + '"]').addClass('active').siblings('a').removeClass('active');
                        };
                    }
                });
                $pagesMenuNav.find('a[data-href]').click(function() {
                    var dataId = $(this).attr('data-href');
                    
                    var dataTop = $(dataId).offset().top - headerHeight - $pagesMenuNav.height();
                    $("html,body").stop().animate({
                        scrollTop: dataTop
                    }, 2000);
                    $pagesMenuNav.find('a[data-href]').attr('data-state', 'click');
                    setTimeout(function() {
                        $(this).addClass('active').siblings().removeClass('active');
                        $pagesMenuNav.find('a[data-href]').attr('data-state', 'scroll');
                    }, 2000);
                });
            };
        });
    }else{
        console.log('页面加载中');
    }
}