$.blockUI.allowBodyStretch = true;
$.blockUI.defaults.css.cursor = "default";
$.blockUI.defaults.css.border = "1";
$.blockUI.defaults.css.margin = "auto";
$.blockUI.defaults.css.backgroundColor = "#fff";

// 锁屏 
//参数div：锁屏之后需要弹出的页面div的id
//参数bgDiv：被锁屏的div的id, 如果不传入，默认整个body
function lockScreen(div, bgDiv) {
   
    var css1 = {}; 
    var divWidth = $("#" + div).attr("w");
    var divHeight = $("#" + div).attr("h");
    var scrollTop = document.documentElement.scrollTop;
    
    if (divWidth && divHeight) {
      if (divHeight == "0") divHeight = window.screen.availHeight - 30;
      var left = (window.screen.availWidth - divWidth)/2;
      var top = (window.screen.availHeight - divHeight)/2 + scrollTop;      
      css1.width = divWidth;
      css1.height = 0;
      css1.left = left;
      css1.top = top;
    }
    var opts = {message:$("#" + div), css:css1, centerY: false, onUnblock: function(el, opts){$("#" + div).html("");}};
    window.lockScreenOpts = opts;
    
    if (bgDiv && typeof ($("#" + bgDiv)[0]) != "undefined") {
      $("#" + bgDiv).block(opts);
    } else  {
      $.blockUI(opts);
    }
    
    $("#" + div).css("left", "0");
    $("#" + div).css("top", "0");
    $("#" + div).css("position", "relative");
}

// 解屏
//参数bgDiv：被锁屏的div的id, 如果不传入，默认整个body
function showScreen(bgDiv) {
    if (bgDiv && typeof ($("#" + bgDiv)[0]) != "undefined") {
      $("#" + bgDiv).unblock(window.lockScreenOpts);
    } else { 
      $.unblockUI(window.lockScreenOpts);
    }
    window.lockScreenOpts = null;
}

//动态加载锁屏后的弹出页面
//参数miniPageURL：加载弹出页面的URL
//参数div：锁屏之后需要弹出的页面div的id
function loadMiniPage(miniPageURL, div, bgDiv) {
    $("#" + div).load(miniPageURL, lockScreen(div, bgDiv));
}