$(function() {

    // Set .js extension for local development
    (inMpage) ? jsxt = "" : jsxt = ".js";

    load_mpage_ids();

    // Function to retrieve data from CCL program

    function cbck(suf) {
        var curRes = ccl_callback( {
            ccl : "20_mp_comm_" + suf + jsxt,
            url_prefix : "js",
            parameters : [ person_id, encounter_id, user_id ],
            eval_result : false
        });
        return curRes;
    }
    ;

    // Here we set a global options

    jQuery.extend(jQuery.jgrid.defaults, {
        // altRows:true,
        autowidth : true,
        beforeSelectRow : function(rowid, e) {
            return false;
        },// disable row highlighting onclick
        datatype : "jsonstring",
        gridview : false,
        height : '100%',
        hoverrows : false,
        loadonce : true,
        sortable : false,
        jsonReader : {
            repeatitems : false
        }
    });

    // Demographics Grid

    $("#demogr").jqGrid( {

        caption : "Demographics",
        datastr : cbck("demog"),
        colNames : [ 'Info', 'Data' ],
        colModel : [ {
            name : 'Info',
            width : "30%",
            sortable : false,
            jsonmap : 'ITEM'
        }, {
            name : 'Description',
            width : "70%",
            sortable : false,
            jsonmap : 'DESCRIPTION'
        } ],
        jsonReader : {
            root : "DEMOGRAPHICS",
            id : "DEMOID"
        }

    });

    // Allergies Grid

    $("#allergygr").jqGrid( {
        caption : "Allergies",
        datastr : cbck("allergies"),
        colNames : [ 'Allergy Type', 'Date' ],
        colModel : [ {
            name : 'Allergy Type',
            width : "70%",
            sortable : false,
            resizable : false,
            jsonmap : 'ALLERGY_TYPE'
        }, {
            name : 'Date',
            width : "30%",
            sortable : false,
            resizable : false,
            jsonmap : 'DATE'
        } ],
        jsonReader : {
            root : "ALLERGIES.QUAL",
            id : "ALLERGY_ID"
        }
    });

    // Problems Grid

    $("#problemsgr").jqGrid( {
        caption : "Problems",
        datastr : cbck("problems"),
        colNames : [ 'Description', 'Date' ],
        colModel : [ {
            name : 'Description',
            width : "70%",
            sortable : false,
            resizable : false,
            jsonmap : 'PROB_DESC'
        }, {
            name : 'Date',
            width : "30%",
            sortable : false,
            resizable : false,
            jsonmap : 'DATE'
        } ],
        jsonReader : {
            root : "PROBLEMS.QUAL",
            id : "PROBLEM_ID"
        }
    });

    // Clinical Status Grid

    $("#clinstatusgr").jqGrid( {
        caption : "Clinical Status",
        datastr : cbck("clin_status"),
        colNames : [ 'Item', 'Description', 'Date' ],
        colModel : [ {
            name : 'Item',
            width : "35%",
            sortable : false,
            resizable : false,
            jsonmap : 'ITEM'
        }, {
            name : 'Description',
            width : "35%",
            sortable : false,
            resizable : false,
            jsonmap : 'DESCRIPTION'
        }, {
            name : 'Date',
            width : "30%",
            sortable : false,
            resizable : false,
            jsonmap : 'DATE'
        } ],
        jsonReader : {
            root : "CLIN_STATUS",
            id : "STATID"
        }
    });

    // Diagnoses Grid

    $("#diagnosesgr").jqGrid( {
        caption : "Diagnoses",
        datastr : cbck("diagnoses"),
        colNames : [ 'Diagnosis', 'Type' ],// ,'Date'],
        colModel : [ {
            name : 'Diagnosis',
            sortable : false,
            resizable : false,
            width : "70%",
            jsonmap : 'DIAG_DESC'
        }, {
            name : 'Type',
            sortable : false,
            resizable : false,
            width : "30%",
            jsonmap : 'TYPE'
        } ],
        jsonReader : {
            root : "DIAGNOSES.QUAL",
            id : "DIAGNOSIS_ID"
        }
    });

    // Past Medical History Grid

    $("#medicalhisgr").jqGrid( {
        caption : "Past Medical History",
        datastr : cbck("med_hx"),
        colNames : [ 'Type', 'Year' ],// ,'Relationship'],
        colModel : [ {
            name : 'Type',
            sortable : false,
            resizable : false,
            width : "70%",
            jsonmap : 'TYPE'
        }, {
            name : 'Year',
            sortable : false,
            resizable : false,
            width : "30%",
            jsonmap : 'YEAR'
        }
        /* ,{name:'Relationship', sortable:false, jsonmap:'RELATIONSHIP'} */
        ],
        jsonReader : {
            root : "MEDICAL_HX.QUAL",
            id : "MEDHXID"
        }

    });

    // Patient Contact Grid
    $("#ptcontactgr").jqGrid(
            {
                caption : "Patient Contact",
                datastr : cbck("pt_contact"),
                colNames : [ 'Name', 'Relationship', 'Home Phone',
                        'Cell Phone', 'Work Phone' ],
                colModel : [ {
                    name : 'Name',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'NAME'
                }, {
                    name : 'Relationship',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'RELATIONSHIP'
                }, {
                    name : 'Home Phone',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'HOME_PHONE'
                }, {
                    name : 'Cell Phone',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'CELL_PHONE'
                }, {
                    name : 'Work Phone',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'WORK_PHONE'
                } ],
                jsonReader : {
                    root : "CONTACT",
                    id : "CONTID"
                }
            });

    // Clinical Team Grid

    $("#clinteamgr").jqGrid(
            {
                caption : "Clinical Team",
                datastr : cbck("clin_team"),
                colNames : [ 'Name', 'Relationship', 'Begin Date', 'Service',
                        'Cell Phone', 'Office Phone' ],
                colModel : [ {
                    name : 'Name',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'NAME_FULL_FORMATTED'
                }, {
                    name : 'Relationship',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'RELATIONSHIP'
                }, {
                    name : 'Begin Date',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'BEG_DATE'
                }, {
                    name : 'Service',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'SERVICE'
                }, {
                    name : 'Cell Phone',// Chng: Function needed for visibility
                    // for nurse.
                    sortable : false,
                    resizable : false,
                    jsonmap : 'CELL_PHONE'
                }, {
                    name : 'Office Phone',
                    sortable : false,
                    resizable : false,
                    jsonmap : 'CONTACT_PHONE'
                } ],
                jsonReader : {
                    root : "PPR.QUAL",
                    id : "PRINT_IND"
                }

            });

    // Procedures Grid

    $("#procedgr").jqGrid( {
        caption : "Procedures",
        datastr : cbck("proced"),
        colNames : [ 'Type', 'Date', 'Physician', 'POD' ],
        colModel : [ {
            name : 'Type',
            width : "50%",
            sortable : false,
            resizable : false,
            jsonmap : 'TYPE'
        }, {
            name : 'Date',
            width : "20%",
            sortable : false,
            resizable : false,
            jsonmap : 'DATE'
        }, {
            name : 'Physician',
            width : "20%",
            sortable : false,
            resizable : false,
            jsonmap : 'PHYSICIAN'
        }, {
            name : 'POD',
            width : "10%",
            sortable : false,
            resizable : false,
            jsonmap : 'POD'
        } ],
        jsonReader : {
            root : "PROCEDURES.QUAL",
            id : "PROCID"
        }

    });

    // Checkout Plan Grid

    $("#ckoutgr").jqGrid( {
        caption : "Checkout",
        datastr : cbck("checkout"),
        colNames : [ 'Info', 'Data' ],
        colModel : [ {
            name : 'Info',
            sortable : false,
            resizable : false,
            width : "70%",
            jsonmap : 'ITEM'
        }, {
            name : 'Data',
            sortable : false,
            resizable : false,
            width : "30%",
            jsonmap : 'DESCRIPTION'
        } ],
        jsonReader : {
            root : "CHECKOUT_RECORD.CHECKOUT",
            id : "CHECKOUTID"
        }

    });

    // Pending Tests Grid

    $("#pendtestgr").jqGrid( {
        caption : "Pending Tests",
        datastr : cbck("pendtests"),
        colNames : [ 'Info', 'Data' ],
        colModel : [ {
            name : 'Info',
            sortable : false,
            resizable : false,
            width : "30%",
            jsonmap : 'ITEM'
        }, {
            name : 'Data',
            sortable : false,
            resizable : false,
            width : "70%",
            jsonmap : 'DESCRIPTION'
        } ],
        jsonReader : {
            root : "PENDING_RECORD.PENDING",
            id : "PENDINGID"
        }

    });

    // Discharge Plan Grid

    $("#dcplangr").jqGrid( {
        caption : "Discharge Plan",
        datastr : cbck("dcplan"),
        colNames : [ 'Info', 'Data' ],
        colModel : [ {
            name : 'Info',
            sortable : false,
            resizable : false,
            width : "30%",
            jsonmap : 'ITEM'
        }, {
            name : 'Data',
            sortable : false,
            resizable : false,
            width : "70%",
            jsonmap : 'DESCRIPTION'
        } ],
        jsonReader : {
            root : "DCPLAN",
            id : "DCPLANID"
        }

    });

    // Close All / Open All
    $("#closeAll").click(function() {
        $(".ui-icon-circle-triangle-n").parent().trigger("click");
        return false;
    });

    $("#openAll").click(function() {
        $(".ui-icon-circle-triangle-s").parent().trigger("click");
        return false;
    });

    // Set dialog modal options
    $("#dialog-modal").dialog( {
        autoOpen : false,
        draggable : false,
        height : 140,
        modal : true,
        resizable : false,
        width : 350,
        title : "Preferences"
    });

    $("#setPrefs").click(function() {
        $("#dialog-modal").dialog("open");
        return false;
    });

    // Object variables

    var cols = $(".col");
    // Widgets with id matching those in html - 10 col widget
    var sel = $(".datacontainer table:odd:not('#clinteamgr')");
    var g5 = $(".grid_5");

    // Grouped grids opener and closer control
    $("#opener").click(
            function() {
                if ($("#opener").hasClass("opened")) {
                    $("#gbox_ckoutgr, #gbox_pendtestgr, #gbox_dcplangr").find(
                            ".ui-icon-circle-triangle-n").parent().trigger(
                            "click");
                    $("#opener").toggleClass("opened");
                    $("#opener").text("Expand");
                    return false;
                } else {
                    $("#gbox_ckoutgr, #gbox_pendtestgr, #gbox_dcplangr").find(
                            ".ui-icon-circle-triangle-s").parent().trigger(
                            "click");
                    $("#opener").toggleClass("opened");
                    $("#opener").text("Collapse");
                    return false;
                }
            });

    // Drag and drop containers

    // Set handle for dragging
    $(".ui-jqgrid-title").mouseover().css("cursor", "all-scroll");

    cols.sortable( {
        connectWith : ".col",
        placeholder : "ui-state-highlight",
        forcePlaceholderSize : true,
        opacity : 0.6,
        revert : 300,
        cursor : 'all-scroll',
        handle : ".ui-jqgrid-title"
    });

    cols.disableSelection();

    // Auto-resize grids
    $(window).bind('resize', function() {
        var w = g5.width();
        sel.setGridWidth(w);
        // $("#combodiv").width(w);
            $("#clinteamgr").setGridWidth($(".grid_10").width());
            $("#clinteamgr").width($(".grid_10").width()); // Width for 10
            // column
            // widget
        }).trigger('resize');

    // Font Resize
    var os = $('.ui-jqgrid').css('font-size');
    // Select first 3 anchors
    $('.navmenu a:lt(3)').click(function() {
        var curSize = $(".ui-jqgrid").css('font-size');
        var numSize = parseFloat(curSize, 10);
        var uom = curSize.slice(-2);
        var ratio = 1.2;
        if (this.id == 'bigger' && numSize < 18) {
            $('.ui-jqgrid').css('font-size', numSize + 2 + uom);
        } else if (this.id == 'smaller' && numSize > 8) {
            $('.ui-jqgrid').css('font-size', numSize - 2 + uom);
        } else if (this.id == 'reset') {
            $('.ui-jqgrid').css('font-size', os);
        }
    });

}); // end $(function() {