/*
 *title:标题栏
 *msg:信息内容
 *type:信息类型 1:等待 2:警告
 */
var imgpath = '/sipspf/jsp/yuyue/msgbox/img/';
function showMsg(title, msg, callback){
    // alert("showMsg");
    if (document.getElementById("msgBox") === null) {
        $("body").append('<style>'+
            'html body {height:100%;}'+
            '* html #msgBox,* html #msgBox_bg {_position: absolute;}'+
            '#msgBox {width: 100%;height: 100%;top: 0;left: 0;z-index: 1000;position: fixed;display: none;'+
            ' text-align: center;vertical-align: middle;background: black;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50);}'+
            '#msgBox_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;vertical-align: middle;align:left;}'+
            '#msgBox_table {width:380px;max-width:80%;border:1px solid #999999;margin: 10% auto;background-color: white;text-align: left;align:center;}'+
            '#msgBox_table th {background:url('+imgpath+'bg1.png) repeat-x;font-size:16px;color:#FFFFFF;font-weight:bold;}'+
            '#msgBox_table td {background:none!important;}' +
            '#okBtn, #escBtn {padding:6px 10px 4px;background:url('+imgpath+'bg_gray.jpg) 0 -4px repeat-x;border:2px solid #d1d1d1;color:white;}' +
            '#okBtn {margin-right: 20px;}'+
            '</style>'+
            '<div id="msgBox"></div>');
    }
    if (document.getElementById("msgBox_table") === null) {
        $("body").append('<div id="msgBox_bg"><div id="msgBox_table"></div></div>');
    }
    $("#msgBox_table").html('<table border="0" cellspacing="0">'+
        '  <tr>'+
        '    <th height="36" colspan="2" align="left" style="padding-left: 20px;">'+
        title +
        '    </th>'+
        '    <th id="closeBtn" width="37" align="right" valign="top" style="padding-top:4px; padding-right:5px;text-align: right;">'+
        '        <img src="'+imgpath+'guanbi.png" width="24" height="25" /></th>'+
        '  </tr>'+
        '  <tr>'+
        '    <td width="72" align="center" valign="top" style="padding-top:30px; font-size:14px;">'+
        '    </td>'+
        '    <td width="265" valign="top" style="padding-top:20px; padding-bottom: 20px; line-height: 24px; font-size:14px; padding-left:5px;">'+
        unescape(decodeURI(msg)) +
        '    </td>'+
        '    <td width="72"></td>'+
        '  </tr>'+
        '  <tr><td></td><td style="text-align:right;"><button id="okBtn">确定</button><button id="escBtn">取消</button></td><td></td></tr>'+
        '</table>');
    $("#msgBox_table #closeBtn").click(hideMsg);
    $("#okBtn, #escBtn").click(hideMsg);
    $("#msgBox").show();
    $("#msgBox_bg").show();
    if (callback !== null && callback !== undefined) {
        if (callback.ok !== null && callback.ok !== undefined) {
        	$("#okBtn").show().click(callback.ok);
        } else {
        	$("#okBtn").hide();
        }
        if (callback.esc !== null && callback.esc !== undefined) {
        	$("#escBtn").click(callback.esc);
        } else {
        	$("#escBtn").hide();
        }
        if (callback.after !== null && callback.after !== undefined) {
            callback.after();
        }
    }
}

function hideMsg(){
    $("#msgBox").hide();
    $("#msgBox_bg").hide();
}