﻿function ShowDialog(options, callbackOk) {
    //=======如果当前页面上有对话框，先移除掉
    if ($("#_diawindow").length > 0) {
        $("#_diawindow").remove();
    }
    if ($("#_markdiag").length > 0) {
        $("#_markdiag").remove();
    };
    //=======如果当前页面上有对话框，先移除掉

    var opts = $.extend({}, {
        Width: "300",
        Height: "300",
        Title: "对话框",
        Intopacity: "0.2",
        ContentFlag: "0",
        skin: "blue",
        FrameURL: "",
        Contents: ""
    }, options);
    var skinurl = "", yanse = "";
    switch (opts.skin) {
        case "blue":
            skinurl = "/Common/Component/Dialog/blue/close_1.gif";
            skinurl2 = "/Common/Component/Dialog/blue/close_2.gif";
            yanse = "blue";
            break;
        case "red":
            skinurl = "/Common/Component/Dialog/red/close_1.gif";
            skinurl2 = "/Common/Component/Dialog/blue/close_2.gif";
            yanse = "red";
            break;
        case "green":
            skinurl = "/Common/Component/Dialog/green/close_1.gif";
            skinurl2 = "/Common/Component/Dialog/blue/close_2.gif";
            yanse = "green";
            break;
    }
    //$("#showdialogcss").attr("href","images/"+yanse+"/css.css");

    if (!$("#_diawindow").length > 0) {
        var maktemp = '<div id="_markdiag" style="background:#666;width:' + $(document).width() + '; height:' + ($(document).height()) + 'px; position:absolute; top:0px; left:0px; z-index:80;"></div>';
        var tempstr = '<div class="dialogshowdiv" id="_diawindow"><div><div class="dialogtopleft"></div><div class="dialogtopmiddle" id="_topmiddle"> <span style="float:left; color:#FFF; font-weight:bold; line-height:32px; font-size:12px;">&nbsp;' + opts.Title + '</span><span style="float:right;margin-right:5px;"><a href="javascript:"><img border="0" src="' + skinurl + '" width="26" height="20" id="_diagclose" /></a></span></div><div class="dialogtopright"></div></div><div class="clear"></div><div><div class="dialogmiddleleft" id="_middleleft"></div><div class="dialogmiddlemiddle"  id="_middlemiddle"><div style="background:#f5f8ff;" id="_middlecontent"><div id="dialogdivloading">正在加载请稍后...</div><iframe src="' + opts.FrameURL + '" style="height:100%; width:100%;display:none" scrolling="no" frameborder="0" id="_markdiagiframe"></iframe></div></div><div class="dialogmiddleright" id="_middleright"></div></div><div class="clear"></div><div><div class="dialogendleft"></div><div class="dialogendmiddle" id="_endmiddle"><div class="dialogendmiddle" id="_endmiddle"></div><div class="dialogendright"></div></div><div class="clear"></div></div>';
        if (opts.ContentFlag == 1) {
            tempstr = '<div class="dialogshowdiv" id="_diawindow"><div><div class="dialogtopleft"></div><div class="dialogtopmiddle" id="_topmiddle"> <span style="float:left; color:#FFF; font-weight:bold; line-height:32px; font-size:12px;">&nbsp;' + opts.Title + '</span><span style="float:right;margin-right:5px;"><a href="javascript:"><img border="0" src="' + skinurl + '" width="26" height="20" id="_diagclose" /></a></span></div><div class="dialogtopright"></div></div><div class="clear"></div><div><div class="dialogmiddleleft" id="_middleleft"></div><div class="dialogmiddlemiddle"  id="_middlemiddle"><div style="background:#f5f8ff;" id="_middlecontent">' + opts.Contents + '</div></div><div class="dialogmiddleright" id="_middleright"></div></div><div class="clear"></div><div><div class="dialogendleft"></div><div class="dialogendmiddle" id="_endmiddle"><div class="dialogendmiddle" id="_endmiddle"></div><div class="dialogendright"></div></div><div class="clear"></div></div>';
        }
        $("body").append(maktemp);
        $("body").append(tempstr);
    }
    else {
        $("#_markdiag").show();
        $("#_markdiag").show();
    }
    var css = {}
    if (window.navigator.userAgent.indexOf('MSIE') >= 1) {
        css.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opts.Intopacity * 100 + ')';
    }
    else {
        css.opacity = opts.Intopacity;
    }
    $("#_markdiag").css(css);

    var iframe = document.getElementById('_markdiagiframe');
    
    if (iframe) {
        var iframewindow = document.getElementById('_markdiagiframe').contentWindow;
        if (iframe.attachEvent) {
            iframe.attachEvent("onload", function() {
                $('#dialogdivloading').hide();
                $('#_markdiagiframe').show();
                iframewindow.focus();
                
            });
        }
        else {
            iframe.onload = function() {
                $('#dialogdivloading').hide();
                $('#_markdiagiframe').show();
                iframewindow.focus();
            };
        }
    }



    //有传递确定按钮处理方法则在点击确定按钮后触发
    if (callbackOk) {
        if ($('#_btDialogOK').val()) {
            $('#_btDialogOK').click(function() {
                if ($("#_diawindow").length > 0) {
                    $("#_diawindow").remove();
                }
                if ($("#_markdiag").length > 0) {
                    $("#_markdiag").remove();
                };
                callbackOk();
            });
        }

    }
    else {  //没有指明确定按钮处理方法则在点击确定后关闭对话框
        if ($('#_btDialogOK').val()) {
            $('#_btDialogOK').click(function() {
                if ($("#_diawindow").length > 0) {
                    $("#_diawindow").remove();
                }
                if ($("#_markdiag").length > 0) {
                    $("#_markdiag").remove();
                };
            });
        }
    }

    //取消按钮事件处理

    if ($('#_btDialogCanel').val()) {
        $('#_btDialogCanel').click(function() {
            if ($("#_diawindow").length > 0) {
                $("#_diawindow").remove();
            }
            if ($("#_markdiag").length > 0) {
                $("#_markdiag").remove();
            };
        });
    }

    var w, h, de;
    de = document.documentElement;
    w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    h = self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
    var diagtop = h / 2 - (opts.Height / 2) + eval($(document).scrollTop());
    var diagleft = w / 2 - (opts.Width / 2) + eval($(document).scrollLeft());
    $("#_diawindow").css({ "top": diagtop, "left": diagleft, "width": opts.Width, "height": opts.Height });
    $("#_topmiddle").css({ "width": opts.Width - 24 });
    $("#_middlemiddle").css({ "width": opts.Width - 20, "height": opts.Height - 34 });
    $("#_middleleft").css({ "height": opts.Height - 34 });
    $("#_middleright").css({ "height": opts.Height - 34 });
    $("#_middlecontent").css({ "height": opts.Height - 34 });
    $("#_endmiddle").css({ "width": opts.Width - 20 });
    $(window).scroll(function() {
        var diagtop = h / 2 - (opts.Height / 2) + eval($(document).scrollTop());
        var diagleft = w / 2 - (opts.Width / 2) + eval($(document).scrollLeft());
        $("#_diawindow").css({ "top": diagtop, "left": diagleft });
    });

    $("#_diagclose").mousemove(
      function() {
          $(this).attr("src", skinurl2);
      }).mouseout(
      function() {
          $(this).attr("src", skinurl);
      }).click(function() {
          if ($("#_diawindow").length > 0) {
              $("#_diawindow").remove();
          }
          if ($("#_markdiag").length > 0) {
              $("#_markdiag").remove();
          }
      });

    //设置对话框默认焦点
    var _dialogOK1 = document.getElementById('_btDialogOK');
    if(_dialogOK1){
        _dialogOK1.focus();
    }
    
}

