function chexing_init(chexing_html1){
    var zimu_list="A,B,C,D,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,W,X,Y,Z".split(",");
    for (var i=0;i<zimu_list.length;i++) {
        var zimu=zimu_list[i];
        chexing_html1+='<div class="chunk___1A7yZ"><div class="title___3c0ZH">'+zimu+'</div>';
        var list1=pinpai_list[zimu];
        for (var j=0;j<list1.length;j++) {
            chexing_html1+='<div class="item___3RGbo" zimu="'+zimu+'" data-index="'+j+'" data-id="'+list1[j].id+'"><img class="img___1VoNl" src="'+list1[j].image+'" onerror="this.src=\'https://image.guazistatic.com/files/tag_img/17377.jpg\';this.onerror=\'\';" alt="ABT">' +
                '<div class="txt___CTV0w">'+list1[j].name+'</div></div>';
        }
        chexing_html1+='</div>'
    }
    $('.body___1qmX2').html(chexing_html1);

    $('.word___2MKVb .item___3RGbo').click(function () {
        var txt1=$(this).text();
        $('.title___3c0ZH').each(function (i) {
            var txt2=$(this).text();
            if(txt2=='热门品牌'){
                txt2='热';
            }
            if(txt1==txt2){
                var offsetTop=window['offsetTopList'][i];
                $('.body___1qmX2').stop().animate({scrollTop: offsetTop}, 500, function () {});
            }
        });
    });
    $('.body___1qmX2 .item___3RGbo').click(function () {
        var txt1=$(this).attr('zimu');
        var txt2=$(this).text();
        var data_id=$(this).attr('data-index');
        var pid1=$(this).attr('data-id');
        var childrens=pinpai_list[txt1][data_id]['childrens'];
        var chexing_html2='<div class="am-modal-mask"></div><div class="am-modal-wrap " role="dialog"><div role="document" class="am-modal"><div class="am-modal-content"><div class="am-modal-body"><div class="root___2Ik60"><div class="head___YxyeA"><div class="back___1ocQV" style="opacity: 1;"></div><div>'+txt2+'</div><div class="close___2zOIe" style="opacity: 0;"></div></div><div class="root___1mnfK"><div><div class="title___kwTOX">'+txt2+'</div>';
        for (var i=0;i<childrens.length;i++) {
            chexing_html2+='<div class="item___2IBNZ" data-index="'+childrens[i].id+'" data-name="'+childrens[i].name+'"><img class="img___3eyBr false" src="'+childrens[i].image+'" onerror="this.src=\'https://image.guazistatic.com/files/tag_img/17377.jpg\';this.onerror=\'\';" alt="ABT AS3"><div class="bottom___csra-"><div class="name___3kgZa">'+childrens[i].name+'</div></div></div>';
        }
        chexing_html2+='</div></div></div></div></div></div></div>';
        chexing2.html(chexing_html2);
        chexing2.show();
        chexing1.hide();
        chexing3.hide();
        $('#chexing2 .back___1ocQV').click(function () {
            chexing2.hide();
            chexing3.hide();
            chexing1.show();
        });
        $('.root___1mnfK .item___2IBNZ').click(function () {
            var data_id2=$(this).attr('data-index');
            var data_name2=$(this).attr('data-name');
            $.ajax({
                url: '/che/getChexingList',
                dataType: 'json',
                type: 'post',
                data: {'id': data_id2},
                success: function (result) {

                    var chexing_html3='<div class="am-modal-mask"></div><div class="am-modal-wrap " role="dialog"><div role="document" class="am-modal"><div class="am-modal-content"><div class="am-modal-body"><div class="root___2Ik60" pid1="'+pid1+'" pid_name1="'+txt2+'" pid2="'+data_id2+'" pid_name2="'+data_name2+'"><div class="head___YxyeA"><div class="back___1ocQV" style="opacity: 1;"></div><div>选择车款（'+txt2+' - '+data_name2+'）</div><div class="close___2zOIe" style="opacity: 0;"></div></div><div class="root___12pmd"><div class="left___3LEwz">';
                    var year_list=result.year_list;
                    var list3=result.list;
                    var year_html='<div class="right___1TokG">';
                    for (var j=0;j<year_list.length;j++) {
                        var year1=year_list[j].year;
                        var active='false';
                        if(j==0){
                            active='active_';
                            year_html+=san_html(list3[year1],year1);
                        }
                        chexing_html3+='<div class="item___QQOYQ '+active+'" data-index="'+year1+'">'+year1+'款</div>';
                    }
                    year_html+='</div>';
                    chexing_html3+='</div>'+year_html+'</div></div></div></div></div></div>';
                    chexing3.html(chexing_html3);
                    chexing3.show();
                    chexing1.hide();
                    chexing2.hide();
                    san_chick(list3);
                    $('#chexing3 .back___1ocQV').click(function () {
                        chexing1.hide();
                        chexing3.hide();
                        chexing2.show();
                    });
                }, error: function () {
                    console.log("查询车型信息出错！");
                }
            });
        });
    });


}
function san_html(list33,year1){

    var year_html='<div><div class="subtitle___k8S5P">'+year1+'</div>';
    for (var k=0;k<list33.length;k++) {
        year_html+='<div class="item___QQOYQ"  data-id="'+list33[k].id+'">'+list33[k].name+'</div>';
    }
    year_html+='</div>';
    return year_html;
}
function san_chick(list3){
    var chexing1=$('#chexing1');
    var chexing2=$('#chexing2');
    var chexing3=$('#chexing3');
    $('.left___3LEwz .item___QQOYQ').click(function () {
        $(this).removeClass('false');
        $(this).addClass('active_').siblings().removeClass('active_');
        var year=$(this).attr('data-index');
        if(year){
            $('.right___1TokG').html(san_html(list3[year],year));
            san_chick(list3);
        }
    });
    $('.right___1TokG .item___QQOYQ').click(function () {
        var pid_select=$('#chexing3 .root___2Ik60');
        var pid1=pid_select.attr('pid1');
        var pid_name1=pid_select.attr('pid_name1');
        var pid2=pid_select.attr('pid2');
        var pid_name2=pid_select.attr('pid_name2');
        var chexing_id=$(this).attr('data-id');
        var chexing_name=$(this).text();
        if(pid_name1&&pid1&&pid_name2&&pid2&&chexing_id&&chexing_name){
            chexing1.hide();
            chexing2.hide();
            chexing3.hide();
            $('#chexing').val(pid_name2+' '+chexing_name);
            $('#chexing_name').val(chexing_name);
            $('#chexing_id').val(chexing_id);
            $('#chexing_pid1').val(pid1);
            $('#chexing_pid2').val(pid2);
            $('#pid_name1').val(pid_name1);
            $('#pid_name2').val(pid_name2);
        }
    });
}
var chexing1=$('#chexing1');
var chexing2=$('#chexing2');
var chexing3=$('#chexing3');
$('#chexing').click(function () {
    chexing1.show();
    chexing2.hide();
    chexing3.hide();
    window['offsetTopList'] = [];
    var offsetTop1= $('.body___1qmX2').offset().top;
    $('.title___3c0ZH').each(function () {
        var offsetTop=$(this).offset().top;
        if(offsetTop>offsetTop1){
            window['offsetTopList'].push(offsetTop-offsetTop1-116);
        }else {
            if(offsetTop>116){
                window['offsetTopList'].push(offsetTop-116);
            }else {
                window['offsetTopList'].push(offsetTop);
            }
        }
    });
});
$('.close___2zOIe').click(function () {
    chexing1.hide();
    chexing2.hide();
    chexing3.hide();
});
$.ajax({
    url: '/che/getHotChexingList',
    dataType: 'json',
    type: 'post',
    data: {},
    success: function (ret) {
        if(ret.length>0){
            var chexing_html1='<div class="hot___PBk6z"><div class="title___3c0ZH">热门品牌</div><div class="list___2NPNG">';
            for (var i=0;i<ret.length;i++) {
                chexing_html1+='<div class="item___3RGbo" zimu="'+ret[i].zimu+'" data-index="'+(ret[i].sort)+'" data-id="'+ret[i].id+'"><img class="top___3SNTt" src="'+ret[i].img_path+'" onerror="this.src=\'https://image.guazistatic.com/files/tag_img/17377.jpg\';this.onerror=\'\';" alt=""><div class="bottom___3lP21">'+ret[i].name+'</div></div>';
            }
            chexing_html1+='</div></div>';
            chexing_init(chexing_html1);
        }

    },error: function () {

    }
});