Nav('#nav');
Menu('.mbtn', '.navm'); //手机版导航
//下拉菜单 例调用：Nav('#nav');
function Nav(id) {
    var oNav = $(id);
    var aLi = oNav.find('li');
    aLi.hover(function() {
        $(this).addClass('on');
    }, function() {
        $(this).removeClass('on');
    })
};
//下拉菜单 例调用：Menu('#menu');
// function Menu(id){
// 	var oNav = $(id);
// 	var aLi = oNav.find('li');
// 	aLi.hover(function (){
//         $(this).addClass('on');
// 	},function (){
//         $(this).removeClass('on');
// 	})// };
//12.移动端顶部点击弹出下拉菜单
function Menu(menu, main) {
    var onOff = true;
    $(menu).bind('click', function() { //绑定this为menu
        $(main).slideToggle();
        if ($(this).find('span').hasClass('fa-navicon')) {
            $(this).find('span').removeClass('fa-navicon');
            $(this).find('span').addClass('fa-remove');
        } else {
            $(this).find('span').addClass('fa-navicon');
            $(this).find('span').removeClass('fa-remove');
        }
    })
    $(main).find('li > span').bind('click', function() {
        if ($(this).hasClass('fa-chevron-right')) {
            $(this).removeClass('fa-chevron-right');
            $(this).addClass('fa-chevron-down');
        } else {
            $(this).addClass('fa-chevron-right');
            $(this).removeClass('fa-chevron-down');
        }
        if ($(this).parent().hasClass('on')) {
            $(this).parent().find('.subNavs').slideUp();
            $(this).parent().removeClass('on');
            return false; //退出循环
        };
        $(this).parent().siblings().removeClass('on').find('.subNavs');
        $(this).parent().siblings().find('.subNavs').slideUp();
        $(this).parent().addClass('on').find('.subNavs');
        $(this).parent().find('.subNavs').slideDown();
    })
};
function SerMax(id, main) {
    var serBtn = $(id);
    var wrapSer = $(main);
    serBtn.click(function() {
        $(this).filter('#gp-serBtn2').fadeOut(300);
        $(this).filter('#gp-serBtn3').toggleClass('active');
        if ($(main).hasClass('no-overlay')) {
            wrapSer.toggleClass('active');
        } else {
            serFun()
        }
    })
    function serFun() {
        wrapSer.toggleClass('active');
        if ($(wrapSer).hasClass('active')) {
            $('body').css('overflow', 'hidden').addClass('searchActive');
            $('.gp-overlay').fadeIn(300)
        } else {
            wrapSer.removeClass('active');
            $('.gp-overlay').fadeOut(300)
            $('body').css('overflow', 'auto').removeClass('searchActive');
        }
    }
    $('.gp-overlay').click(function() {
            serFun()
        })
        //点击空白处隐藏弹出层，下面为滑动消失效果和淡出消失效果。
    $(document).click(function(event) {
        var _con1 = serBtn // 设置目标区域
        var _con2 = wrapSer; // 设置目标区域
        if (!_con1.is(event.target) && _con1.has(event.target).length === 0 && !_con2.is(event.target) && _con2.has(event.target).length === 0) {
            wrapSer.removeClass('active')
            serBtn.delay(300).fadeIn(300)
        }
    });
}
//select表单友情链接   例调用：onChange="location1(this)";
//链接网站在新标签页打开
function location1(s) {
    var d = s.options[s.selectedIndex].value;
    window.open(d);
    s.selectedIndex = 0;
};
//链接网站在本页面打开
function location2(s) {
    var d = s.options[s.selectedIndex].value;
    s.selectedIndex = 0;
    window.top.location.href = d;
};;
(function($) {
    $.fn.extend({
        tab: function(options) {
            var defaults = { //默认参数
                ev: 'mouseover', //默认事件'mouseover','click'
                delay: 100, //延迟时间
                auto: true, //是否自动切换 true,false
                speed: 2000, //自动切换间隔时间(毫秒)
                more: false //是否有more,false,true
            };
            var options = $.extend(defaults, options); //用户设置参数覆盖默认参数
            return this.each(function() {
                var o = options;
                var obj = $(this);
                var oTil = obj.find('.til_tab');
                var oBox = obj.find('.tabListBox');
                var oMore = null;
                var iNum = 0;
                var iLen = oTil.length;
                obj.find('.til_tab').eq(0).addClass('on')
                obj.find('.tabListBox').eq(0).css('display', 'block')
                obj.find('.more_tab').eq(0).css('display', 'block')
                    //鼠标事件绑定
                oTil.bind(o.ev, function() {
                    var _this = this;
                    if (o.ev == 'mouseover' && o.delay) {
                        _this.timer = setTimeout(function() {
                            change(_this);
                        }, o.delay);
                    } else {
                        change(_this);
                    };
                })
                oTil.bind('mouseout', function() {
                    var _this = this;
                    clearTimeout(_this.timer);
                });
                //自动切换效果
                (function autoPlay() {
                    var timer2 = null;
                    if (o.auto) {
                        function play() {
                            iNum++;
                            if (iNum >= iLen) {
                                iNum = 0;
                            };
                            change(oTil.eq(iNum));
                        };
                        timer2 = setInterval(play, o.speed);
                        obj.on('mouseover', function() {
                            clearInterval(timer2);
                        })
                        obj.on('mouseout', function() {
                            timer2 = setInterval(play, o.speed);
                        })
                    };
                })();
                function change(box) {
                    iNum = $(box).index();
                    oTil.removeClass('on');
                    oBox.css('display', 'none');
                    if (o.more) {
                        oMore = obj.find('.more_tab');
                        oMore.css('display', 'none');
                        oMore.eq(iNum).css('display', 'block');
                    };
                    oTil.eq(iNum).addClass('on');
                    oBox.eq(iNum).css('display', 'block');
                }
            });
        }
    })
})(jQuery);
//移动端顶部点击弹出下拉菜单
function subMenu(menu, main) {
    $(menu).each(function(e) {
        var $this = $(this)
        $this.click(function() {
            $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out");
            $(this).parent().next(".sub_navm").slideToggle(250);
        });
        $this.parent().next('.sub_navm').find('.phone_toggle').click(function() {
            $(this).next('dl').slideToggle(500);
            $(this).toggleClass('on');
            if ($(this).hasClass('on')) {
                $(this).html("×")
            } else {
                $(this).html("+")
            }
        })
    })
};
function subLeft() {
    $('.sub_left').find('.active').each(function() {
        if ($(this).parent().parent().hasClass('second_nav')) {
            $(this).parent().parent().css('display', 'block');
            $(this).parent().parent().parent().addClass('active')
            $(this).parent().parent().prev('.toggles').html('×')
        }
    })
    $('.sub_left').find('.toggles').click(function() {
        $(this).next('.second_nav').slideToggle(500);
        $(this).parent('li').toggleClass('active');
        if ($(this).parent('li').hasClass('active')) {
            $(this).html("×")
        } else {
            $(this).html("+")
        }
    })
}
$(function() {
    SerMax('#gp-serBtn2', '#gp-search2');
})
//头部置顶固定
function headerFix() {
    var iWSon = document.documentElement.clientWidth;
    var $windowHeight = $(window).height();
    var bodyHeight = $(document.body).height();
    var $headerHeight = $('header').height() - 60;
    $(window).scroll(function() {
        var scrollTop = $(window).scrollTop();
        if (scrollTop >= 40 && bodyHeight > $windowHeight + $headerHeight * 2) {
            if (iWSon > 1020) {
                $('header,body').addClass('currents');
            } else {
                $('header,body').removeClass('currents');
            }
        } else {
            $('header,body').removeClass('currents');
        }
    })
}