$(document).ready(function () {

    /* PROCESS SELECTED MENU ON START */
    processSelect();

    /* PROCESS SELECTED MENU ON CHANGE */
    $(".chzn-select").change(function (selected) {
        processSelect();
    });

    function Measure_Mode(that) {

        if ($(that).find("input#Measure_Mode").val() !== "3") {
            $(that).find(".optional3").each(function () {
                $(this).find("input").val("");
                $(this).find("input").attr("value", "");
                $(this).fadeIn();
            });
        } else {
            $(that).find(".optional3").each(function () {
                $(this).find("input").val("");
                $(this).find("input").attr("value", "");
                $(this).fadeOut();
            });
        }

        if ($(that).find("input#Measure_Mode").val() == "2") {
            $("input#event").val(20);
            $("input#event").attr("value", 20);
            $(that).find(".optional2").each(function () {
                $(this).find("input").val("");
                $(this).find("input").attr("value", "");
                $(this).fadeIn();
                if ($(".chzn-select option:selected").val() == 5 || $(".chzn-select option:selected").val() == 6) {
                    $("input#event").val(1);
                    $("input#event").attr("value", 1);
                }
            });
        } else {
            $("input#event").val(1);
            $("input#event").attr("value", 1);
            $(that).find(".optional2").each(function () {
                $(this).find("input").val("");
                $(this).find("input").attr("value", "");
                $(this).fadeOut();
            });
        }

    }

    function Whether_Connection_Event(that) {
        if ($(that).find("input#Whether_Connection").val() == "1") {
            $(that).find("#Meteorology").fadeIn();
            $(that).find("#Temperature").fadeIn();
        } else {
            $(that).find("#Meteorology").val("");
            $(that).find("#Temperature").val("");
            $(that).find("#Meteorology").fadeOut();
            $(that).find("#Temperature").fadeOut();
        }
    }

    function processSelect() {
        var selected = $(".chzn-select option:selected").val();
        /* DELETE APPEND AREA */
        $("li#optional").remove();
        $("li.optional2").remove();
        $("li.optional3").remove();
        /* MAKE SURE ALL INPUT CLEARED */
        $("input").not("input#apikey").not("input#eventinput").not("input#submit").each(function () {
            $(this).val("");
        });
        if (selected == "1" || selected == "2" || selected == "3") {
            $("#errorid").html("105, 106, 107");
            $("#errorh5").show();
        } else if (selected == "4" || selected == "5" || selected == "6") {
            $("#errorid").html("100, 102, 106, 107");
            $("#errorh5").show();
            $("li#last").before('<li id="optional" class="input"><input name="Measure_Value" type="text" placeholder="Measure_Value"></li>');
            $("li#last").before('<li id="optional" class="input"><input name="Measure_Date" type="text" placeholder="Measure_Date"></li>');
            $("li#last").before('<li id="optional" class="input"><input name="Meter_NO" type="text" placeholder="Meter_NO"></li>');
            $("li#last").before('<li id="optional" class="input"><input id="Measure_Mode" name="Measure_Mode" type="text" placeholder="Measure_Mode"></li>');
            $("li#last").before('<li id="optional" class="input"><input name="Char_No" type="text" placeholder="Char_No"></li>');
            $("li#last").before('<li id="optional" class="input"><input name="Operator_NO" type="text" placeholder="Operator_NO"></li>');
            $("li#last").before('<li id="optional" class="input"><input name="Lot_NO" type="text" placeholder="Lot_NO"></li>');

            if (selected == "4") {
                $("li#last").before('<li id="optional" class="input"><input id="event" name="Event" type="text" value="1" placeholder="Event"></li>');
                $("li#last").before('<li id="optional" class="input"><input name="Blood_Type" type="text" placeholder="Blood_Type"></li>');
            } else if (selected == "5" || selected == "6") {
                $("li#last").before('<li id="optional" class="input"><input name="QC_Low" type="text" placeholder="QC_Low"></li>');
                $("li#last").before('<li id="optional" class="input"><input name="QC_High" type="text" placeholder="QC_High"></li>');
                $("li#last").before('<li id="optional" class="input"><input name="Status" type="text" placeholder="Status"></li>');
            }

            if (selected == "6") {
                $("li#last").before('<li id="optional" class="input"><input name="Strip_Open_Date" type="text" placeholder="Strip_Open_Date"></li>');
                $("li#last").before('<li id="optional" class="input"><input name="Exception" type="text" placeholder="Exception"></li>');
                $("li#last").before('<li id="optional" class="input"><input name="Process" type="text" placeholder="Process"></li>');
                $("li#last").before('<li id="optional" class="input"><input name="Measure_Count" type="text" placeholder="Measure_Count"></li>');

            }

            /* OPTIONAL */
            $("li#last").before('<li class="optional3" class="input"><input name="IMEI" type="text" placeholder="IMEI"></li>');
            $("li#last").before('<li class="optional3" class="input"><input name="Voltage" type="text" placeholder="Voltage"></li>');
            $("li#last").before('<li class="optional3" class="input"><input name="Temperature" type="text" placeholder="Temperature"></li>');
            $("li#last").before('<li class="optional3" class="input"><input name="People_ID" type="text" placeholder="People_ID"></li>');
            $("li#last").before('<li class="optional2" style="display:none;" class="input"><input name="Customer_DB" type="text" placeholder="Customer_DB"></li>');
            $("li#last").before('<li class="optional2" style="display:none;" class="input"><input name="Phone_Number" type="text" placeholder="Phone_Number"></li>');
            if (selected == "5" || selected == "6") {
                $("li#last").before('<li class="optional2" style="display:none;" class="input"><input id="event" name="Event" type="text" value="1" placeholder="Event"></li>');
                $("input#event").val(1);
                $("input#event").attr("value", 1);
            }

            /* blood sugar measurement data SPECIFIC FIELDS */

            $("#eventdiv").find("#Measure_Mode").keyup(function () {
                var that = $(this).closest("#eventdiv");
                Measure_Mode(that);
            });
            $("#eventdiv").find("#Measure_Mode").change(function () {
                var that = $(this).closest("#eventdiv");
                Measure_Mode(that);
            });
        }

        $("#eventinput").val(selected);
        $("#eventinput").attr("value", selected);
        $("#eventid").html(selected)
    }

});