var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
    isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
    isAndroid = ua.match(/(Android)\s+([\d.]+)/),
    isMobile = isIphone || isAndroid;
    /*这里是做公共头部与底部的*/ 


// var head = '<div id="header"></div>';
// var foot = foot = '<div id="footer"></div>';;

// $("body").prepend(head).append(foot);

// $("#header").load("header.html",setActNav);
// $("#footer").load("footer.html");
    
/*
*页面滚动函数;
*/ 
var changenav2 = false;

var TOP = false;
var startScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var canScroll = startScrollTop < ($(".bannerbox").height()-60);


document.addEventListener('scroll', scrollFunc2);
function scrollFunc2(event) {
    var scrollDistance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    if(scrollDistance >= 100) { // 触发的位置
        if(changenav2 == false) {
            changenav2 = true;
           $("header").addClass("actheader");
        }
    } else { 
        changenav2 = false;
        $("header").removeClass("actheader");
    }
    if(scrollDistance > window.innerHeight){
        if(TOP == false){
            TOP = true;
            $(".backTop").addClass("actbacTop");
        }
    }else{
        TOP = false;
        $(".backTop").removeClass("actbacTop");
    }
    
    if(scrollDistance < ($(".bannerbox").height()-60) && !canScroll) {
        canScroll = true;
    }

}


function bindMenu(){
    $(".subTitle").click(function () {
        var _this = $(this);
        _this.toggleClass("menuact");
        _this.siblings(".subbox").stop(true, false).slideToggle();
        _this.parent("li").siblings("li").find(".subbox").stop(true, false).slideUp(300);
        _this.parent("li").siblings("li").find(".subTitle").removeClass("menuact");
    })
    //菜单点击事件
    $(".menu").click(function () {
        $(".maskout").fadeIn(300);
        $(".menu_sub").css("right", "0");
    })
    $(".maskout").click(function () {
        $(".maskout").fadeOut(300);
        $(".menu_sub").css("right", "-70%");
    })
}
/*判断是不是IE*/ 
function isIE() { //ie?
    if (!!window.ActiveXObject || "ActiveXObject" in window)
        return true;
    else
        return false;
}


/*组止冒泡*/
function stopBubble(e) {
    //如果提供了事件对象，则这是一个非IE浏览器
    if (e && e.stopPropagation)
        //因此它支持W3C的stopPropagation()方法
        e.stopPropagation();
    else
        //否则，我们需要使用IE的方式来取消事件冒泡
        window.event.cancelBubble = true;
}


/*阻止浏览器的默认行为*/
function stopDefault(e) {
    //阻止默认浏览器动作(W3C)
    if (e && e.preventDefault)
        e.preventDefault();
    //IE中阻止函数器默认动作的方式
    else
        window.event.returnValue = false;
    return false;
}


var ms = 0;



new WOW(
    {
    callback: function (e) {
        var tps = $(e).attr("ms");
        switch (tps){
            case "ms":
                ms += .1;
                $(e).css("animation-delay",ms+"s");
            break;
        }
        $(e).addClass("wow2");
    }
}).init();

var timeOuts = null;
function setTimes() {
	timeOuts = setTimeout(function() {
		ms = 0;
	}, 150);
}
$(window).scroll(function() {
	/*滚动时先清除上一个定时器,然后再设置新的定时器,以免出现多个定时器造成混乱*/
	clearTimeout(timeOuts);
	setTimes();
})



var swiper = {
    speed: 700,
    slideToClickedSlide:true,
    autoplayDisableOnInteraction: false,
    paginationClickable: true
}


var creatSwiper = function creatSwiper(ele, val) {
    var elestr = ele.slice(1);
    val = assignOBJ(val);
    val.prevButton = ".prev_"+elestr;
    val.nextButton = ".next_"+elestr;
    val.pagination = ele+"SP";
    return new Swiper(ele, val);
};



function assignOBJ (e){
    var b = {};
    for(var a in swiper){
        if(!e[a]){
            e[a] = swiper[a];
        }
    }
    return e;
}

// function extend (destination, source) {
//     for (var property in source) {
//         if (source.hasOwnProperty(property)) {
//             destination[property] = source[property];
//         }
//     }
//     return destination;
// };
$("header .navbox .navli").hover(
    function(){
        var t = $(this);
        // t.find(".subox").stop(true,false).slideDown(400);
        t.siblings(".act-li").removeClass("act-li").addClass("on");
    },
    function(){
        var t = $(this);
        // t.find(".subox").stop(true,false).slideUp(400);
        t.siblings(".on").addClass("act-li").removeClass("on")
    }
)


$(function(){
    hidden();
    setActNav();
    // ssuo();
    $(".l").hover(function(){
        $(this).siblings(".current").removeClass("current").addClass("on");
     },function(){
        $(this).siblings(".on").removeClass("on").addClass("current");
     })
    $(".backTop").click(
        function(){
            $("html,body").animate({
                scrollTop:0
            },1000)
        }
    )

    $(".mouse-box").on("click",function(){
        aniTh();
    })

    $(".bannerbox .video-box").css("height",$(".bannerbox .video-box").width() / (1920 / 950)+"px")
})
function setActNav (){
    var ind = parseInt($("body").attr("data-ind"));
    $("header .navli").eq(ind).addClass("current");

    bindMenu();
 }
function winW (){
    return window.innerWidth;
}

function hidden() {
    var overs = document.getElementsByClassName("over");
    for (var i = 0; i < overs.length; i++) {
        var el = overs[i];
        var s = el.innerHTML;
        var n = el.offsetHeight;
        for (k = 0; k < s.length; k++) {
            el.innerHTML = s.substr(0, k+1);
            if (n < el.scrollHeight) {
                el.style.overflow = 'hidden';
                el.innerHTML = s.substr(0, k - 3) + '...';
                break;
            }
        }
    }
}


function ssuo () {
    setTimeout(function(){
        var sp = document.getElementsByClassName("sp");

    for(var i = 0; i < sp.length; i++){
        var str = $(sp[i]).attr("data-str");
        var n = '';
        for(var k = 0; k < str.length; k++) {
            var rand = Math.random() * 1;
            n += '<span style="animation-delay:' + rand + 's">' + str[k] + '</span>';
        }
        $(sp[i]).html(n);
    }
    },500)
}
function aniTh (){
    $("html ,body").animate({
        scrollTop: $(".bannerbox").height()-60 +"px"
    })
}

if($("body").attr("data-ind") !=0  && winW() > 1024){
    if(document.addEventListener) {
        document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }
    window.onmousewheel = document.onmousewheel = scrollFunc;
    
}

var mos = false;

function scrollFunc(e) {    
    e = e || window.event;

    var dis = document.documentElement.scrollTop || document.body.scrollTop;
    var banH= $(".bannerbox").height()-60;
    if(e.wheelDelta){
        if(e.wheelDelta < 0){
            if(mos == false && dis < banH && canScroll){
                mos = true;
                aniTh();
            }
        }else{
            mos = false;
        }
    }else if(e.detail){
        if(e.detail > 0){
            if(mos == false && dis < banH){
                mos = true;
                aniTh()
            }
        }else{
            mos = false;
        }
    }
}