var data = new Array(),myData= new Array();
var type_id=0,t_id=0,m_id=0,fa_id=0;
var type_name="",t_name="",m_name="",fa_name="";

var list_type_name={1:'標準仕様',2:'耐摩耗仕様 AR仕様'};
var list_m_name={1:'スチール',2:'鋳物',3:'真鍮・銅',4:'ステンレス',5:'アルミニウム',6:'混在',0:'その他'};
var list_t_name={1:'長い',2:'短い',3:'左記の長短切粉が混在しコンベヤに投入する',4:'短い（浮遊性）',0:'その他'};
var list_fa_name={1:'フィルター付き',2:'フィルターレス'};


    $(function(){
        $(document).ready( function(){
            //製品データ読み込み
            $.ajax({
                type: "GET",
                cache : false,
                url: "data.json",
                success: function(data){
                    myData = data.concat();
                    for (var i = 0; i < myData.length; i++){
                    }
                },
                complete: function (data) {
                },
                error: function( data ) {
                    alert("データの取得に失敗しました。");
                }
            });

            $("input[name='type']").change(function(){
                type_id = $("input[name='type']:checked").val();
                type_name = list_type_name[type_id];
                $("#conditions_type_id_1").text(type_name);

                t_id=0,m_id=0,fa_id=0;

                //以下画面初期化
                $("#search_btm").addClass("disabled");
                $("#conditions_type_id_1").removeClass("none");
                $("#conditions_type_id_2").addClass("none");
                $("#conditions_m_id_1").addClass("none");
                $("#conditions_m_id_2").removeClass("none");
                $("#conditions_t_id_1").addClass("none");
                $("#conditions_t_id_2").removeClass("none");
                $("#conditions_fa_id_1").addClass("none");
                $("#conditions_fa_id_2").removeClass("none");

                $("#d_m_type>label").addClass("disabled");
                $("#d_t_type>label").addClass("disabled");
                $("#d_fa_type>label").addClass("disabled");

                $("input[name='m_type']").prop('checked', false);
                $("input[name='t_name']").prop('checked', false);
                $("input[name='fa_name']").prop('checked', false);
                $("input[name='m_type']").parent().removeClass('active');
                $("input[name='t_name']").parent().removeClass('active');
                $("input[name='fa_name']").parent().removeClass('active');


                var radioVal = $("input[name='m_type']:checked").val();

                dell_table();

                //材質の項目セット

                for (var i = 0; i < myData.length; i++) {
                    if (myData[i].type_id == type_id) {
                       // console.log(myData[i].m_id);
                        //材質選択の処理
                        $("input[name='m_type'][value='" + myData[i].m_id + "']").parent().removeClass("disabled");
                    }
                    $("input[name='m_type'][value='" + 0 + "']").parent().removeClass("disabled");
                }
            });

            $("input[name='m_type']").change(function(){
                t_id=0,fa_id=0;

                m_id = $("input[name='m_type']:checked").val();
                m_name =list_m_name[m_id];
                $("#conditions_m_id_1").text(m_name);

                $("#conditions_m_id_1").removeClass("none");
                $("#conditions_m_id_2").addClass("none");
                $("#conditions_t_id_1").addClass("none");
                $("#conditions_t_id_2").removeClass("none");
                $("#conditions_fa_id_1").addClass("none");
                $("#conditions_fa_id_2").removeClass("none");
                //以下画面初期化
               //alert(m_id);

                $("#d_t_type>label").addClass("disabled");
                $("#d_fa_type>label").addClass("disabled");

                $("#search_btm").addClass("disabled");
                $("input[name='t_name']").prop('checked', false);
                $("input[name='fa_name']").prop('checked', false);
                $("input[name='t_name']").parent().removeClass('active');
                $("input[name='fa_name']").parent().removeClass('active');
                var radioVal = $("input[name='t_id']:checked").val();


                dell_table();

                if(m_id==0){
                    $(this).prop('checked', false);
                    $(this).parent().removeClass('active');
                    init_search_buttom();
                    alert("こちらを選択される場合は、椿本メイフラン担当営業まで直接お問合わせ下さい。");
                    $("html,body").animate({scrollTop:$('#d_type_area').offset().top});

                    $("#reset_btm").click();
                }else{

                //材質の項目セット
             //   $("input[name='t_name']").parent().removeClass("disabled");

                for (var i = 0; i < myData.length; i++) {
                    if (myData[i].type_id == type_id && myData[i].m_id == m_id ) {
                        console.log(myData[i].t_id);
                        //材質選択の処理
                        $("input[name='t_name'][value='" + myData[i].t_id + "']").parent().removeClass("disabled");
                    }
                }

                if(m_id==2){
                    $("#p_t_type").hide();
                    $("#d_t_type").hide();

                    $("#conditions_t_id_1").removeClass("none");
                    $("#conditions_t_id_2").addClass("none");
                    $("#conditions_t_id_1").text("(選択不要)");

                    conditions_t_id_2

                    for (var i = 0; i < myData.length; i++) {
                        if (myData[i].type_id == type_id && myData[i].m_id == m_id) {
                            t_id=0;
                            //材質選択の処理
                            $("input[name='fa_name'][value='" + myData[i].fa_id + "']").parent().removeClass("disabled");
                        }
                    }

                }else{
                    $("#p_t_type").show();
                    $("#d_t_type").show();
                }
                }

            });

            $("input[name='t_name']").change(function(){
                fa_id=0;
                t_id = $("input[name='t_name']:checked").val();
                t_name=list_t_name[t_id];
                $("#conditions_t_id_1").text(t_name);
                //以下画面初期化
                //alert(t_id);

                $("#search_btm").addClass("disabled");
                $("#conditions_t_id_1").removeClass("none");
                $("#conditions_t_id_2").addClass("none");
                $("#conditions_fa_id_1").addClass("none");
                $("#conditions_fa_id_2").removeClass("none");


                $("#d_fa_type>label").addClass("disabled");

                $("input[name='fa_name']").prop('checked', false);
                $("input[name='fa_name']").parent().removeClass('active');

                //材質の項目セット
         //       $("input[name='fa_name']").parent().removeClass("disabled");
                dell_table();


                for (var i = 0; i < myData.length; i++) {
                    if (myData[i].type_id == type_id && myData[i].m_id == m_id &&  myData[i].t_id == t_id) {
                        console.log(myData[i].fa_id);
                        //材質選択の処理
                        $("input[name='fa_name'][value='" + myData[i].fa_id + "']").parent().removeClass("disabled");
                    }
                }
            });

            $("input[name='fa_name']").change(function(){
                 fa_id = $("input[name='fa_name']:checked").val();
                 fa_name=list_fa_name[fa_id];
                $("#conditions_fa_id_1").text(fa_name);
                 
                //以下画面初期化
                //alert(fa_id);
                $("#conditions_fa_id_1").removeClass("none");
                $("#conditions_fa_id_2").addClass("none");

                dell_table();

                $("#search_btm").removeClass("disabled");

            });

            $("#search_btm").click(function(){
                get_result();
            });

            $("#reset_btm").click(function(){
                init_search_buttom();
                $("html,body").animate({scrollTop:$('#d_type_area').offset().top});
            });



            init_search_buttom();



        });
        function get_result() {
            dell_table();

            //console.log(t_id);

            var tmp_list_products= new Array();
            for (var i = 0; i < myData.length; i++) {
              //  console.log(myData[i].t_id);
                if (myData[i].type_id == type_id) {
                    if (myData[i].t_id == t_id) {
                        if (myData[i].m_id == m_id) {
                            if (myData[i].fa_id == fa_id) {
                                add_table(myData[i].product_name,myData[i].file_name,myData[i].priority);
                                //console.log(myData[i].file_name);
                            }
                       }
                    }
                }
            }
        }


        function add_table(prodcut_name,file_name,priority) {
            priority_fg="◎";
            switch (priority) {

                case "1":
                    priority_fg="◎：推奨";
                    break;
                case "2":
                    priority_fg="◯：適している";
                    break;

            }


            $('#result_products').append('<tr><td><a href="pdf/' + file_name + '" target="_blank" onclick="writelog(\'' + prodcut_name + '\');"><img src="./img/psd.png" alt="pdfデータです。"></a></td><td>' +  priority_fg  +'</td><td><a href="pdf/' + file_name + '" target="_blank"  onclick="writelog(\'' + prodcut_name + '\');">' + prodcut_name +'</a></td>');
        }
        function dell_table() {
            $('#result_products').empty();
        }


        function init_search_buttom() {
            //条件部位
            type_id=0,t_id=0,m_id=0,fa_id=0;

            $("#search_btm").addClass("disabled");


            $("#conditions_type_id_1").addClass("none");
            $("#conditions_type_id_2").removeClass("none");
            $("#conditions_m_id_1").addClass("none");
            $("#conditions_m_id_2").removeClass("none");
            $("#conditions_t_id_1").addClass("none");
            $("#conditions_t_id_2").removeClass("none");
            $("#conditions_fa_id_1").addClass("none");
            $("#conditions_fa_id_2").removeClass("none");

            $("#d_m_type>label").addClass("disabled");
            $("#d_t_type>label").addClass("disabled");
            $("#d_fa_type>label").addClass("disabled");

            $("input[name='type']").prop('checked', false);
            $("input[name='m_type']").prop('checked', false);
            $("input[name='t_name']").prop('checked', false);
            $("input[name='fa_name']").prop('checked', false);
            $("input[name='type']").parent().removeClass('active');
            $("input[name='m_type']").parent().removeClass('active');
            $("input[name='t_name']").parent().removeClass('active');
            $("input[name='fa_name']").parent().removeClass('active');


            dell_table()
            $("#p_t_type").show();
            $("#d_t_type").show();
        }



});

function writelog(var_product_name) {
    type_name = list_type_name[type_id];
    m_name =list_m_name[m_id];
    t_name=list_t_name[t_id];
    fa_name=list_fa_name[fa_id];
    product_name=var_product_name;

    $.ajax({
        type: "GET",
        cache : false,
        data: {"type_name":type_name,
        "t_name" : m_name ,
        "m_name" : t_name,
        "fa_name" : fa_name ,
        "product_name" : product_name}
        ,
        url: "write.asp",
        success: function(data){
        },
        complete: function (data) {
        },
        error: function( data ) {
            alert("書き込み失敗");
        }
    });
}