<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Keypad.aspx.vb" Inherits="eTella.Web.Keypad" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>【投票画面】</title>
    <link rel="stylesheet" href="./assets/css/screen.css"/>
    <link rel="stylesheet" href="./assets/css/responsive.css"/>
    <script type="text/javascript" src="./assets/js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="./assets/js/script.js"></script>
    <script type="text/javascript" src="./assets/js/TweenMax.min.js"></script>
    <script type="text/javascript">
        var enableCss3 = true;
        var userAgent = window.navigator.userAgent.toLowerCase();
        if (userAgent.indexOf('msie') != -1) {
            var appVersion = window.navigator.appVersion.toLowerCase();
            if ((appVersion.indexOf("msie 6.") != -1) ||
                (appVersion.indexOf("msie 7.") != -1) ||
                (appVersion.indexOf("msie 8.") != -1)) {
                enableCss3 = false;
            }
        }
        if (enableCss3) {
            $(document).ready(function () {
                //$('a').on('click', function (e) {
                //    e.preventDefault();

                //    var $this = $(this);
                //    TweenLite.to([$('#dialog')], 1, {
                //        scale: 1.0,
                //        opacity: 0,
                //        onComplete: function () {
                //            window.location.href = $this.attr('href');
                //        }
                //    });
                //});
                document.addEventListener('click', 'a', function (e) {
                    e.preventDefault();

                    var $this = $(this);
                    TweenLite.to([$('#dialog')], 1, {
                        scale: 1.0,
                        opacity: 0,
                        onComplete: function () {
                            window.location.href = $this.attr('href');
                        }
                    });
                }, { passive: false });
            });
        }
    </script>
</head>
<body id="body1" runat="server" onselectstart="return false;" onmousedown="return false;" oncontextmenu="return false;">
    <form id="form1" runat="server">
 
    <div id="numofvotes">
      <asp:Label ID="lblNumOfVotes" runat="server"></asp:Label>
    </div>

    <div id="process">
      <ul>
        <li class="end"></li>
        <li class="current"></li>
        <li></li>
        <li></li>
      </ul>
    </div>

    <div id="dialog">
      <div class="box">
        <div class="box-header">
            <label class="senkyo-mei"><asp:Literal runat="server" ID="LtlSenkyoMei"></asp:Literal></label><br />
            <label class="caption">候補者名の頭文字を指定してください。</label>
            <%--<img class="img-block" src="../assets/img/img-select-message.png" alt="候補者を選択してください"/>--%>
        </div>

        <div id="vote" class="keypad">
          <div id="vote_container">

                <div id="keypad" class="clearfix">
                    <table>
                        <tbody>
                        <asp:Literal ID="LtlKeypad" runat="server"></asp:Literal>
                        <%--<tr><td>あ</td><td>か</td><td>さ</td><td>た</td><td>な</td><td>は</td><td>ま</td><td>や</td><td>ら</td><td>わ</td></tr>
                        <tr><td>い</td><td>き</td><td>し</td><td>ち</td><td>に</td><td>ひ</td><td>み</td><td></td><td>り</td><td></td></tr>
                        <tr><td>う</td><td>く</td><td>す</td><td>つ</td><td>ぬ</td><td>ふ</td><td>む</td><td>ゆ</td><td>る</td><td>を</td></tr>
                        <tr><td>え</td><td>け</td><td>せ</td><td>て</td><td>ね</td><td>へ</td><td>め</td><td></td><td>れ</td><td></td></tr>
                        <tr><td>お</td><td>こ</td><td>そ</td><td>と</td><td>の</td><td>ほ</td><td>も</td><td>よ</td><td>ろ</td><td>ん</td></tr>--%>
                        </tbody>
                    </table>
                </div>             
          </div>
        </div>
        <asp:Literal ID="LtlAllButton" runat="server"></asp:Literal>
      </div>
    </div>

    </form>
</body>
</html>
