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

<!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/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);
                //    var $i = 1.0;
                //    if ($this.attr('href') == 'Voting.aspx') {
                //        $i = 0.2;
                //    }
                //    TweenLite.to([$('#dialog')], 1, {
                //        scale: $i,
                //        opacity: 0,
                //        onComplete: function () {
                //            window.location.href = $this.attr('href');
                //        }
                //    });
                //});
                document.addEventListener('click', 'a', function (e) {
                    e.preventDefault();

                    var $this = $(this);
                    var $i = 1.0;
                    if ($this.attr('href') == 'Voting.aspx') {
                        $i = 0.2;
                    }
                    TweenLite.to([$('#dialog')], 1, {
                        scale: $i,
                        opacity: 0,
                        onComplete: function () {
                            window.location.href = $this.attr('href');
                        }
                    });
                }, { passive: false });
            });
        }
    
        window.onload=blink;  // ページを読み込んだ時に実行
        function blink()
        {
            if (document.all.voting.style.color == "red") {
                document.all.voting.style.color = "black";
            }
            else {
                document.all.voting.style.color = "red";
            }
            setTimeout("blink()", 1000);
        }
    </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="end"></li>
        <li class="end"></li>
        <li class="current"></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 />
            <asp:Label runat="server" ID="LblConfirm" Text="" CssClass="caption">この企業に投票します。よろしいですか？</asp:Label>
        </div>

        <div id="confirm" class="plate">
            <div id="confirm-back">
                <a class="btn" href="KohoList.aspx" id="cancel" runat="server">◀キャンセル</a>
            </div>
            <div id="confirm-plate">
                <div id="person" runat="server">
                    <asp:Literal runat="server" ID="LtlKohoImg"></asp:Literal>
                    <asp:Literal runat="server" ID="LtlKohoMei"></asp:Literal>
                    <span class="seitou-name"><asp:Literal runat="server" ID="LtlSeitoMei"></asp:Literal></span>
                    <span class="senkyo-mei-tate"><asp:Literal runat="server" ID="LtlSenkyoMeiTate"></asp:Literal></span>
                </div>
            </div>
            <div id="confirm-forward">
                <a id="voting" class="btn" href="Voting.aspx">投 票 す る▶</a>
            </div>
        </div>
      </div>
    </div>
        
    <asp:Literal runat="server" ID="LtlClientLog"></asp:Literal>
    </form>
</body>
</html>
