/*iframe弹出层,width和height支持百分比字符*/
var ui = {};
ui.dialog = function (params) {
    var maxmin = false;
    var width = params.width;
    if (typeof (width) == "undefined") {
        width = "100%";
    }
    var height = params.height;
    if (typeof (height) == "undefined") {
        height = "100%";
    }
    if (width == "100%") {
        maxmin = false;
    }
    var defaultoption = {
        type:"iframe",
        title: "标题",
        shadeclose: true,
        target: "self",
        url:"",
        content: "",
        callback: "",
        cancelcallback:""
    };

    params = extend(defaultoption, params);
    var target = params.target;
    var containerid = "uidialogcontainer", titlebarid ="uidialogtitlebar", btnconfirmid = "uidialogconfirmbtn", btncancelid = "uidialogcancelbtn", btnclosebtnid = "uidialogclosebtn";
    var alerticon = { alert: '<i class="ui-alert-icon" aria-hidden="true"> </i> ', confirm: '<i class="ui-alert-icon ui-alert-confirm-icon" aria-hidden="true"> </i> ' };
    var $container;
    //创建容器
    function createcontainer() {
        var $document = document;
        $container = $document.getelementbyid(containerid);
        if ($container == null) {
            $container = $document.createelement("div");
            $container.setattribute("id", containerid);
            $container.setattribute("class", "el-dialog__wrapper el-dialog__" + params.type);
            $container.setattribute("style", "background: rgba(0, 0, 0,0.1);z-index: 2038;height:100%;overflow:hidden");
            var $body = $document.getelementsbytagname("body")[0];
            $body.insertbefore($container, ($body.children)[0]);
        }
        return $container;
    }
    function closedialog()
    {
        $container.style.display = "none";
        $container.innerhtml = ""
    }
    function createdialog() {
        $container = createcontainer();
        var winsize = clientsize();
        var winheight = winsize.height;
        if (height.indexof("%") > 0) {
            height = parseint((winheight * parseint(height.replace("%", "")) / 100));
        }
        else {
            height = parseint(height.replace(/[^0-9]/ig, ""));
        }
        var margintop = parseint(winheight / 2) - parseint(height / 2);
        if (margintop <= 0) {
            margintop = 0;
        }
        $container.style.display = "block";
        var dialog= '<div role="dialog" aria-modal="true" class="el-dialog" style="width:' + params.width + ';height:' + params.height + ';margin-top:' + margintop + 'px">';
        if (params.title) {

            dialog += '<div class="el-dialog__header" id="' + titlebarid +'" >';
            dialog += '<span class="el-dialog__title">' + params.title+'</span>';
            dialog += '<button type="button" aria-label="close" class="el-dialog__headerbtn" id="' + btnclosebtnid +'"><i class="el-dialog__close el-icon el-icon-close"></i></button>';
            dialog += '</div>';
            height = height - 54;
        }
        dialog += '<div class="el-dialog__body">';
        if (params.type == "iframe") {
            dialog += '<div id="_ui-modal-loading-container_"  style="width:100%;position: absolute;left: 0px;top: 0px;opacity: 0.5;background: url(/frameui/1.0/images/loading-2.gif) no-repeat center center;height:' + height + 'px"></div>';
            dialog += '<iframe id="_ui-modal-iframe-container_" src="' + params.url + '" style="width:100%;height:' + height + 'px" scrolling="auto" frameborder="0"></iframe>';
        }
        else {
            dialog += ' <div class="el-dialog__body">' + alerticon[params.type] + params.content + '</div>';
            dialog += '<div class="el-dialog__footer"><span class="dialog-footer">';
            if (params.type == "confirm")
            {
                dialog += '<button type="button" class="el-button el-button--default" id="' + btncancelid +'"><span>取 消</span></button>';
            }
            dialog += '<button type="button" class="el-button el-button--primary" id="' + btnconfirmid+'"><span>确 定</span></button> ';
            dialog +="</span></div>"
        }
        dialog += '</div>';
        dialog += '</div>';
        $container.innerhtml = dialog;
        if (params.type == "iframe") {
            var $loading = document.getelementbyid("_ui-modal-loading-container_");
            var $iframe = document.getelementbyid("_ui-modal-iframe-container_")
            $iframe.onload = function () {
            $loading.style.display = "none";
            };
        }

        if (document.getelementbyid(btncancelid)!= null)
        {
            document.getelementbyid(btncancelid).onclick = function () {
                params.cancelcallback && params.cancelcallback.call();
                closedialog();
            }
       };
        if (document.getelementbyid(btnconfirmid)!= null) {
            document.getelementbyid(btnconfirmid).onclick = function () {
                params.callback && params.callback.call();
                closedialog();
            }
       };

       //右上角的关闭
       if (document.getelementbyid(btnclosebtnid) != null) {
           document.getelementbyid(btnclosebtnid).onclick = function (e) {
               stopbubble(e);
               closedialog();
           }
       };
       //标题
       if (document.getelementbyid(titlebarid) != null) {
           document.getelementbyid(titlebarid).onclick = function (e) {
               stopbubble(e);//阻止冒泡
           }
       };
       
       $container.onclick = function (e) {
            stopbubble(e);
            if (params.shadeclose) {
               closedialog();
            }
        };
    }
    createdialog();
}

//关闭弹出层
ui.closedialog = function () {
    var $document = document;
    var containerid = "uidialogcontainer"
    var $container = $document.getelementbyid(containerid);
    if ($container != null) {
        $container.innerhtml = "";
        $container.style.display = "none";
    }
    stopbubble();

}

function closeself(target) //关闭弹出层
{
    parent.ui.closedialog();
}