function Multioptions() {
    var PL_FeedbackCategory, PLV_PogramCategory;
    PLV_PogramCategory = Xrm.Page.getAttribute("new_departmentstext");
    PL_FeedbackCategory = Xrm.Page.getAttribute("new_department");
    GenericOnLoad(PL_FeedbackCategory, PLV_PogramCategory, "new_departmentstext", 150);
}

function GenericOnLoad(PL, PLV, fieldname, divSize) {
    if (PL.getValue() != null) {
        parent.document.getElementById(PL.getName()).style.display = "none";
    }
 
    var addDiv = document.createElement("div");
    addDiv.id = "div_" + fieldname;
    addDiv.setAttribute("style", "overflow-y:auto; height:" + divSize + "px; border:1px #6699cc solid; background-color:#ffffff;");

    var addTable = document.createElement('table');
    addTable.id = "table_" + fieldname;
    //  if (PL.getValue() != null)
    //   {
    parent.document.getElementById(PL.getName()).parentNode.appendChild(addDiv);
    //  }

    addDiv.appendChild(addTable);

    var PLlength = PL.getOptions().length;
    var PLsortedValues = PL.getOptions();
    function compare(a, b) {
        return a.text.localeCompare(b.text);
    }

    PLsortedValues.sort(compare);

    for (var i = 1; i < PLlength; i++) {

        var pOption = PLsortedValues[i];
        if (pOption != null) {
            if (!IsChecked(pOption.text)) {
                var addInput = document.createElement("input");
                addInput.setAttribute("type", "checkbox");
                addInput.setAttribute("style", "border:none; width:25px; align:left;");
            }
            else {
                var addInput = document.createElement("input");
                addInput.setAttribute("type", "checkbox");
                addInput.setAttribute("checked", "checked");
                addInput.setAttribute("style", "border:none; width:25px; align:left;");
            }

            var addLabel = document.createElement("label");
            addLabel.innerText = pOption.text;

            var row = document.createElement("tr");
            for (var j = 1; j < 3; j++) {
                var td = document.createElement('td');
                if (j == 1) {
                    td.appendChild(addInput);
                }
                else {
                    td.appendChild(addLabel);
                }
                row.appendChild(td);
            }
            addTable.appendChild(row);
        }
    }
    function IsChecked(pText) {

        if (PLV.getValue() != "" && PLV.getValue() != null) {
            var PLVT = PLV.getValue().split(";");
            for (var i = 0; i < PLVT.length; i++) {
                if (PLVT[i] == pText)
                    return true;
            }
        }
        return false;
    }
    function OnLoad() {
        var tableid = "table_" + fieldname;
        var table = parent.document.getElementById(tableid);
        if (table != null) {
            var rows = table.getElementsByTagName("tr");

            for (var i = 0; i < rows.length; i++) {
                var cell = rows[i].getElementsByTagName("Input");
                if (cell[0].type == "checkbox") {
                    if (cell[0].checked) {
                        table.insertBefore(rows[i], rows[0]);
                    }
                }
            }
        }
    }
}

function Form_OnSave() {


    var PL_FeedbackCategory = Xrm.Page.getAttribute("new_department");

    GenericOnSave(PL_FeedbackCategory, "new_departmentstext");

    function GenericOnSave(PL, fieldname) {

        var tableid = "table_" + fieldname;
        var table = parent.document.getElementById(tableid);
        var result = '';
        if (table != null) {
            var rows = table.getElementsByTagName("tr");

            for (var i = 0; i < rows.length; i++) {
                var cell = rows[i].getElementsByTagName("Input");
                if (cell[0].type == "checkbox") {
                    if (cell[0].checked) {
                        result += rows[i].cells[1].innerText + ";";
                        table.insertBefore(rows[i], rows[0]);
                    }
                }
            }
            control = Xrm.Page.getControl(fieldname);
            attribute = control.getAttribute();
            attribute.setValue(result);
        }
    }
}

/////////==========================================================================================================

////Mutlti Optionset for Portal Side:

// JavaScript source code
$(document).ready(function () {
    debugger;


    var PL_DIOPartnerSelectionOptions = [];

    $('#new_department option').each(function (i) {
        var textvalues = $(this).text()
        //   alert(textvalues);

        if (textvalues != undefined && textvalues != "") {
            PL_DIOPartnerSelectionOptions[i] = $(this).text();
        }
    });

    var PL_DIOPartnerSelection = $("#new_department");
    var PLV_DIOPartnerSelection = $("#new_departmentstext");
    GenericOnLoad(PL_DIOPartnerSelection, PL_DIOPartnerSelectionOptions, PLV_DIOPartnerSelection);

    function GenericOnLoad(PL, PLOptions, PLV) {
        var PL_Name = PL.attr("id");
        document.getElementById(PL_Name).style.display = "none";
        document.getElementById(PL_Name).style.display = "none";

        var divid = "div_" + PL_Name;
        var tableid = "table_" + PL_Name;
        var addDiv = $("<div style='overflow-y:auto; height:150px; border:1px #6699cc solid; background-color:#ffffff;' id='" + divid + "'></div>");
        var addTable = $("<table id='" + tableid + "'></table>");

        $("#" + PL_Name).parent().append(addDiv);
        $("#" + divid).append(addTable);

        for (var i = 0; i < PLOptions.length; i++) {
            if (PLOptions[i] != undefined) {


                var pOption = PLOptions[i];
                if (pOption == "") {
                    continue;
                }
                else if (!IsChecked(pOption)) {
                    var trHTML = "";
                    trHTML += "<tr><td><input type='checkbox' style='border:none; width:25px; align:left;' onclick='UpdateSelectedOptions()'></td><td>" + pOption + "</td></tr>";
                    addTable.append(trHTML);
                    OnLoad();
                }
                else {
                    var trHTML = "";
                    trHTML += "<tr><td><input type='checkbox' checked='checked' style='border:none; width:25px; align:left;' onclick='UpdateSelectedOptions()'></td><td>" + pOption + "</td></tr>";
                    addTable.append(trHTML);
                    OnLoad();
                }
            }
        }
        function IsChecked(pText) {
            if (PLV.val() !== "" && PLV.val() !== null) {
                // var PLVT = PLV.value.split(";");
                var PLVT = PLV.val().split(";");
                for (var i = 0; i < PLVT.length; i++) {
                    if (PLVT[i] == pText)
                        return true;

                }
            }
            else { return false; }
        }

        function OnLoad() {
            var getInput = $('#table_' + PL.attr('id'));
            var rows = getInput.find('tr');
            var result = '';
            var checkedRows = [];
            var sortedRows = [];

            for (var i = 0; i < rows.length; i++) {
                var $tds = rows.eq(i).find('td');
                var checked = $tds.eq(0).find('input[type="checkbox"]');
                if (getInput !== null) {
                    if (checked.is(':checked')) {
                        checkedRows.push(rows.eq(i));
                        //getInput.prepend(rows.eq(i));
                    }
                }
            }

            sortedRows = sortCheckedRows(checkedRows);
            getInput.prepend(sortedRows);

         
        }
    }



});

function sortCheckedRows(rows) {
    var sRows = rows.sort(function (a, b) {
        return a.find('td').eq(1).text == b.find('td').eq(1).text ? 0 : a.find('td').eq(1).text < b.find('td').eq(1).text ? -1 : 1
    });
    return sRows;
}

function UpdateSelectedOptions() {


    var PL_DIOPartnerSelection = $("#new_department");
    var PLV_DIOPartnerSelection = $("#new_departmentstext");

    if (PL_DIOPartnerSelection !== null) {
        GenericOnSave(PL_DIOPartnerSelection, PLV_DIOPartnerSelection);
    }

    function GenericOnSave(PL, PLV) {
        var getInput = $('#table_' + PL.attr('id'));
        var rows = getInput.find('tr');
        var result = '';
        var checkedRows = [];
        var sortedRows = [];

        for (var i = 0; i < rows.length; i++) {
            var $tds = rows.eq(i).find('td');
            var checked = $tds.eq(0).find('input[type="checkbox"]');
            var option = $tds.eq(1).text();
            if (getInput !== null) {
                if (checked.is(':checked')) {
                    result += option + ";";
                    checkedRows.push(rows.eq(i));
                    //getInput.prepend(rows.eq(i));
                }
            }
        }

        sortedRows = sortCheckedRows(checkedRows);
        getInput.prepend(sortedRows);

        PLV.val(result);
    }
}