//这是电脑案例
//刷新
// var designSize=1920;
// var html=document.documentElement;
// var widWidth=html.clientWidth;
// var rem=widWidth*(100/designSize);
// html.style.fontSize=rem+"px";
//缩放窗口
// window.onresize=function(){
//     widWidth=html.clientWidth;
//     rem=widWidth*(100/designSize);
//     html.style.fontSize=rem+"px";
// }

//思考：
//通过widWidth来判断电脑和手机 以767px为临界值来设置designSize和html的字体大小

$(function () {
     var $winWid=$(window).width();
     console.log($winWid);
     var bannerHei=$winWid*(800/1920);

     var banner02Hei=$winWid*(700/1920);

    $(".bannerBg").css({"height":bannerHei});

    $(".banner02Bg").css({"height":banner02Hei});

     $(window).resize(function () {
         $winWid=$(window).width();
         console.log($winWid);
         bannerHei=$winWid*(800/1920);
         banner02Hei=$winWid*(700/1920);
         $(".bannerBg").css({"height":bannerHei});
         $(".banner02Bg").css({"height":banner02Hei});
     });

    $(".c2 li").mouseover(function () {
        $(this).addClass("c2LiMax").siblings().removeClass("c2LiMax");
    });

    //C3 banner
    var $tuLen=$(".tuUl li").length;
    var $tuliWid=$(".tuUl li").innerWidth();
    $(".tuUl").css({"width":($tuLen+1)*$tuliWid});


    $(".tuUl li").each(function () {
        $(".quanquan").append("<li>"+($(this).index()+1)+"</li>");
    });

    var $firstLi=$(".tuUl li:first").clone();
    $(".tuUl").append($firstLi);//把新添加的li追加到最后面
    var $counter=0;

    $(".quanquan li:eq(0)").addClass("qqliOn");

    $(".quanquan li").mouseover(function () {
        $counter=$(this).index();
        $(this).addClass("qqliOn").siblings().removeClass("qqliOn");

        $(".tuUl").animate({"marginLeft":-$tuliWid*$counter});
    });

    function prev(){
        $counter--;
        if($counter<0){

            $(".tuUl").css({"marginLeft":-$tuliWid*($tuLen)});//先移动到新添加的li
            $(".tuUl").stop().animate({"marginLeft":-$tuliWid*($tuLen-1)});//然后将新添加的li移动到最后一张

            $counter=$tuLen-1;
        }else{
            $(".tuUl").animate({"marginLeft":-$tuliWid*$counter});
        }

        $(".quanquan li:eq("+$counter+")").addClass("qqliOn").siblings().removeClass("qqliOn");

    }

    function next(){
        $counter++;

        if($counter==($tuLen)){

            $(".tuUl").animate({"marginLeft":-$tuliWid*$counter},function () {
                $(".tuUl").css({"marginLeft":"0"});
            });

            $counter=0;

        }else{
            $(".tuUl").animate({"marginLeft":-$tuliWid*$counter});
        }

        $(".quanquan li:eq("+$counter+")").addClass("qqliOn").siblings().removeClass("qqliOn");


    }

    $(".anL").click(function () {
        prev();
    });

    $(".anR").click(function () {
        next();
    });


    var $timer=null;
    $timer=setInterval(next,3000);

    $(".bannerBg").mouseover(function(){
        clearInterval($timer);
    });

    $(".bannerBg").mouseout(function(){
        $timer=setInterval(next,3000);
    });

    document.addEventListener('visibilitychange',function(){ //娴忚鍣ㄥ垏鎹簨浠�
        if(document.visibilityState=='hidden') { //鐘舵€佸垽鏂�
            clearInterval($timer);
        }else {
            $timer=setInterval(next,3000);
        }
    });


    var $gun8LiWid=$(".gun08 ul li").innerWidth()+16;
    var $gun8LiLen=$(".gun08 ul li").length;
    $(".gun08 ul").css({"width":$gun8LiWid*$gun8LiLen});

    console.log($gun8LiWid);


    $(window).resize(function () {
        $gun8LiWid=$(".gun08 ul li").innerWidth()+16;
        $gun8LiLen=$(".gun08 ul li").length;
        $(".gun08 ul").css({"width":$gun8LiWid*$gun8LiLen});
        $(".gun08 ul").css({"marginLeft":-$counter02*$gun8LiWid});

    });


    var $counter02=0;

    $(".anR01").click(function () {
        $counter02++;
        if($counter02>$gun8LiLen-3){
            $counter02=0;
        }

        console.log($counter02);

        $(".gun08 ul").css({"marginLeft":-$counter02*$gun8LiWid});
    });

    $(".anL01").click(function () {
        $counter02--;
        if($counter02<0){
            $counter02=$gun8LiLen-3;
        }

        console.log($counter02);

        $(".gun08 ul").css({"marginLeft":-$counter02*$gun8LiWid});
    });
    
    $(".fdh-01-nav-one").hover(function () {
        $(this).find("h3").addClass("sidenavcur");
    },function () {
        $(this).find("h3").removeClass("sidenavcur");

    });



});