@using Angel.Models
@model AngelExam.Controllers.UOjbectClass
@{
    Layout = null;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="/Content/all.css" rel="stylesheet" />
    <link href="/Content/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    <link href="/Content/lightbox.min.css" rel="stylesheet">
    <title>@ViewBag.AngelSystemName</title>
    <style type="text/css">
        .arabic {
            direction: rtl;
            unicode-bidi: bidi-override;
        }

        @Html.Raw("@")font-face {
            font-family: MENKSOF0;
            font-style: normal;
            font-weight: normal;
            src: url("/images/mongol/Menksoft2007.woff") format("woff");
        }
    </style>

    <link rel="stylesheet" href="/Content/default/easyui.css" type="text/css" />
    <link rel="stylesheet" href="/Content/icon.css" type="text/css" />
    <link rel="stylesheet" href="/Content/portal.css" type="text/css" />
    <link rel="stylesheet" href="/Content/main.css" type="text/css" />
    <link rel="stylesheet" href="/Content/jquery.splitter.css" type="text/css" />
    <script type="text/javascript" src="/Scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/Scripts/easyui-lang-zh_CN.js" charset="UTF-8"></script>
    <!-- 首页布局portal -->
    <script type="text/javascript" src="/Scripts/jquery.portal.js"></script>
    <!--垂直分割线 -->
    <script type="text/javascript" src="/Scripts/jquery.splitter-0.14.0.js"></script>
    <!-- easyui扩展JS -->
    <script type="text/javascript" src="/Scripts/extendEasyui.js"></script>
    <script type="text/javascript" src="/Scripts/validate.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/Scripts/study_v1.2.js"></script>
    <script type="text/javascript" src="/Scripts/formatInfo.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.hotkeys.js"></script>
    <script src="/Scripts/jquery.jplayer.min.js"></script>

    <script type="text/javascript" charset="UTF-8">
        var basePath = "";
        var parm, parm1
        var isAB = 2;
        var lib = 'SE015451fcd8aa0b';
        var _first = 0;
        var _all = 0;
        var c = 0;
        var examTime;
        var ts = 0;
        var _timer;
    </script>
</head>

<body>
    <noscript><iframe src=*.html></iframe></noscript>
    <div class="easyui-panel" title="" style="padding:0px;" fit=true>
        <div id="cc" class="easyui-layout" data-options="fit:true">
            <div data-options="region:'west'" style="width:12%;padding:2px;border:0px;">
                <div class="pageleft" id="testpageleft1">考场号：001</div>
                <div class="pageleft" id="testpageleft2">姓名：学员</div>
                <div class="pageleft" id="testpageleft3">科目： @if (Session["subject"].Equals("1")) { @Html.Raw("科目一") } else { @Html.Raw("科目四") }  </div>
                <div class="pageleft" id="testpageleft4">车型： @Session["carmodel"]</div>
                <div class="pageleft" id="testpageleft5">剩余时间：<span id="timeCount"></span></div>

                <div class="pageleft" id="testpageleft6">
                    提示选项<br>
                    <br>
                    <form>
                        <input id="opt1" type="checkbox" class="checkbox1" name="answertip" value="showanswer" checked="checked" />&nbsp;<label>显示答案</label><br>
                        <input id="opt2" type="checkbox" class="checkbox1" name="answertip" value="showyesorno" checked="checked" />&nbsp;<label>显示对错</label><br>
                        <input id="opt3" type="checkbox" class="checkbox1" name="answertip" value="showtip" />&nbsp;<label>显示讲解</label><br>
                        <hr />
                        <input id="opt4" type="checkbox" class="checkbox1" name="answertip" value="showvoice" />&nbsp;<label>语音讲解</label><br>
                        <input id="opt5" type="checkbox" class="checkbox1" name="answertip" value="showvoiceyesorno" checked="checked" />&nbsp;<label>语音提示</label><br>
                        <input id="opt7" type="checkbox" class="checkbox1" name="answertip" value="errorAudio" checked="checked" />&nbsp;<label>答错时语音讲解</label>
                        <hr />
                        <input type="radio" name="opt6" value="1" checked="checked"><label>手动翻页</label><br>
                        <input type="radio" name="opt6" value="2"><label>自动翻页</label><br>
                        <input type="radio" name="opt6" value="3"><label>答对时翻页</label><br>

                    </form>
                </div>

            </div>
            <div data-options="region:'east'" style="width:21%;padding:2px;border:0px;">
                <div class="pageright1" style="height:350px;width:98%; overflow:auto; border:1px solid #F0F0EE;background-color: #F0F0EE;margin-top: 5px;border-radius:5px;padding: 5px 0 0 5px;" id="questions">
                    <input type="hidden" id="token" value="tr015c6d3f31471c95">
                            @foreach(TikuNumber tc in Model.tikunumberlist)
                            {
                            <div class="pointbox pointboxnull" id="@tc.id">@tc.number<span></span></div>    
                            }    
                </div>
                <hr style="margin:0px;" />
                <div class="pageright1" style="height:50px;">
                    <div class="pagemid1-3right">
                        <!-- <div class="pagectrl"><img alt="交卷" src="" onclick="submitExam()"/>
                        </div> -->

                        <div class="pagectrl">
                            <img alt="错题重做" src="/Image/reExam.jpg" style="height: 20px;" onclick="tryReExam()" />
                        </div>
                        <div class="pagectrl">
                            <img alt="语音讲解" src="/Image/audioShow.jpg" style="height: 20px;" onclick="audioPlay()" />
                        </div>
                        <div class="pagectrl">
                            <img alt="视频讲解"  src="/Image/vedioShow.jpg" style="height: 20px;" onclick="videoPlay()"/>
                        </div>
                    </div>
                </div>
                <hr style="margin:0px;" />
                <div class="pageright1" style="height:220px;">
                    <label>练习结果</label>
                    <div class="labelbox">
                        <label class="labelleft">抽题数量：</label>
                        <label class="labelmid" id="allQ">27</label>
                        <label class="labelright">道</label>
                    </div>
                    <div class="labelbox">
                        <label class="labelleft" style="float:left;">答对题目：</label>
                        <div class="pointsmallbox pointboxright" style="line-height:15px;">绿</div>
                        <label class="labelmid" style="float:left;" id="RQ">27</label>
                        <label class="labelright" style="float:left;">道</label>
                    </div>
                    <div style="clear:both"></div>
                    <div class="labelbox">
                        <label class="labelleft" style="float:left;">答错题目：</label>
                        <div class="pointsmallbox pointboxwrong" style="line-height:15px">红</div>
                        <label class="labelmid" style="float:left;" id="WQ">27</label>
                        <label class="labelright" style="float:left;">道</label>
                    </div>
                    <div style="clear:both"></div>
                    <div class="labelbox">
                        <label class="labelleft" style="float:left;">未答题目：</label>
                        <div class="pointsmallbox pointboxnull" style="line-height:15px">白</div>
                        <label class="labelmid" style="float:left;" id="UQ">27</label>
                        <label class="labelright" style="float:left;">道</label>
                    </div>
                    <div style="clear:both"></div>

                    <div class="labelbox">
                        <label class="labelleft">首  正  率：</label>
                        <label class="labelmid" id="firstOK">100%</label>

                    </div>
                    <div class="labelbox">
                        <label class="labelleft">答题比成绩：</label>
                        <label class="labelmid" id="score">0</label>

                    </div>
                </div>
            </div>
            <div data-options="region:'center'" style="padding:0px;border: 0px;" id="content">
			
            </div>

<div class="pagemid1" style="height:50px;">

    <div style="float:left;margin-top: 5px;">
        <fieldset style="border:2px solid #F0F0EE;">
            <legend>提示信息</legend>
            单项选择题：请选择您认为正确的答案
        </fieldset>
    </div>
    <div class="pagemid1-3right" style="margin-top: 10px;">
        <div class="pagectrl"><img alt="交卷" src="/Image/submit.png" style="height: 32px;margin: 5px 50px 0px 0px;" onclick="submitExam()" /></div>
        <div class="pagectrl">
            <img alt="下一题" src="/Image/next.png" style="height: 32px;margin: 5px 20px 0px 0px;" onclick="next('10501001')" id="next_b" />
        </div>
        <div class="pagectrl">
            <img alt="上一题" src="/Image/pro.png" style="height: 32px;margin-top: 5px;" onclick="proe('10501001')" id="pre_b" />
        </div>
    </div>
</div>
    <hr style="margin:0px;" />
    <div class="pagemid1" id="showImg" style="margin-bottom:80px;">
        <a class="example-image-link" data-lightbox="example-set" href="/Image/jtxh160501-1.jpg">
            <img alt="" src="/Image/jtxh160501-1.jpg" style="height:250px;" onerror="javascript:this.src='/Image/res/jpg/000000.jpg'" id="imgShow">
        </a>
    </div>

			
			</div>

        </div>
    </div>

    <input type="hidden" id="isRedo"/>
     <form id="form1" name="form1" action="/Question/ErrorQuestionReDo" method="post">
        <input type="hidden" name="token" value="" id="reToken" />
    </form>





</body>
</html>


<div id="jquery_jplayer"></div>
<div id="m_jplayer"></div>
<div id="infoWindows" class="easyui-window" title="试卷提交" data-options="modal:true,doSize:false,closed:true,collapsible:false,minimizable:false,maximizable:false,closable:false"
     style="width:40%;height:70%;padding:0px;">
</div>

<div id="resolutWindows" class="easyui-window" title="答案错误" data-options="modal:true,doSize:false,closed:true,collapsible:false,minimizable:false,maximizable:false,closable:false"
     style="width:40%;height:70%;padding:0px;">
    您已经答错<span id="errorCount" style="font-size:20px;color:red">×</span>道题了，　继续答题;
    <div id="showNotes"></div>
</div>
<div id="gifDlg" class="easyui-dialog" title="动画播放" data-options="modal:true,closed: true,maximizable:true" , style="width:600px;height:500px;padding:5px">
    <img id="showVideo" alt="" src="" style="width: 100%;height: 100%">
</div>
<script src="/Scripts/lightbox.min.js"></script>
<div id="videoWindows" class="easyui-window" title="视频动画" data-options="modal:true,doSize:false,closed:true,collapsible:false,minimizable:false,maximizable:true,closable:true"
     style="width:700px;height:450px;padding:0px;">
    <div id="jp_container_1" class="jp-video jp-video-360p" role="application" aria-label="media player">
        <div class="jp-type-single">
            <div id="jquery_jplayer_1" class="jp-jplayer"></div>
            <div class="jp-gui">

                <div class="jp-video-play">

                    <button class="jp-video-play-icon" role="button" tabindex="0">play</button>
                </div>
                <div class="jp-interface">
                    <div class="jp-progress">
                        <div class="jp-seek-bar">
                            <div class="jp-play-bar"></div>
                        </div>
                    </div>
                    <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
                    <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
                    <div class="jp-controls-holder">
                        <div class="jp-controls">
                            <button class="jp-play" role="button" tabindex="0">play</button>
                            <button class="jp-stop" role="button" tabindex="0">stop</button>
                        </div>
                        <div class="jp-volume-controls">
                            <button class="jp-mute" role="button" tabindex="0">mute</button>
                            <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
                            <div class="jp-volume-bar">
                                <div class="jp-volume-bar-value"></div>
                            </div>
                        </div>
                        <div class="jp-toggles">
                            <button class="jp-repeat" role="button" tabindex="0">repeat</button>
                            <button class="jp-full-screen" role="button" tabindex="0">full screen</button>
                        </div>
                    </div>
                    <div class="jp-details">
                        <div class="jp-title" aria-label="title">&nbsp;</div>
                    </div>
                </div>
            </div>
            <div class="jp-no-solution">
                <span>Update Required</span>
                To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
            </div>
        </div>
    </div>
</div>