@model Angel.Models.Tiku
@{
    Layout = null;
}
<input id="code" value="@Model.ID" type="hidden">
<input id="anwser" value="@Model.anwser" type="hidden">
@if (Model.img != "wutu.jpg" && Model.img != "")
{
<input id="showImg" type="hidden" value="@Model.img">
}
else
{
<input id="showImg" type="hidden">
}
@if (Model.voice != null && Model.voice != "")
{
<input id="audio" type="hidden" value="@Model.voice.Trim()">
}
else
{
<input id="audio" type="hidden">
}
@if (Model.video != null && Model.video != "")
{
<input id="vedio" type="hidden" value="@Model.video.Trim()">
}
else
{
<input id="vedio" type="hidden">
}
<input id="orderlist" value="1234" type="hidden">
@if (Model.anwser.Length > 1)
{
<input id="selected" value="@Model.anwser" type="hidden">
}
else
{
<input id="selected" type="hidden">   
}

<style type="text/css">
    .questionconents {
        font-size: 26px;
        word-spacing: 5px;
        line-height: 150%;
        font-family: simhei;
    }

   .questionconents u {
       font-size:22px;
       color:red;
        }
</style>
<input id="qustType" value="@Model.qustType" type="hidden">
<div style="padding: 0px 5px 0px 5px; border: 2px solid #F0F0EE; height: 330px">
    <div class="pagemid1" style="font-size: 10px; word-spacing: 5px; line-height: 150%; margin-bottom: 10px; height: 260px;">
        <fieldset id="contents" style="height: 100%; padding-bottom: 0px; position: relative; border: 2px solid #F0F0EE;">
            <legend>ID = @Model.ID</legend>
            <div style="overflow: auto; height: 280px;">

                <span style="@{if(Model.qustType=="001"){}
                               else if (Model.qustType == "002") {@Html.Raw("color:blue")} else {@Html.Raw("color:red")}}" class="questionconents">
                    <span style="font-size: 18px;">@Model.number、 </span>
                    @{
                        string try_subject = string.Empty;

                        if (Model.qustType == "001")
                        {
                            try_subject = Model.TRY_SUBJECT;
                        }
                        else if (Model.qustType == "002")
                        {

                            try_subject = Model.TRY_SUBJECT + "<br/>A." + Model.a + "<br/>B." + Model.b + "<br/>C." + Model.c + "<br/>D." + Model.d + "<br/>";
                        }
                        else
                        {
                            try_subject = Model.TRY_SUBJECT + "<br/><input type='checkbox' name='multi'  value='1' onclick='chilckMe(this)'>A." + Model.a + "<br/><input type='checkbox' name='multi'  value='2' onclick='chilckMe(this)'>B." + Model.b + "<br/><input type='checkbox' name='multi'  value='3' onclick='chilckMe(this)'>C." + Model.c + "<br/><input type='checkbox' name='multi'  value='4' onclick='chilckMe(this)'>D." + Model.d + " <br/>";

                        }
                        
                        
                    }

                    @Html.Raw(try_subject)

                </span>
            </div>

            @if (Model.qustType == "003")
            {
                <div class="pageanswerabcd pagectrl" style="position: absolute; bottom: 2px; right: 2px;">
                    <input type="button" value="确定" onclick="selected()" class="btnok">
                    <!-- <input type="button" value="取消" onclick="unSelect()"  class="btn1" > -->
                </div>
            }
        </fieldset>
    </div>
    <div id="notes">
        <span style="font-size: 20px; word-spacing: 5px; line-height: 150%;"></span>
    </div>
    <div class="pagemid1" style="height: 70px; padding-top: 5px;">
        <fieldset style="height: 100%; padding-bottom: 0px; border: 2px solid #F0F0EE;">
            <legend>答题选项-多项选择选择完后请点击确定</legend>
            <div class="pagemid1-2left">

                <div style="float: left; font-size: 18px;" id="choses">
                    <div style="margin-top: 10px">您的答案：</div>
                    <div style="float: left; margin-top: 10px; display: inline;"></div>
                </div>
            </div>
            <div style="float: left;">
                <img src="" id="chose" />
                <span id="yesNo"></span>
            </div>
            <div style="float: left;">
                <span id="result" style="float: left; font-size: 18px;"></span>
            </div>


            <div class="pagemid1-2right" id="anwsers">



                @if (Model.qustType == "001")
                {
                    <div class="pageanswerabcd" style="margin-right: 120px;">
                        <img alt="C" src="/Image/chs_2.png" style="height: 32px;" onclick="judge(2)" />
                    </div>
                    <div class="pageanswerabcd">
                        <img alt="D" src="/Image/chs_1.png" style="height: 32px;" onclick="judge(1)" />
                    </div>


                }
                else if (Model.qustType == "002")
                {

                    <div class="pageanswerabcd" style="margin-right: 150px; margin-top: 0px;">
                        <img alt="D" src="/Image/b_D.png" style="width: 32px; height: 32px;"
                            onclick="single('4')" />
                    </div>
                    <div class="pageanswerabcd" style="margin-top: 0px;">
                        <img alt="D" src="/Image/b_C.png" style="width: 32px; height: 32px;"
                            onclick="single('3')" />
                    </div>
                    <div class="pageanswerabcd" style="margin-top: 0px;">
                        <img alt="D" src="/Image/b_B.png" style="width: 32px; height: 32px;"
                            onclick="single('2')" />
                    </div>
                    <div class="pageanswerabcd" style="margin-top: 0px;">
                        <img alt="D" src="/Image/b_A.png" style="width: 32px; height: 32px;"
                            onclick="single('1')" />
                    </div>
                }
                else
                {
                    
                    <div class="pageanswerabcd" data-v="4">
                        <img alt="D" src="/image/b_D.png" style="height: 32px;" onclick="multi(this)" />
                    </div>
                    <div class="pageanswerabcd" data-v="3">
                        <img alt="C" src="/image/b_C.png" style="height: 32px;" onclick="multi(this)" />
                    </div>
                    <div class="pageanswerabcd" data-v="2">
                        <img alt="B" src="/image/b_B.png" style="height: 32px;" onclick="multi(this)" />
                    </div>
                    <div class="pageanswerabcd" data-v="1">
                        <img alt="A" src="/image/b_A.png" style="height: 32px;" onclick="multi(this)" />
                    </div>
                }
                <div style="float: left; font-size: 18px; margin-top: 15px;">选择：</div>
        </fieldset>
    </div>

</div>


</div>

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

    <div style="float: left; margin-top: 3px;">
        <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('@Model.ID')" id="next_b" />
        </div>
        <div class="pagectrl">
            <img alt="上一题" src="/Image/pro.png" style="height: 32px; margin-top: 5px;" onclick="proe('@Model.ID')" id="pre_b" />
        </div>
    </div>
</div>
<hr style="margin: 0px;" />
<div class="pagemid1" id="showImg" style="margin-bottom: 80px;">
    @if (Model.img != "wutu.jpg" && Model.img != "")
    {
        <a class="example-image-link" data-lightbox="example-set" href="@Model.img">
            <img alt="" src="@Model.img" style="height:250px;" onerror="javascript:this.src='/Image/res/jpg/000000.jpg'" id="imgShow">
        </a>
    }
    else
    {
        <a class="example-image-link" data-lightbox="example-set">
            <img alt="" style="height: 250px;" onerror="javascript:this.src='/Image/res/jpg/000000.jpg'" id="imgShow">
        </a>
    }
</div>
