$(document).ready(function () {
    sendAjax("post", "getNgixnStatus", null, "json", drawData, errorFunc);
});

/**
 * 展示画布 和 数据
 * @param resp
 */
function drawData(resp) {
    if(resp==null){
        layer.msg("获取数据异常", {icon: 2});
        return;
    }

    if(200!=resp.code){
        console.log(resp);
        layer.msg("获取数据错误"+resp.message, {icon: 20});
        return ;
    }
    var data = resp.data;

    var canvas = document.getElementById('canvas');
    var stage = new JTopo.Stage(canvas);
    //显示工具栏
    //showJTopoToobar(stage);
    var scene = new JTopo.Scene();
    stage.add(scene);
    scene.background = contextPath + "img/bg.jpg";

    var appNodeX = 100;
    var appNodeY = 0;
    var appNodeW = 30;
    var appNodeH = 26;
    var appNode =  newNode(scene,appNodeX+200,appNodeY+20,appNodeW,appNodeH,'APP');


    //定义container for qq
    var container_az1 = new JTopo.Container();
    scene.add(container_az1);
    container_az1.add(newNode(scene,appNodeX-50,appNodeY+120,1,1));
    container_az1.add(newNode(scene,appNodeX-50,appNodeY+520,1,1));
    container_az1.add(newNode(scene,appNodeX+320,appNodeY+120,1,1));

    var container_az2 = new JTopo.Container();
    scene.add(container_az2);
    container_az2.add(newNode(scene,appNodeX+340,appNodeY+120,1,1));
    container_az2.add(newNode(scene,appNodeX+340,appNodeY+520,1,1));
    container_az2.add(newNode(scene,appNodeX+650,appNodeY+120,1,1));

    var container_az3 = new JTopo.Container();
    //container_az3.fillColor = '10,10,100';
    scene.add(container_az3);
    container_az3.add(newNode(scene,appNodeX+340+340,appNodeY+120,1,1));
    container_az3.add(newNode(scene,appNodeX+340+340,appNodeY+520,1,1));
    container_az3.add(newNode(scene,appNodeX+650+340,appNodeY+120,1,1));

    var askServer = newNode(scene,appNodeX-20,appNodeY+150,appNodeW,appNodeH,'问询服务器');
    container_az1.add(askServer);
    var link = newFoldLink(scene,appNode, askServer, '问询');
    link.arrowsRadius = 10;


    var elb_az1_outer = newNode(scene,appNodeX+80,appNodeY+150,appNodeW,appNodeH,'elb_az1_outer');
    resetLbNodeIp(elb_az1_outer,data);
    var elb_az1_inner = newNode(scene,appNodeX+80+120,appNodeY+150,appNodeW,appNodeH,'elb_az1_inner');
    resetLbNodeIp(elb_az1_inner,data);
    container_az1.add(elb_az1_outer);
    container_az1.add(elb_az1_inner);

    var elb_az2_outer = newNode(scene,appNodeX+400,appNodeY+150,appNodeW,appNodeH,'elb_az2_outer');
    resetLbNodeIp(elb_az2_outer,data);
    var elb_az2_inner = newNode(scene,appNodeX+400+120,appNodeY+150,appNodeW,appNodeH,'elb_az2_inner');
    resetLbNodeIp(elb_az2_inner,data);
    container_az2.add(elb_az2_outer);
    container_az2.add(elb_az2_inner);

    var elb_az3_outer = newNode(scene,appNodeX+720,appNodeY+150,appNodeW,appNodeH,'elb_az3_outer');
    resetLbNodeIp(elb_az3_outer,data);
    var elb_az3_inner = newNode(scene,appNodeX+720+120,appNodeY+150,appNodeW,appNodeH,'elb_az3_inner');
    resetLbNodeIp(elb_az3_inner,data);
    container_az3.add(elb_az3_outer);
    container_az3.add(elb_az3_inner);


    var az1Nginx = newNode(scene,appNodeX+105,appNodeY+250,appNodeW,appNodeH,'az1Nginx');
    container_az1.add(az1Nginx);
    //var link = newLink(scene,az1Elb, az1Nginx);
    //link.arrowsRadius = 10;

    for(var i=0;i<data.az1NginxIps.length;i++){
        var tmp=newNodeForIp(scene,appNodeX+105+75,appNodeY+250+i*10,1,1,data.az1NginxIps[i]);
        tmp.textPosition = 'Middle_Right';
        container_az1.add(tmp);
    }



    var az2Nginx = newNode(scene,appNodeX+425,appNodeY+250,appNodeW,appNodeH,'az2Nginx');
    container_az2.add(az2Nginx);
    // var link = newLink(scene,az2Elb, az2Nginx);
    // link.arrowsRadius = 10;

    for(var i=0;i<data.az2NginxIps.length;i++){
        var tmp=newNodeForIp(scene,appNodeX+425+75,appNodeY+250+i*10,1,1,data.az2NginxIps[i]);
        tmp.textPosition = 'Middle_Right';
        container_az2.add(tmp);
    }

    var az3Nginx = newNode(scene,appNodeX+425+340,appNodeY+250,appNodeW,appNodeH,'az3Nginx');
    container_az3.add(az3Nginx);
    // var link = newLink(scene,az2Elb, az2Nginx);
    // link.arrowsRadius = 10;

    for(var i=0;i<data.az3NginxIps.length;i++){
        var tmp=newNodeForIp(scene,appNodeX+425+75+340,appNodeY+250+i*10,1,1,data.az3NginxIps[i]);
        tmp.textPosition = 'Middle_Right';
        container_az3.add(tmp);
    }

    for(var key in data.lb_forward_nginx){
        var valMap=data.lb_forward_nginx[key];
        if(key.indexOf("az1")>=0){
            if(key.indexOf("inner")>=0){
                if(valMap.indexOf("az1")>=0){
                    var link = newLink(scene,elb_az1_inner, az1Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az2")>=0){
                    var link = newLink(scene,elb_az1_inner, az2Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az3")>=0){
                    var link = newLink(scene,elb_az1_inner, az3Nginx);
                    link.arrowsRadius = 10;
                }
            }else if(key.indexOf("outer")>=0){
                if(valMap.indexOf("az1")>=0){
                    var link = newLink(scene,elb_az1_outer, az1Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az2")>=0){
                    var link = newLink(scene,elb_az1_outer, az2Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az3")>=0){
                    var link = newLink(scene,elb_az1_outer, az3Nginx);
                    link.arrowsRadius = 10;
                }
            }
        }else if(key.indexOf("az2")>=0){
            if(key.indexOf("inner")>=0){
                if(valMap.indexOf("az1")>=0){
                    var link = newLink(scene,elb_az2_inner, az1Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az2")>=0){
                    var link = newLink(scene,elb_az2_inner, az2Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az3")>=0){
                    var link = newLink(scene,elb_az2_inner, az3Nginx);
                    link.arrowsRadius = 10;
                }
            }else if(key.indexOf("outer")>=0){
                if(valMap.indexOf("az1")>=0){
                    var link = newLink(scene,elb_az2_outer, az1Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az2")>=0){
                    var link = newLink(scene,elb_az2_outer, az2Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az3")>=0){
                    var link = newLink(scene,elb_az2_outer, az3Nginx);
                    link.arrowsRadius = 10;
                }
            }
        }else if(key.indexOf("az3")>=0){
            if(key.indexOf("inner")>=0){
                if(valMap.indexOf("az1")>=0){
                    var link = newLink(scene,elb_az3_inner, az1Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az2")>=0){
                    var link = newLink(scene,elb_az3_inner, az2Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az3")>=0){
                    var link = newLink(scene,elb_az3_inner, az3Nginx);
                    link.arrowsRadius = 10;
                }
            }else if(key.indexOf("outer")>=0){
                if(valMap.indexOf("az1")>=0){
                    var link = newLink(scene,elb_az3_outer, az1Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az2")>=0){
                    var link = newLink(scene,elb_az3_outer, az2Nginx);
                    link.arrowsRadius = 10;
                }
                if(valMap.indexOf("az3")>=0){
                    var link = newLink(scene,elb_az3_outer, az3Nginx);
                    link.arrowsRadius = 10;
                }
            }
        }
    }

    var az1Gateway = newNode(scene,appNodeX+120,appNodeY+370,appNodeW,appNodeH,'az1Gateway');
    container_az1.add(az1Gateway);
    for(var i=0;i<data.az1GatewayIps.length;i++){
        var azIp=newNodeForIp(scene,appNodeX+120-20,appNodeY+370+60+i*10,1,1,data.az1GatewayIps[i]);
        azIp.textPosition = 'Middle_Right';
        container_az1.add(azIp);
    }

    /*var grayGateway = newNode(scene,appNodeX+230,appNodeY+390,appNodeW,appNodeH,'grayGateway');
    container_az1.add(grayGateway);
    for(var i=0;i<data.grayGatewayIps.length;i++){
        var azIp=newNodeForIp(scene,appNodeX+230-15,appNodeY+370+60+i*10,1,1,data.grayGatewayIps[i]);
        azIp.textPosition = 'Middle_Right';
        container_az1.add(azIp);
    }*/



    var az2Gateway = newNode(scene,appNodeX+450,appNodeY+370,appNodeW,appNodeH,'az2Gateway');
    container_az2.add(az2Gateway);

    for(var i=0;i<data.az2GatewayIps.length;i++){
        var az2NginxIp=newNodeForIp(scene,appNodeX+450-20,appNodeY+370+60+i*10,1,1,data.az2GatewayIps[i]);
        az2NginxIp.textPosition = 'Middle_Right';
        container_az2.add(az2NginxIp);
    }

    var az3Gateway = newNode(scene,appNodeX+450+340,appNodeY+370,appNodeW,appNodeH,'az3Gateway');
    container_az3.add(az3Gateway);

    for(var i=0;i<data.az3GatewayIps.length;i++){
        var tmpNginxIp=newNodeForIp(scene,appNodeX+450+340-20,appNodeY+370+60+i*10,1,1,data.az3GatewayIps[i]);
        tmpNginxIp.textPosition = 'Middle_Right';
        container_az3.add(tmpNginxIp);
    }

    /*if('az2' == data.az2ApiNginx){//aws nginx 指向aws gateway
        var link = newLink(scene,az2Nginx, az2Gateway,"online");
        link.arrowsRadius = 10;
    }else if("qq" == data.az2ApiNginx){//aws nginx 指向qq gateway
        var link = newLink(scene,az2Nginx, az1Gateway,"online");
        link.arrowsRadius = 10;
    }*/

    /*if('az2' == data.az2GrayNginx){//aws nginx gray 指向aws gateway
        var link = newLink(scene,az2Nginx, az2Gateway,"gray");
        link.arrowsRadius = 10;
    }else if('qq' == data.az2GrayNginx){//aws nginx 指向qq gateway
        var link = newLink(scene,az2Nginx, az1Gateway,"gray");
        link.arrowsRadius = 10;
    }else if('gray' == data.az2GrayNginx){//aws nginx 指向qq gateway
        var link = newLink(scene,az2Nginx, grayGateway,"gray");
        link.arrowsRadius = 10;
    }*/

    /*if('az2' == data.qqApiNginx){//qq nginx 指向aws gateway
        var link = newLink(scene,az1Nginx, az2Gateway,"online");
        link.arrowsRadius = 10;
    }else if('qq' == data.qqApiNginx){//qq nginx 指向qq gateway
        var link = newLink(scene,az1Nginx, az1Gateway,"online");
        link.arrowsRadius = 10;
    }*/

    /*if('az2' == data.qqGrayNginx){//qq nginx gray 指向aws gateway
        var link = newLink(scene,az1Nginx, az2Gateway,"gray");
        link.arrowsRadius = 10;
    }else if('qq' == data.qqGrayNginx){//aws nginx 指向qq gateway
        var link = newLink(scene,az1Nginx, az1Gateway,"gray");
        link.arrowsRadius = 10;
    }else if('gray' == data.qqGrayNginx){//aws nginx 指向qq gateway
        var link = newLink(scene,az1Nginx, grayGateway,"gray");
        link.arrowsRadius = 10;
    }*/
    var link = newLink(scene,az1Nginx, az1Gateway,"");
    link.arrowsRadius = 10;
    var link = newLink(scene,az2Nginx, az2Gateway,"");
    link.arrowsRadius = 10;
    var link = newLink(scene,az3Nginx, az3Gateway,"");
    link.arrowsRadius = 10;

    //nginx切换区域
    $("#nginxSwitchDiv").show();

    //创建lua切换按钮
    //createLuaSwitchButton(data.luaType);

    //创建入口切换按钮
   /* if('aws' == data.defaultDns){
        var link = newFoldLink(scene,appNode, awsElb, 'dns','',5);
        link.arrowsRadius = 10;
    }else if('qq' == data.defaultDns){
        var link = newFoldLink(scene,appNode, qqElb, 'dns','',5);
        link.arrowsRadius = 10;
    }*/

    //createDnsSwitchButton(data.luaType);
}

function resetLbNodeIp(node,data) {
    var oldText=node.text;
    if(oldText.indexOf("inner")>=0){
        // 填充颜色
        node.fillColor = '85,107,47';
    }else{
        node.fillColor='210,105,30';
    }
    if(data[oldText]){
        node.text = data[oldText];
    }
}

/**
 * "切向*"按钮点击事件，打开确认操作对话框
 * @param cloudName 源中心名称
 * @param target 目标中心名称
 * @param onlineOrGray 切换：线上/灰度
 */
function nginxInitSwitch(cloudName) {
    var target = $('input:radio[name=target_operate_nginx]:checked').val();

    if(!target){
        prompt("提示", "请选择目标nginx！");
        return;
    }

    if(cloudName!=$('input:radio[name=target_operate_nginx]:checked').attr("secondgroup")){
        prompt("提示", "请选择["+cloudName+"区]目标nginx！");
        return;
    }

    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "你确定切换吗",
        backdrop: "static",
        content: "你确定要将 " + cloudName + " 上的lb "  + "流量切向 " + target + " 吗？",
        buttons: [{
            text: "否",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }, {
            text: "是",
            className: "btn-success",
            onclick: function () {
                var param = {
                    cloudName: cloudName,
                    target: target
                };

                var layerMirror=layer.open( {
                    type:3,
                    //area: ['800px', '500px'],
                    content:"准备切换，请等待",
                    time: 0 //不自动关闭
                });

                $.ajax({
                    url: contextPath+'topoSwitch/switchLbWeight',
                    type: "post",
                    dataType: "json",
                    data: param ,
                    success: function (data) {
                        console.log(data);
                        if(data.code != 200){
                            layer.close(layerMirror);
                            alert(data.message);
                        }else{
                            window.location.href = contextPath + "topoSwitch/toTopoSwitch";
                        }
                    },
                    error: function (e) {
                        alert("系统错误");
                    }
                });
                dialog.dialog("hide");
            }
        }]
    });
}


/**
 * 创建lua切换按钮
 * @param luaType
 */
function createLuaSwitchButton(luaType){
    if(luaType == ""){
        return;
    }
    var awsButton = "<button class=\"btn btn-sm btn-success\" onclick=\"luaInitSwitch(\'aws\')\"> <em class=\"icon-cogs bigger-110\"></em>切向aws</button>";
    var qqButton = "<button class=\"btn btn-sm btn-success\" onclick=\"luaInitSwitch(\'qcloud\')\"> <em class=\"icon-cogs bigger-110\"></em>切向qcloud</button>";
    var mixButton = "<button class=\"btn btn-sm btn-success\" onclick=\"luaInitSwitch(\'mix\')\"> <em class=\"icon-cogs bigger-110\"></em>切向双云</button>";

    if(luaType == 'aws'){
        $("#lua-div").html(qqButton + mixButton);
    }else if (luaType == 'qq'){
        $("#lua-div").html(awsButton + mixButton);
    }else{
        $("#lua-div").html(awsButton + qqButton);
    }
}


/**
 * "*切换"按钮点击事件，打开确认操作对话框
 * @param cloudName 目标中心名称
 */
function luaInitSwitch(cloudName) {
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "你确定切换吗",
        backdrop: "static",
        content: "你确定要将Lua脚本切换至" + cloudName + "吗？",
        buttons: [{
            text: "否",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }, {
            text: "是",
            className: "btn-success",
            onclick: function () {
                var param = {
                    cloudName: cloudName
                };
                sendAjax("post", getUrlBasePath() + "/luaswitch/viewToChangeLuaConf", param, "text", luaViewToChangeSuccess, errorFunc);
                dialog.dialog("hide");
                toWait();
            }
        }]
    });
}


/**
 * 打开对话框，展示切换后的配置
 * @param resp 切换后的响应数据
 */
function luaViewToChangeSuccess(resp) {
    var data = JSON.parse(resp);
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "切换结果",
        backdrop: "static",
        content: "<pre>" + data.data + "</pre>",
        buttons: [{
            text: "否",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }, {
            text: "确定",
            className: "btn-success",
            onclick: function () {
                sendAjax("post",  getUrlBasePath() + "/luaswitch/switchConf", {}, "text", switchSuccess, errorFunc);

                dialog.dialog("hide");
                toWait();
            }
        }]
    }).find(".modal-body").css({
        height: "650px"
    });
}

/**
 * 创建Dns切换按钮
 * @param luaType
 */
/*function createDnsSwitchButton(luaType){
    if(luaType == ""){
        return;
    }
    var awsButton = "<button class=\"btn btn-sm btn-success\" onclick=\"dnsSwitch(\'toAws\')\"> <em class=\"icon-cogs bigger-110\"></em>切向aws</button>";
    var qqButton = "<button class=\"btn btn-sm btn-success\" onclick=\"dnsSwitch(\'toQcloud\')\"> <em class=\"icon-cogs bigger-110\"></em>切向qcloud</button>";
    var mixButton = "<button class=\"btn btn-sm btn-success\" onclick=\"dnsSwitch(\'mix\')\"> <em class=\"icon-cogs bigger-110\"></em>切向双云</button>";

    if(luaType == 'aws'){
        $("#dns-div").html(qqButton + mixButton);
    }else if (luaType == 'qq'){
        $("#dns-div").html(awsButton + mixButton);
    }else{
        $("#dns-div").html(awsButton + qqButton);
    }
}*/

/**
 * 直接切换,由于调用的是api
 * @param cloud
 */
function dnsSwitch(cloud){
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "你确定切换吗",
        backdrop: "static",
        content: "由于切换dns是调用的dnspod提供的api,因此当点击确定就直接切换!!!!!!",
        buttons: [{
            text: "否",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }, {
            text: "是",
            className: "btn-success",
            onclick: function () {
                sendAjax("post",  getUrlBasePath() + "/luaswitch/dnsSwitchConf?cloudName="+cloud, {}, "text", switchSuccess, errorFunc);
                dialog.dialog("hide");
                toWait();
            }
        }]
    });
}

/**
 * 查看当前入口配置
 */
function dnsViewConf(){
    sendAjax("post",  getUrlBasePath() + "/luaswitch/dnsViewCurrentConf", {}, "text", dnsViewCurrentConf, errorFunc);
}

/**
 * 打开对话框，查看当前dns配置
 * @param resp 当前响应数据
 */
function dnsViewCurrentConf(resp) {
    var data = JSON.parse(resp);
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "当前配置",
        backdrop: "static",
        content: "<pre style='width:568px'>" + data.data + "</pre>",
        buttons: [{
            text: "确定",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }]
    }).find(".modal-body").css({
        height: "280px",
        width: "600px"
    });
}

/**
 * 查看当前lua配置
 */
function luaViewConf(){
    sendAjax("post",  getUrlBasePath() + "/luaswitch/viewCurrentConf", {}, "text", viewCurrentConf, errorFunc);
}

/**
 * 查看当前nginx配置
 */
function nginxViewConf(cloud){
    sendAjax("post",  getUrlBasePath() + "/nginxswitch/viewCurrentConf", {cloudName:cloud}, "text", viewCurrentConf, errorFunc);
}

/**
 * 切换配置成功，跳转回首页
 */
function switchSuccess() {
    window.location.href = getUrlBasePath() + "/topoSwitch/toTopoSwitch";
}



/**
 * 打开对话框，展示切换后的配置
 * @param resp 切换后的响应数据
 */
function nginxViewToChangeSuccess(resp) {
    var data = JSON.parse(resp);
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "切换结果",
        backdrop: "static",
        content: "<pre>" + data.data.result + "</pre>",
        buttons: [{
            text: "否",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }, {
            text: "确定",
            className: "btn-success",
            onclick: function () {
                var param = {
                    cloudName: data.data.cloudName
                };
                sendAjax("post", getUrlBasePath() + "/nginxswitch/switchNginxConf", param, "text", switchSuccess, errorFunc);

                dialog.dialog("hide");
                toWait();
            }
        }]
    }).find(".modal-body").css({
        height: "650px"
    });
}


/**
 * 打开对话框，查看当前配置
 * @param resp 切换后的响应数据
 */
function viewCurrentConf(resp) {
    var data = JSON.parse(resp);
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: "当前配置",
        backdrop: "static",
        content: "<pre>" + data.data + "</pre>",
        buttons: [{
            text: "确定",
            className: "btn-danger",
            onclick: function () {
                dialog.dialog("hide");
            }
        }]
    }).find(".modal-body").css({
        height: "650px"
    });
}

/**
 * 获取不切换的服务器ip（由于线上和灰度同在nginx.conf配置中，模板须设计两个占位符，所以切换某一处时，须将不切换的ip提交到后台）
 * @param cloudName 切换的中心aws/qcloud
 * @param onlineOrGray  切换线上/灰度
 * @returns {Array} 不切换服务器的ip列表
 */
function getNoChangeIpArr(cloudName, onlineOrGray) {
    var list = $("." + cloudName + ("online" === onlineOrGray ? "grayapigateway" : "apigateway") + "Ips");
    if (undefined === list || null === list || 0 === list.length) {
        return [];
    }
    var result = [];
    list.each(function () {
        result.push($(this).text().split(":")[0]);
    });
    return result;
}

/**
 * 提示函数
 * @param title 标题
 * @param content 内容
 */
function prompt(title, content) {
    var dialog = $("<div>").appendTo($("body"));
    dialog.dialog({
        title: title,
        backdrop: "static",
        content: content,
        buttons: [{
            text: "确定",
            className: "btn-success",
            onclick: function () {
                dialog.dialog("hide");
            }
        }]
    });
}

/**
 * 发送ajax请求
 * @param type 请求方法post/get
 * @param url 请求url
 * @param data 请求参数数据
 * @param dataType 请求参数类型
 * @param success 请求成功回调函数
 * @param error 请求异常回调函数
 */
function sendAjax(type, url, data, dataType, success, error) {
    $.ajax({
        type: type,
        url: url,
        data: data,
        dataType: dataType,
        success: success,
        error: error
    });
}

/**
 * ajax请求异常回调函数
 */
function errorFunc() {
    layer.msg("Token异常", {icon: 2});
}

/**
 * 打开等待对话框
 */
function toWait() {
    $("<div>").appendTo($("body")).dialog({
        title: "提示",
        backdrop: "static",
        content: "正在切换，请稍后..."
    });
}

// 节点
function newNode(scene,x, y, w, h, text) {
    var node = new JTopo.Node(text);
    node.setLocation(x, y);
    node.setSize(w, h);
    if("APP"==text){
        node.setImage(contextPath + 'img/pstn/host.png', true);
    }else if("问询服务器"==text){
        node.setImage(contextPath + 'img/pstn/terminal.png', true);
    }else if(text!=null&&text.toLowerCase().indexOf("elb")>=0){
        ///node.setImage(contextPath + 'img/pstn/cloud.png', true);
        node.setSize(100, 30);
        node.borderRadius = 5; // 圆角
        node.borderWidth = 1; // 边框的宽度
        node.borderColor = '255,255,255'; //边框颜色
       // node.alpha = 0.7; //透明度
        node.textPosition = 'Middle_Center';// 文字居中
    }else if(text!=null&&text.toLowerCase().indexOf("nginx")>=0){
        node.setImage(contextPath + 'img/pstn/router2.png', true);
        node.textPosition = 'Top_Center';// 文字居中
    }else if("az3Gateway"==text||"qqGateway"==text||"az1Gateway"==text||"az2Gateway"==text){
        node.setImage(contextPath + 'img/pstn/msc.png', true);
        //node.alarm = "";
        //node.alarmColor = '0,255,0';
    }else if("grayGateway"==text){
        node.setImage(contextPath + 'img/pstn/router.png', true);
    }
    scene.add(node);
    return node;
}

function newNodeForIp(scene,x, y, w, h, text) {
    var node=newNode(scene,x, y, w, h, text);
    node.fontColor='50,180,202'
    return node;
}

// 简单连线
function newLink(scene,nodeA, nodeZ, text, dashedPattern) {
    var link = new JTopo.Link(nodeA, nodeZ, text);
    link.lineWidth = 3; // 线宽
    link.dashedPattern = dashedPattern; // 虚线
    link.bundleOffset = 60; // 折线拐角处的长度
    link.bundleGap = 20; // 线条之间的间隔
    link.textOffsetY = 3; // 文本偏移量（向下3个像素）
    link.strokeColor = '0,200,255';
    scene.add(link);
    return link;
}

// 折线
function newFoldLink(scene,nodeA, nodeZ, text, direction, dashedPattern) {
    var link = new JTopo.FoldLink(nodeA, nodeZ, text);
    link.direction = direction || 'horizontal';
    link.arrowsRadius = 15; //箭头大小
    link.lineWidth = 3; // 线宽
    link.bundleOffset = 60; // 折线拐角处的长度
    link.bundleGap = 20; // 线条之间的间隔
    link.textOffsetY = 3; // 文本偏移量（向下3个像素）
    //link.strokeColor = JTopo.util.randomColor(); // 线条颜色随机
    link.dashedPattern = dashedPattern;
    if(dashedPattern){
        link.strokeColor =  "255,255,0";
    }else{
        link.strokeColor =  "34,139,34";
    }
    scene.add(link);
    return link;
}

// 二次折线
function newFlexionalLink(scene,nodeA, nodeZ, text, direction, dashedPattern) {
    var link = new JTopo.FlexionalLink(nodeA, nodeZ, text);
    link.direction = direction || 'horizontal';
    link.arrowsRadius = 10;
    link.lineWidth = 3; // 线宽
    link.offsetGap = 35;
    link.bundleGap = 15; // 线条之间的间隔
    link.textOffsetY = 10; // 文本偏移量（向下15个像素）
    link.strokeColor = '0,250,0';
    link.dashedPattern = dashedPattern;
    scene.add(link);
    return link;
}

// 曲线
function newCurveLink(scene,nodeA, nodeZ, text) {
    var link = new JTopo.CurveLink(nodeA, nodeZ, text);
    link.lineWidth = 3; // 线宽
    scene.add(link);
    return link;
}