
var jm$ = jQuery.noConflict();
var hdnOrgId = document.getElementById('hdnOrgId').value;
var hdnUserId = document.getElementById('hdnUserId').value;

jm$(document).ready(function () {
    jm$('[id*=lstParams]').multiselect({
        enableCaseInsensitiveFiltering: true,
        enableFiltering: true,
    });
    //jm$('[id*=lstParams]').change(function (option, checked) {
    //    // Get selected options.
    //    var selectedOptions = jm$('.multiselect-ui option:selected');
    //    //var selectedOption1 = jm$('.multiselected option:selected');

    //    // alert(selectedOption1.length);
    //    //if (selectedOption1.length == 2) {
    //    //    var nonSelectedOptions = jm$('.multiselect-ui option').filter(function () {
    //    //        return !jm$(this).is(':selected');
    //    //    });
    //    //    if (selectedOptions.length != 0) {
    //    //        nonSelectedOptions.each(function () {
    //    //            var input = jm$('input[value="' + $(this).val() + '"]');
    //    //            input.prop('disabled', true);
    //    //            input.parent('li').addClass('disabled');
    //    //        });
    //    //    }
    //    //    else {
    //    //        jm$('.multiselect-ui option').each(function () {
    //    //            var input = $('input[value="' + $(this).val() + '"]');
    //    //            input.prop('disabled', false);
    //    //            input.parent('li').addClass('disabled');
    //    //        });
    //    //    }

    //    //}
    //    //    //else if (selectedOptions.length >= 2) {
    //    //    //    var nonSelectedOptions = jm$('.multiselected option').filter(function () {
    //    //    //        return !jm$(this).is(':selected');
    //    //    //    });

    //    //    //    nonSelectedOptions.each(function () {
    //    //    //        var input = jm$('input[value="' + $(this).val() + '"]');
    //    //    //        input.prop('disabled', true);
    //    //    //        input.parent('li').addClass('disabled');
    //    //    //    });

    //    //    //}
    //    //else {
    //    if (selectedOptions.length >= 8) {
    //        // Disable all other checkboxes.
    //        var nonSelectedOptions = jm$('.multiselect-ui option').filter(function () {
    //            return !jm$(this).is(':selected');
    //        });

    //        nonSelectedOptions.each(function () {
    //            var input = jm$('input[value="' + $(this).val() + '"]');
    //            input.prop('disabled', true);
    //            input.parent('li').addClass('disabled');
    //        });
    //    }
    //    else {
    //        // Enable all checkboxes.
    //        jm$('.multiselect-ui option').each(function () {
    //            var input = $('input[value="' + $(this).val() + '"]');
    //            input.prop('disabled', false);
    //            input.parent('li').addClass('disabled');
    //        });

    //        //jm$('.multiselected option').each(function () {
    //        //    var input = $('input[value="' + $(this).val() + '"]');
    //        //    input.prop('disabled', false);
    //        //    input.parent('li').addClass('disabled');
    //        //});
    //    }
    //    //}
    //});

    //jm$('[id*=ddlVehicle]').multiselect({
    //    enableCaseInsensitiveFiltering: true,
    //    enableFiltering: true
    //});

    //jm$('[id*=ddlVehicle]').change(function (option, checked) {
    //    // Get selected options.
    //    var selectedOptions = jm$('.multiselected option:selected');

    //    if (selectedOptions.length >= 2) {
    //        // Disable all other checkboxes.
    //        var nonSelectedOptions = jm$('.multiselected option').filter(function () {
    //            return !jm$(this).is(':selected');
    //        });

    //        nonSelectedOptions.each(function () {
    //            var input = jm$('input[value="' + $(this).val() + '"]');
    //            input.prop('disabled', true);
    //            input.parent('li').addClass('disabled');
    //        });
    //    }
    //    else {
    //        // Enable all checkboxes.
    //        jm$('.multiselected option').each(function () {
    //            var input = $('input[value="' + $(this).val() + '"]');
    //            input.prop('disabled', false);
    //            input.parent('li').addClass('disabled');
    //        });
    //        jm$('.multiselect-ui option').each(function () {
    //            var input = $('input[value="' + $(this).val() + '"]');
    //            input.prop('disabled', false);
    //            input.parent('li').addClass('disabled');
    //        });
    //    }
    //    GetParamDevice();
    //});
});

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function (s, e) {
    jm$(document).ready(function () {

        jm$('[id*=lstParams]').multiselect({
            enableCaseInsensitiveFiltering: true,
            enableFiltering: true
        });

        jm$('[id*=lstParams]').change(function (option, checked) {
            var selectedOptions = jm$('.multiselect-ui option:selected');
            if (selectedOptions.length >= 5) {
                // Disable all other checkboxes.
                var nonSelectedOptions = jm$('.multiselect-ui option').filter(function () {
                    return !jm$(this).is(':selected');
                });

                nonSelectedOptions.each(function () {
                    var input = jm$('input[value="' + $(this).val() + '"]');
                    input.prop('disabled', true);
                    input.parent('li').addClass('disabled');
                });
            }
            else {
                jm$('.multiselect-ui option').each(function () {
                    var input = $('input[value="' + $(this).val() + '"]');
                    input.prop('disabled', false);
                    input.parent('li').addClass('disabled');
                });
            }
        });
        //jm$('[id*=lstParams]').change(function (option, checked) {
        //    // Get selected options.
        //    var selectedOptions = jm$('.multiselect-ui option:selected');
        //    var selectedOption1 = jm$('.multiselected option:selected');

        //    //alert(selectedOption1.length);
        //    if (selectedOption1.length == 2) {
        //        var nonSelectedOptions = jm$('.multiselect-ui option').filter(function () {
        //            return !jm$(this).is(':selected');
        //        });

        //        if (selectedOptions.length != 0) {
        //            nonSelectedOptions.each(function () {
        //                var input = jm$('input[value="' + $(this).val() + '"]');
        //                input.prop('disabled', true);
        //                input.parent('li').addClass('disabled');
        //            });
        //        }
        //        else {
        //            alert();
        //            jm$('.multiselect-ui option').each(function () {
        //                var input = $('input[value="' + $(this).val() + '"]');
        //                input.prop('disabled', false);
        //                input.parent('li').addClass('disabled');
        //            });
        //        }
        //    }
        //    else {
        //        if (selectedOptions.length >= 8) {
        //            // Disable all other checkboxes.
        //            var nonSelectedOptions = jm$('.multiselect-ui option').filter(function () {
        //                return !jm$(this).is(':selected');
        //            });

        //            nonSelectedOptions.each(function () {
        //                var input = jm$('input[value="' + $(this).val() + '"]');
        //                input.prop('disabled', true);
        //                input.parent('li').addClass('disabled');
        //            });
        //        }
        //        else if (selectedOptions.length > 1) {
        //            var nonSelectedOptions = jm$('.multiselected option').filter(function () {
        //                return !jm$(this).is(':selected');
        //            });

        //            if (selectedOption1.length == 1) {
        //                nonSelectedOptions.each(function () {
        //                    var input = jm$('input[value="' + $(this).val() + '"]');
        //                    input.prop('disabled', true);
        //                    input.parent('li').addClass('disabled');
        //                });

        //                jm$('.multiselect-ui option').each(function () {
        //                    var input = $('input[value="' + $(this).val() + '"]');
        //                    input.prop('disabled', false);
        //                    input.parent('li').addClass('disabled');
        //                });
        //            }
        //            else {
        //                jm$('.multiselected option').each(function () {
        //                    var input = $('input[value="' + $(this).val() + '"]');
        //                    input.prop('disabled', false);
        //                    input.parent('li').addClass('disabled');
        //                });

        //            }

        //        }
        //        else {
        //            // Enable all checkboxes.                         
        //            jm$('.multiselect-ui option').each(function () {
        //                var input = $('input[value="' + $(this).val() + '"]');
        //                input.prop('disabled', false);
        //                input.parent('li').addClass('disabled');
        //            });

        //            jm$('.multiselected option').each(function () {
        //                var input = $('input[value="' + $(this).val() + '"]');
        //                input.prop('disabled', false);
        //                input.parent('li').addClass('disabled');
        //            });
        //        }
        //    }
        //});

        //jm$('[id*=ddlVehicle]').multiselect({
        //    enableCaseInsensitiveFiltering: true,
        //    enableFiltering: true
        //});

        //jm$('[id*=ddlVehicle]').change(function (option, checked) {
        //    // Get selected options.
        //    var selectedOptions = jm$('.multiselected option:selected');
        //    var selectedOptions1 = jm$('.multiselect-ui option:selected');

        //    if (selectedOptions.length >= 2) {
        //        // Disable all other checkboxes.
        //        var nonSelectedOptions = jm$('.multiselected option').filter(function () {
        //            return !jm$(this).is(':selected');
        //        });

        //        var nonSelectedOptions1 = jm$('.multiselect-ui option').filter(function () {
        //            return !jm$(this).is(':selected');
        //        });

        //        nonSelectedOptions.each(function () {
        //            var input = jm$('input[value="' + $(this).val() + '"]');
        //            input.prop('disabled', true);
        //            input.parent('li').addClass('disabled');
        //        });
        //        if (selectedOptions1.length == 1) {
        //            nonSelectedOptions1.each(function () {
        //                var input = jm$('input[value="' + $(this).val() + '"]');
        //                input.prop('disabled', true);
        //                input.parent('li').addClass('disabled');
        //            });
        //        }

        //    }
        //    else if (selectedOptions1.length > 1 && selectedOptions.length == 1) {
        //        var nonSelectedOptions = jm$('.multiselected option').filter(function () {
        //            return !jm$(this).is(':selected');
        //        });
        //        nonSelectedOptions.each(function () {
        //            var input = jm$('input[value="' + $(this).val() + '"]');
        //            input.prop('disabled', true);
        //            input.parent('li').addClass('disabled');
        //        });
        //    }
        //    else {
        //        // Enable all checkboxes.
        //        jm$('.multiselected option').each(function () {
        //            var input = $('input[value="' + $(this).val() + '"]');
        //            input.prop('disabled', false);
        //            input.parent('li').addClass('disabled');
        //        });
        //        jm$('.multiselect-ui option').each(function () {
        //            var input = $('input[value="' + $(this).val() + '"]');
        //            input.prop('disabled', false);
        //            input.parent('li').addClass('disabled');
        //        });
        //    }
        //    GetParamDevice();

        //});
    });
});

function validatedropdown() {
    var Jq$ = jQuery.noConflict();

    var selectedOptions = Jq$('.multiselect-ui option:selected');
    var selectedOption1 = Jq$('.multiselected option:selected');

    var device = Jq$('.multiselected option');
    var Param = Jq$('.multiselect-ui option');

    for (var i = 0; i < device.length; i++) {
        if (device[i].selected != true) {
            device[i].disabled = true;
        }
        else {
            device[i].disabled = false;
        }
    }
    if (selectedOptions.length >= 8) {
        for (var j = 0; j < Param.length; j++) {
            if (Param[j].selected != true) {
                Param[j].disabled = true;
            }
            else {
                Param[j].disabled = false;
            }
        }
    }
    if (selectedOption1.length >= 2) {
        for (var j = 0; j < Param.length; j++) {
            if (Param[j].selected != true) {
                Param[j].disabled = true;
            }
            else {
                Param[j].disabled = false;
            }
        }
    }
}


function GetParamDevice() {
    var selectedParams = jm$('.multiselect-ui option:selected');
    var selectedDevice = jm$('.multiselected option:selected');
    //var countryId = jm$(lstDevice).val();
    var lstParam = jm$('#lstParams');
    var ddlDevice = document.getElementById('ddlVehicle');

    var isDevicebased = selectedDevice.length;
    if (ddlDevice.value == "") {
        jm$('[id*=lstParams]').empty();
        jm$('[id*=lstParams]').multiselect('destroy');
        jm$('[id*=lstParams]').multiselect({
            enableCaseInsensitiveFiltering: true,
            enableFiltering: true,
            numberDisplayed: 4,
        });
    }
    else {
        jm$.ajax({
            type: 'POST',
            url: "TrendHistory.aspx/GetParamdetails",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{ VehicleId:'" + ddlDevice.value + "',OrgId:'" + hdnOrgId + "',UserId:'" + hdnUserId + "',Device:'" + isDevicebased + "'}",
            async: false,
            success: function (result) {
                jm$('[id*=lstParams]').empty();
                jm$('[id*=lstParams]').multiselect('destroy');
                jm$.each(result.d, function () {
                    jm$('[id*=lstParams]').append(jm$("<option></option>").val(this['Value']).html(this['Text']));
                });

                jm$('[id*=lstParams]').multiselect({
                    enableCaseInsensitiveFiltering: true,
                    enableFiltering: true,
                    numberDisplayed: 4,
                });
            }
        });
    }

}