@model CP.Web.ZstOutHelp
@using CP.Model;
@using CP.Common;

@{
    Layout = "~/Views/Shared/_zst.cshtml";
    var chart = Model.Chart;
    Page.Title = chart.title;
    Page.Description = chart.description;
    Page.Keywords = chart.keywords;


    Page.Chart = Model.Chart;
    Page.Cz = Model.Cz;
    Page.InnerLink = Model.InnerLinkList;
    Page.ZsList = Model.ZsList;
    Page.GjList = Model.GjList;
    Page.YlList = Model.YlList;
    Page.TbList = Model.TbList;
    Page.ZtList = Model.ZtList;
    
    
    

    var cz = Model.Cz;
    string sqi = ViewBag.sqi;
    string eqi = ViewBag.eqi;
}
@section head{
    <link href="~/static/images/fancybox/jquery.fancybox.css" rel="stylesheet" />
    <script src="~/static/images/fancybox/jquery.fancybox.js"></script>
    <script src="~/static/hc/highcharts.js"></script>
    <script src="~/static/hc/exporting.js"></script>
}

<div class="wrap">
    <div class="navbar">
        <span>当前位置：</span><a href="/">首页</a> - <a href="/tool/">@chart.tid.ToString()</a> - <a href="">@cz.name</a> - @chart.name
    </div>
</div>
<div class="wrap">
    <div class="container">
        <div class="title">
            <h1>@chart.name</h1>
            <p>以下每项过滤中，如果您没有选择过滤内容，则视为您不过滤该项！</p>
            <div class="push"><a href="http://www.55128.cn/about/relation.html" target="_blank">有问题联系我们</a></div>
        </div>
    </div>
</div>
<div class="wrap2">
    <div class="tools">
        <h1>@chart.name</h1>
        <table width="100%" cellspacing="0" cellpadding="0" border="0" class="tool_table">
            <thead>
                <tr>
                    <th style="width:816px;" align="center"><div>设置条件</div></th>
                    <th class="br01"></th>
                    <th style="width:380px;"><div>帮助</div></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="gsselect">
                            <div class="item">请选择您要进行跟随分析的号码：</div>
                            <div class="qlcselect">
                                <div class="t"><input type="radio" name="itemval" id="item01" checked="checked" value="1" /> <label for="item01">基本号分析。请选择 1 到 7 个基本号码：</label></div>
                                <ul style="width:365px;">
                                    <li><span>01</span><span>02</span><span>03</span><span>04</span><span>05</span><span>06</span><span>07</span><span>08</span><span>09</span><span>10</span></li>
                                    <li><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></li>
                                    <li><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span></li>
                                </ul>
                            </div>
                            <div class="qlcselect1">
                                <div class="t"><input type="radio" name="itemval" id="item02" value="2" /> <label for="item02">特别号分析。请选择 1 个特别号：</label></div>
                                <ul>
                                    <li><span>01</span><span>02</span><span>03</span><span>04</span><span>05</span><span>06</span><span>07</span><span>08</span><span>09</span><span>10</span></li>
                                    <li><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></li>
                                    <li><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span></li>
                                </ul>
                            </div>
                            <input type="hidden" id="reds" />
                            <input type="hidden" id="blues" />
                            <div class="item" style="margin-top:6px;">
                                分析的历史数据范围：
                                <input type="radio" name="history" id="history01" value="0" checked="checked" /><label for="history01">所有数据</label>
                                <input type="radio" name="history" id="history02" value="100" /><label for="history02">最近100期</label>
                                <input type="radio" name="history" id="history03" value="-1" /><label for="history03" style="margin-right:0px;">从</label>
                                <select id="sqi">@Html.Raw(sqi)</select> 到
                                <select id="eqi">@Html.Raw(eqi)</select>
                            </div>
                        </div>
                    </td>
                    <td class="br01"></td>
                    <td rowspan="4" class="toolright">
                        <uc4:right ID="right1" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="submit" style="float:left;width:682px;margin-left:58px;+margin-left:30px;_margin-left:36px;">
                            <button type="submit" class="enter" style="margin-left:134px;" id="enter" onclick="showqlcgsresult();return false;">开始分析 [确定]</button>
                            <button type="reset" class="reset" id="reset" onclick="reset();">重新选择 [取消]</button>
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td>
                        <div class="resultgsselect">
                            跟随分析结果
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td>
                        <ul class="gssubswitch" id="showswitch"></ul>
                        <div class="gsresult">
                            <div class="numbers">                                </div>
                            <div class="detail">                                </div>
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

@section script{
    <script type="text/javascript">
        var json = "";
        function selectvalue(id) {
            var array = new Array();
            var o = $("." + id);
            o.find("span.tab").each(function () {
                array.push($(this).html());
            });
            var ival = array.join(',');
            if (id == "qlcselect")
                $("#reds").val(ival);
            if (id == "qlcselect1")
                $("#blues").val(ival);
        }

        function reset() {
            $("#resultinfo").text("");
            $("#reds").val('');
            $("#blues").val('');
            $(".qlcselect").find("span").each(function () {
                $(this).attr("class", "");
            });
            $(".qlcselect1").find("span").each(function () {
                $(this).attr("class", "");
            });
            $("#showswitch").html('');
            $(".numbers").html('');
            $(".detail").html('');

        }


        $(function () {
            //红球选择
            var id = "qlcselect";
            var o = $("." + id);
            o.find("span").on("click", function () {
                $("#item01").attr("checked", true);
                var val = $(this).html();
                if ($(this).attr("class") != "tab") {
                    var i = 0;
                    o.find("span.tab").each(function () {
                        i++;
                    });

                    $(this).attr("class", "tab");
                }
                else {
                    $(this).attr("class", "");
                }
                selectvalue(id);
            });

            var bid = "qlcselect1";
            var o = $("." + bid);
            o.find("span").on("click", function () {
                $("#item02").attr("checked", true);
                var val = $(this).html();
                if ($(this).attr("class") != "tab") {
                    var i = 0;
                    o.find("span.tab").each(function () {
                        i++;
                    });

                    $(this).attr("class", "tab");
                }
                else {
                    $(this).attr("class", "");
                }
                selectvalue(bid);
            });

        })
    </script>
}