function pageLoad(sender, args) {
    var lbl = document.getElementById('hdnPalbl').value.split(",");
    var barclrs = document.getElementById('hdnbarclrs').value.split(",");
    var ykey = document.getElementById('hdnykey').value.split(",");
    //alert(document.getElementById('hdnPalbl').value.split(","));
    var divmain = document.getElementById('MainScreen');

    //if (divmain.style.display != 'none') {
    //    $(function () {
    //        //if (divmain.style.display != 'none') {
    //        $.ajax({
    //            type: "POST",
    //            url: "MapPage.aspx/GetbarchartData",
    //            data: "{}",
    //            contentType: "application/json; charset=utf-8",
    //            dataType: "json",
    //            async: "true",
    //            cache: "false",
    //            success: function (result) {
    //                Morris.Bar({
    //                    element: 'morris-bar-chart',
    //                    data: $.parseJSON(result.d),
    //                    xkey: 'y',
    //                    ykeys: ykey,
    //                    labels: lbl,
    //                    barColors: barclrs,
    //                    hideHover: 'auto',
    //                    lineWidth: 0,
    //                    gridLineColor: '#D8E7F3',
    //                    resize: true,
    //                    gridTextColor: "#FFFFFF"
    //                });
    //            },
    //            error: function (xhr, status, error) {
    //                alert(error);
    //            }
    //        });
    //        //}

    //    });


        //var prm = Sys.WebForms.PageRequestManager.getInstance();
        //prm.add_endRequest(
        //    function (s, e) {
        //    "use stricts";
        //    Morris.Bar({
        //        element: 'morris-bar-chart',
        //        data: [{
        //            y: 'Differential Pressures',
        //            a: 700,
        //            b: 500,
        //            c: 600
        //        }],
        //        xkey: 'y',
        //        ykeys: ['a', 'b', 'c'],
        //        labels: ['Ps (P2 - P1)', 'Pp (P3 - P2)', 'Pp1 (P4 - P3)'],
        //        barColors: ['#009EFB', '#26C6DA', '#FF5C6C'],
        //        hideHover: 'auto',
        //        lineWidth: 0,
        //        gridLineColor: '#D8E7F3',
        //        resize: true
        //    });
        //    }
        //);
        //$(function () {

        //var prm = Sys.WebForms.PageRequestManager.getInstance();
        //prm.add_endRequest(
        //    function (s, e) {
        //    $.ajax({
        //        type: "POST",
        //        url: "MapPage.aspx/GetbarchartData",
        //        data: "{}",
        //        contentType: "application/json; charset=utf-8",
        //        dataType: "json",
        //        async: "true",
        //        cache: "false",
        //        success: function (result) {
        //            Morris.Bar({
        //                element: 'morris-bar-chart',
        //                data: $.parseJSON(result.d),
        //                        xkey: 'y',
        //                        ykeys: ['a', 'b', 'c'],
        //                        labels: ['Ps (P2 - P1)', 'Pp (P3 - P2)', 'Pp1 (P4 - P3)'],
        //                        barColors: ['#009EFB', '#26C6DA', '#FF5C6C'],
        //                        hideHover: 'auto',
        //                        lineWidth: 0,
        //                        gridLineColor: '#D8E7F3',
        //                        resize: true
        //                    });
        //        },
        //        error: function (xhr, status, error) {
        //            alert(error);
        //        }
        //    });

        //});

        //Manual/Auto Mode Js
        //+function (a) { "use strict"; function b(b) { return this.each(function () { var d = a(this), e = d.data("bs.toggle"), f = "object" == typeof b && b; e || d.data("bs.toggle", e = new c(this, f)), "string" == typeof b && e[b] && e[b]() }) } var c = function (b, c) { this.$element = a(b), this.options = a.extend({}, this.defaults(), c), this.render() }; c.VERSION = "2.2.0", c.DEFAULTS = { on: "On", off: "Off", onstyle: "primary", offstyle: "default", size: "normal", style: "", width: null, height: null }, c.prototype.defaults = function () { return { on: this.$element.attr("data-on") || c.DEFAULTS.on, off: this.$element.attr("data-off") || c.DEFAULTS.off, onstyle: this.$element.attr("data-onstyle") || c.DEFAULTS.onstyle, offstyle: this.$element.attr("data-offstyle") || c.DEFAULTS.offstyle, size: this.$element.attr("data-size") || c.DEFAULTS.size, style: this.$element.attr("data-style") || c.DEFAULTS.style, width: this.$element.attr("data-width") || c.DEFAULTS.width, height: this.$element.attr("data-height") || c.DEFAULTS.height } }, c.prototype.render = function () { this._onstyle = "btn-" + this.options.onstyle, this._offstyle = "btn-" + this.options.offstyle; var b = "large" === this.options.size ? "btn-lg" : "small" === this.options.size ? "btn-sm" : "mini" === this.options.size ? "btn-xs" : "", c = a('<label class="btn">').html(this.options.on).addClass(this._onstyle + " " + b), d = a('<label class="btn">').html(this.options.off).addClass(this._offstyle + " " + b + " active"), e = a('<span class="toggle-handle btn btn-default">').addClass(b), f = a('<div class="toggle-group">').append(c, d, e), g = a('<div class="toggle btn" data-toggle="toggle">').addClass(this.$element.prop("checked") ? this._onstyle : this._offstyle + " off").addClass(b).addClass(this.options.style); this.$element.wrap(g), a.extend(this, { $toggle: this.$element.parent(), $toggleOn: c, $toggleOff: d, $toggleGroup: f }), this.$toggle.append(f); var h = this.options.width || Math.max(c.outerWidth(), d.outerWidth()) + e.outerWidth() / 2, i = this.options.height || Math.max(c.outerHeight(), d.outerHeight()); c.addClass("toggle-on"), d.addClass("toggle-off"), this.$toggle.css({ width: h, height: i }), this.options.height && (c.css("line-height", c.height() + "px"), d.css("line-height", d.height() + "px")), this.update(!0), this.trigger(!0) }, c.prototype.toggle = function () { this.$element.prop("checked") ? this.off() : this.on() }, c.prototype.on = function (a) { return this.$element.prop("disabled") ? !1 : (this.$toggle.removeClass(this._offstyle + " off").addClass(this._onstyle), this.$element.prop("checked", !0), void (a || this.trigger())) }, c.prototype.off = function (a) { return this.$element.prop("disabled") ? !1 : (this.$toggle.removeClass(this._onstyle).addClass(this._offstyle + " off"), this.$element.prop("checked", !1), void (a || this.trigger())) }, c.prototype.enable = function () { this.$toggle.removeAttr("disabled"), this.$element.prop("disabled", !1) }, c.prototype.disable = function () { this.$toggle.attr("disabled", "disabled"), this.$element.prop("disabled", !0) }, c.prototype.update = function (a) { this.$element.prop("disabled") ? this.disable() : this.enable(), this.$element.prop("checked") ? this.on(a) : this.off(a) }, c.prototype.trigger = function (b) { this.$element.off("change.bs.toggle"), b || this.$element.change(), this.$element.on("change.bs.toggle", a.proxy(function () { this.update() }, this)) }, c.prototype.destroy = function () { this.$element.off("change.bs.toggle"), this.$toggleGroup.remove(), this.$element.removeData("bs.toggle"), this.$element.unwrap() }; var d = a.fn.bootstrapToggle; a.fn.bootstrapToggle = b, a.fn.bootstrapToggle.Constructor = c, a.fn.toggle.noConflict = function () { return a.fn.bootstrapToggle = d, this }, a(function () { a("input[type=checkbox][data-toggle^=toggle]").bootstrapToggle() }), a(document).on("click.bs.toggle", "div[data-toggle^=toggle]", function (b) { var c = a(this).find("input[type=checkbox]"); c.bootstrapToggle("toggle"), b.preventDefault() }) }(jQuery);
    }
