function initplug_in(position, percentage) {

    $(document.body).append('<script src="http://www.ttgrasp.com.cn/scripts/selector/drop2.js"></script>');
    $(document.body).append('<link href="http://www.ttgrasp.com.cn/content/dropstyle2.css" rel="stylesheet" />'); 
    //$("<script src=\"http://www.ttgrasp.com.cn/scripts/selector/drop2.js\"></script>").appendto("body");

    ///左侧中间显示
    if (position == "left")
        var html = "<div style=\"z-index: 10000; : 20px; top: " + percentage + "%; position: fixed\" onclick=\"showdiv()\">"
            + "<img style=\"height: 100px;\" src=\"http://www.ttgrasp.com.cn/image/切图/入口.png\" />"
            + "</div>";

    ///右侧中间显示
    if (position == "right")
        var html = "<div style=\"z-index: 10000; right: 20px; top:  " + percentage + "%; position: fixed\" onclick=\"showdiv()\">"
            + "   <img style=\"height: 100px;\" src=\"http://www.ttgrasp.com.cn/image/切图/入口.png\" />"
            + " </div>"; 
    $("body").append(html);
    

}
function showdiv() {
    scrollto(0, 0);

    var html = "<div id=\"popwindow\" class=\"popwindow\" style=\"display: none;  background-color: #9d9d9d;width: 100%;height: 100%;left: 0; top: 0; filter: alpha(opacity=50);opacity: 0.5; z-index: 10001; position: absolute;\">"
        + " </div >"
        + "  <div id=\"masklayer\" class=\"masklayer\" style=\"display: none; background-image: url(http://www.ttgrasp.com.cn/image/切图/弹框.png);width: 825px; height: 510px;left: 20%; top: 15%;color: #fff;z-index: 10002;position: absolute;background-repeat: no-repeat;\">"
        + "    <a style=\"float: right; margin-top: 25px; margin-right: 15px;\" onclick=\"closediv()\">"
        + "       <img src=\"http://www.ttgrasp.com.cn/image/切图/关闭按钮.png\" /></a>"
        + "   <div style=\"padding-top: 55px; padding-left: 300px; font-size: 28px;\">软 件 智 能 选 型</div>"
        + "   <div id=\"context\" class=\"context\" style=\" height: 200px; margin-top: 106px;\">"
        + "    <div class=\"smartcss\" style=\"margin-left: 150px; line-height: 50px;\">"
        + "          <select id=\"industry\" name=\"type\" style=\"height:34px;width: 550px; border-radius: 10px; padding: 6px 12px;  font-size: 14px;  line-height: 1.428; border: 1px solid #ccc; max-width:550px !important;color:black;\">"
        + "           <option value=\"-1\">所属行业（单选）</option>"
        + "            <option value=\"0\">食品饮料</option> "
        + "            <option value=\"1\">五金建材</option> "
        + "            <option value=\"2\">汽配汽修</option> "
        + "            <option value=\"3\">通讯数码</option> "
        + "            <option value=\"4\">灯饰照明</option> "
        + "            <option value=\"5\">电器电子</option> "
        + "            <option value=\"6\">家具家纺</option> "
        + "            <option value=\"7\">快消品</option>   "
        + "            <option value=\"8\">其他行业</option> "
        + "        </select>"
        + "    </div>"
        + "    <div class=\"smartcss mcheck\" style=\"margin-left: 150px; line-height: 50px;\">"
        + "        <input class=\"selectpicker show-tick form-control\" placeholder=\"管理需求（多选）\" id=\"drop\" readonly=\"readonly\"  style=\"height:34px;width: 550px; border-radius: 10px; padding: 6px 12px;  font-size: 14px;  line-height: 1.428; border: 1px solid #ccc; max-width:550px !important;color:black;background-color:white\"/>"
        + "    </div>"
        + "    <div class=\"smartcss\" style=\"margin-left: 150px; line-height: 50px;\">"

        + "        <select name=\"type\" id=\"product\" style=\"height:34px;width: 550px; border-radius: 10px; padding: 6px 12px;  font-size: 14px;  line-height: 1.428; border: 1px solid #ccc; max-width:550px !important;color:black;\">"
        + "            <option value=\"-1\">商业模式（单选）</option>"
        + "            <option value=\"0\">批发管理（线上）</option>"
        + "            <option value=\"1\">批发管理（线下）</option>"
        + "            <option value=\"2\">批发管理（线上+线下）</option>"
        + "            <option value=\"3\">零售管理（线上）</option>"
        + "            <option value=\"4\">零售管理（线下）</option>"
        + "            <option value=\"5\">零售管理（线上+线下）</option>"
        + "            <option value=\"6\">批零兼营（线上）</option>"
        + "            <option value=\"7\">批零兼营（线下）</option>"
        + "            <option value=\"8\">批零兼营（线上+线下）</option>"
        + "        </select>"
        + "    </div>"


        + "    <div class=\"smartcss\" style=\"margin-left: 150px; line-height: 50px;\">"
        + "        <select name=\"type\" id=\"scale\" style=\"height:34px;width: 550px; border-radius: 10px; padding: 6px 12px;  font-size: 14px;  line-height: 1.428; border: 1px solid #ccc; max-width:550px !important; color:black;\">"
        + "            <option value=\"-1\">企业规模（单选）</option>"
        + "            <option value=\"0\">微型企业</option>"
        + "            <option value=\"1\">小型企业</option>"
        + "            <option value=\"2\">中小企业</option>"
        + "            <option value=\"3\">中型企业</option>"
        + "            <option value=\"4\">中大型企业</option>"
        + "            <option value=\"5\">集团化企业</option>"
        + "        </select>"
        + "    </div>"

        + "</div>"
        + "<div id=\"solution\" class=\"solution\" style=\" width:1100px;margin-left:-133px; height:306px;padding-top:90px;text-align: center; display: none;\">"
        + "    <div>"
        + "        <img id=\"a8\" src=\"http://www.ttgrasp.com.cn/image/切图/a8.png\" />"
        + "        <img id=\"a8top\" style=\"margin-bottom:-17px;\" src=\"http://www.ttgrasp.com.cn/image/切图/a8总账.png\" />"
        + "        <img id=\"d9\" src=\"http://www.ttgrasp.com.cn/image/切图/d9.png\" />"
        + "        <img id=\"pos\" src=\"http://www.ttgrasp.com.cn/image/切图/pos.png\" />"
        + "        <img id=\"v1\" src=\"http://www.ttgrasp.com.cn/image/切图/v1.png\" />"
        + "        <img id=\"v3\" src=\"http://www.ttgrasp.com.cn/image/切图/v3.png\" />"
        + "        <img id=\"graspyun\" src=\"http://www.ttgrasp.com.cn/image/切图/管家婆云.png\" />"
        + "        <img id=\"wlt\" src=\"http://www.ttgrasp.com.cn/image/切图/物联通.png\" />"
        + "        <img id=\"dht\" src=\"http://www.ttgrasp.com.cn/image/切图/订货通.png\" />"
        + "        <img id=\"v3top\" style=\"margin-bottom:-23px;\" src=\"http://www.ttgrasp.com.cn/image/切图/v3-1.jpg\" />"
        + "    </div>"
        + "</div>"
        + "<div class=\"buttondiv\">"
        + "    <div class=\"okbutton\" id=\"okbutton\" onclick=\"doclickok()\" style=\"margin-top: 30px; margin-left: 300px; background: url(http://www.ttgrasp.com.cn/image/切图/按钮.png);background-repeat: no-repeat;width: 265px; height: 38px; border: 0px;font-size: 15px; color: #fff;text-align: center; padding-top: 8px;\">确&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;定</div>"
        + "</div>"
        + "<div class=\"buttondiv\" style=\"margin-top: 30px; margin-left: 300px;\">"
        + "    <div class=\"okbutton\" id=\"kbutton\" style=\"display:none; width: 265px;height: 38px;border: 0px;font-size: 15px; text-align: center;padding-top: 8px;background: url(http://www.ttgrasp.com.cn/image/切图/按钮-选中.png); background-repeat: no-repeat;\" onclick=\"closediv()\"\">知&nbsp;&nbsp;道&nbsp;&nbsp;了</div>"
        + "</div>"
        + "  </div>"; 
    $("body").append(html); 
    dropdwon({
        id: 'drop',
        mydata: {

            name2: {
                val: '进销存管理',
            },
            name3: {
                val: '分支机构管理'
            },
            name4: {
                val: '业务财务一体化'
            },
            name5: {
                val: '零售连锁管理'
            },
            name6: {
                val: '仓储物流维修'
            },
            name7: {
                val: '线上线下全渠道'
            },
            name8: {
                val: '移动互联应用'
            },
            name9: {
                val: '云服务'
            }
        }
    });
    $('body').css({ 'overflow-y': 'hidden', "width": "100%",'overflow-x':"hidden"});
    document.getelementbyid('popwindow').style.display = 'block';
    document.getelementbyid('masklayer').style.display = 'block';

    document.getelementbyid('solution').style.display = 'none';
    document.getelementbyid('context').style.display = 'block';

    document.getelementbyid("industry").selectedindex = 0;
    document.getelementbyid("product").selectedindex = 0;
    document.getelementbyid("scale").selectedindex = 0;
    document.getelementbyid("drop").value = "";
    document.getelementbyid("kbutton").style.display = "none";
    document.getelementbyid("okbutton").style.display = "block";
}
function closediv() {
    $('body').css({ 'overflow-y': '', "width": "100%", 'overflow-x': "" });
    document.getelementbyid('popwindow').style.display = 'none';
    document.getelementbyid('masklayer').style.display = 'none';
}
function doclickok() {

    var industry = document.getelementbyid("industry").value;
    var product = document.getelementbyid("product").value;
    var drop = document.getelementbyid("drop").value;
    var scale = document.getelementbyid("scale").value;
    var a8 = "none";
    var a8top = "none";
    var v3top = "none";
    var v1 = "none";
    var v3 = "none";
    var d9 = "none";
    var graspyun = "none";
    var wlt = "none";
    var dht = "none";
    var pos = "none";

    if (industry == -1) {
        alert("请选择所属行业");
        return;
    }
    if (product == -1) {
        alert("请选择管理需求");
        return;
    }
    if (drop == "") {
        alert("请选择商业模式");
        return;
    }
    if (scale == -1) {
        alert("请选择企业规模");
        return;
    }
    if (product != -1 && product != 0 && product != 1 && product != 2) {
        pos = "";
    }
    if (scale == 0) {
        d9 = "";
    }
    if (scale == 1) {
        v1 = "";
    }
    if (scale == 3 || scale == 2) {
        v3 = "";
    }
    if (scale == 5 || scale == 4) {
        a8 = "";
    }
    if (drop.indexof("分支机构管理") >= 0) {
        a8 = "";
    }
    if (drop.indexof("业务财务一体化") >= 0) {
        a8top = "";
    }
    if (drop.indexof("零售连锁管理") >= 0) {
        pos = "";
    }
    if (drop.indexof("线上线下全渠道") >= 0) {
        dht = "";
    }
    if (drop.indexof("移动互联应用") >= 0) {
        wlt = "";
    }
    if (drop.indexof("云服务") >= 0) {
        graspyun = "";
    }
    if (drop.indexof("分支机构管理") >= 0 && drop.indexof("业务财务一体化") >= 0) {
        a8top = "";
        a8 = "none";
        v3 = "none";
        v1 = "none";
        d9 = "none";
        v3top = "none";
    }
    if (drop.indexof("分支机构管理") < 0 && drop.indexof("业务财务一体化") >= 0) {
        a8top = "none";
        a8 = "none";
        v3 = "none";
        v1 = "none";
        d9 = "none";
        v3top = "";
    }
    if (a8top != "none")
        v3top = "none";
    document.getelementbyid("kbutton").style.display = "block";
    document.getelementbyid("okbutton").style.display = "none";
    document.getelementbyid("a8").style.display = a8;
    document.getelementbyid("a8top").style.display = a8top;
    document.getelementbyid("v1").style.display = v1;
    document.getelementbyid("v3").style.display = v3;
    document.getelementbyid("v3top").style.display = v3top;
    document.getelementbyid("d9").style.display = d9;
    document.getelementbyid("pos").style.display = pos;
    document.getelementbyid("graspyun").style.display = graspyun;
    document.getelementbyid("wlt").style.display = wlt;
    document.getelementbyid("dht").style.display = dht;
    var context = document.getelementbyid("context");
    context.style.display = "none";
    var solution = document.getelementbyid("solution");
    solution.style.display = "block";
}