<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LearnPC.aspx.cs" Inherits="RM.Web.Training.Learn.LearnPC" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><%=csname %>_<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_zaixianxx")%></title>
    <style type="text/css">
        /*CSS reset*/
        body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, p, input, img, span, em, a, i { margin: 0; padding: 0; }
        body { font-family: "Microsoft Yahei" , "微软雅黑" ,tahoma,arial,tahoma,sans-serif; font-size: 12px; min-width: 1200px; color: #333; background-color: #000; overflow:hidden; }
        input { border: none; }
        img { border: 0; }
        ul, dl, ol { list-style: none; }
        em { font-style: normal; }
        a { color: #333; outline: none; }
        a:link { text-decoration: none; }
        a:visited { text-decoration: none; }
        a:hover { color: #e6393b; text-decoration: none; }
        a:active { text-decoration: none; }
        /* 清理浮动 */
        .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
        .clear { zoom: 1; /* for IE6 IE7 */ }
        .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
        
        /*定位*/
        .fl, .fr { display: inline; }
        .fl { float: left; }
        .fr { float: right; }
        
        
        .backw { background-color: #fff; }
        .backe { background-color: #efefef; }
        .dp_title { height: 50px; line-height: 50px; background-color: #242424; margin-right: 283px; }
        .dp_title .img_tit { margin-bottom: -2px; margin-right: 8px; }
        .dp_title .pingjia { font-size: 12.5px; color: #777771; margin-right: 20px; text-decoration: underline; font-family: songti; }
        
        .dp_kec { position: absolute; top: 0px; right: 0; width: 283px; height: 50px; background-color: #242424;  }
        .dp_kec ul { overflow: hidden; }
        .dp_kec ul li { float: left; text-align: center; width: 15%; margin-right: 2px; height: 40px; padding-top: 14px; cursor: pointer; }
        .dp_kec ul li:hover { background-color: #86d466; }
        .dp_kec ul .li_home { background-color: #57c52b; }
        
        
        .dp_pinglun { position: absolute; top: 50px; right: 0; width: 283px; height: 94.9%; background-color: #f5f5f5; overflow: auto; }
        .dp_pinglun .nav_tit { background-color: #efefef; height: 50px; line-height: 50px; border: 1px solid #ccc; font-size: 16.67px; color: #252525; padding: 0 10px; }
        .dp_pinglun .nav_tit .img_tit { margin-bottom: -5px; margin-right: 8px; }
        .dp_pinglun .nav_teatarea { margin-bottom: 5px; }
        .dp_pinglun .nav_teatarea textarea { width: 180px; height: 44px; resize: none; padding: 5px; background-color: #fff; border: 1px solid #ccc; margin-left: 10px; margin-top: 10px; overflow: auto; font-size: 12px; }
        .dp_pinglun .nav_teatarea input { width: 52px; height: 56px; border: 0; background-color: #57c52b; color: #fff; margin-right: 10px; margin-top: 10px; }
        .dp_pinglun .right_content { }
        .dp_pinglun .right_content li { border-bottom: 1px solid #dadada; padding:5px 10px; }
        .dp_pinglun .right_content li .tou { margin-bottom: 10px; width: 65px; }
        .dp_pinglun .right_content li .tou img { border: 1px solid #ccc; }
        .dp_pinglun .right_content li .huifu { color: #5a5a5a;  overflow:hidden;}
        .dp_pinglun .right_content li .huifu .name { color: #2b90c5; }
        .dp_pinglun .right_content .teacher{background-color:#fbfad9;margin:0 5px;padding:10px;border:1px solid #DADADA;}
        
        
        .chapter { position: absolute; top: 90px; left: 0; padding-bottom: 25px; width: 260px; background-color: #fff; max-height: 600px; overflow: auto; }
        .chapter ul { background-color: #efefef; }
        .chapter ul li { min-height: 33px; line-height: 33px; border-bottom: 1px solid #ccc; padding-left: 30px; border-left: 1px solid #ccc; }
        .chapter ul .tit { border: 1px solid #ccc; height: 38px; line-height: 38px; padding-left: 10px; background-color: #efefef; border-top: 0; }
        .chapter ul li .radius { border-radius: 10px; background-color: #fff; border: 1px solid #ccc; width: 12px; height: 12px; float: left; margin: 8.5px 5px; }
        .chapter ul li .left_line { border-left: 1px solid #ccc; display: block; margin-left: 12px; }
        .chapter ul li .points { margin: 0px 0 0 25px; line-height: 23px; }
        .chapter ul li .points a { display: block; }
        .chapter ul li:hover { background-color: #fbfad9; }
        .chapter ul li:hover .radius { background-color: #86d466;}
        .chapter ul .hover{ background-color: #fbfad9;}
        .chapter ul .hover a{ font-weight:bold; }
        .chapter ul .hover .radius { background-color: #86d466;}
        .About_text{ padding:10px;}
        .About_text img{ width:100%; padding-left:-10px;}
        .About_text ul li p a img{width:100%;}
        .About_text ul li p{text-indent: 0em !important;}
        .About_text p{/*text-indent:2em*/}
        .note_edit{ border:1px #ccc solid;}
        
         #CourAsk_bg{ position:absolute; width:100%; height:100%; background-color:Black; z-index:9998;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/}
        #CourAsk{ position:fixed; top:-200px; bottom:0; left:0px;right:0px;width:336px; height:300px; margin-left:auto;margin-right:auto; background-color:White;border:1px solid #CCC; line-height:30px;z-index:9999;}
        #CourAsk h1{ padding:10px; border-bottom:1px #ccc solid; font-size:16px;}
        #CourAsk ol{ margin:10px; padding-left:30px;}
        #CourAsk ol li{ list-style-type:upper-alpha;font-size:16px; }
   
    /********************************************************************/
        /*.ques_Context  { float: none; clear: both; width: 100%; }
        .exam_result li { float: left; }
        .exam_result li img { width: 80%; max-width: 300px; }
        .exam_result li lable{ float: left; }*/
       
        .activeQuetion .ques_Context { display: block; }
        .activeQuetion2 .ques_Context { display: block; }
        .exam_Title input { width: 100px; }
        #face { position: fixed; bottom: 200px; right: 200px; /*height: 240px;*/ border: 1px solid #ccc; width: 220px; }
        .ulcss ul { list-style: none; margin-right: 20px; text-align: right; }
        .ulcss li { float: left; margin-left: 20px; width: 100px; font-size: 18px; }
        .menu a { font-size: 18px; padding-right: 40px; font-weight: 100; color: #a5a5a5; }
        #Header { background: #FFFFFF; width: 98%; padding: 0 1%; margin: 0 auto; height: 95px; overflow: hidden; border-bottom: 1px #e5e5e5 solid; }
        .Learn_Left { width: 186px; position: absolute; left: 0; top: 96px; background-color: #f4f4f4; border-right: 1px #e5e5e5 solid; }
        .Learn_Left_shipin { width: 172px; margin: 0 auto; background: #fff; border: 1px #e5e5e5 solid; height: 155px; padding: 5px; text-align: center; }
        .zhangjie { margin: 8px; }
        .zhangjie li { background-image: url(/pic/zhangjie_dian.gif); background-repeat: no-repeat; padding-left: 20px; }
        .zhangjie li ul { border-left: 3px #e5e5e5 solid; margin-left: -12px; }
        .zhangjie li ul li { background-image: url(); padding-left: 25px; }
        .Learn_Right { width: 186px; position: absolute; right: 0; top: 96px; background-color: #f4f4f4; border-left: 1px #e5e5e5 solid; }
        .learn_chat { margin: 10px; }
        .learn_chat span { color: Blue; }
        .learn_chat_input { position: absolute; bottom: 0; padding: 5px; text-align: right; }
        .Learn_Center { padding-left: 200px; padding-right: 200px; }
        .Learn_V { background-image: url(/pic/lnlogo.png); background-position: center; background-repeat: no-repeat; background-color: #555555; height: 440px; }
        .Learn_Center h1 { float: left; }
        .Learn_Center h2 { clear: both; }
        .jindu { width: 100px; border: 1px #ccc solid; height: 24px; line-height: 24px; position: relative; float: right; margin-top: 10px; }
        .jindu_txt { position: absolute; top: 0; left: 5px; z-index: 4; }
        .jindu_tiao { position: absolute; top: 0px; left: 0px; width: 0px; display: block; height: 24px; line-height: 24px; background-color: Yellow; z-index: 3; }
        .Learn_VMenu { height: 55px; overflow-y: scroll; margin-top: 5px; }
        .Learn_VMenu a { padding: 5px; border: 1px #ccc solid; background-color: #f4f4f4; }
        
        #masking { z-index: 0; width: 100%; height: 100%; background-color: Black; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; _position: absolute; top: 0px; left: 0px; position: fixed; }
        .qianyan { position: fixed; top: 150px; left: 600px; margin-left: -400px; width: 790px; background-color: White; border: 5px #ff0000 solid; padding: 10px; height: 320px; z-index: 6; }
        .qianyan .qianyuan_v { width: 300px; text-align: center; float: left; }
        .qianyuan_v input { width: 80px; height: 25px; line-height: 25px; }
        .qianyan .qianyan_jd { float: left; padding-left: 10px; width: 480px; z-index: 6; display: inline-block; }
        #closeqianyuan { display: none; position: absolute; right: 10px; top: 0; background-color: #ff0000; width: 40px; text-align: center; height: 30px; line-height: 30px; color: White; cursor: pointer; }
        #closeqianyuan:hover { background-color: #ff4c4c; }
        #MyShipin { position: absolute; top: 160px; left: 600px; margin-left: -387px; z-index: 7px; width: 280px; height: 280px; }
        #facetitle { background-color: #399fce !important; color: White !important; padding: 2px 5px; }
        #swf1 { position: fixed; left: 215px; top: 165px; }
        #altContent2 { position: fixed; }
        /*right:201px;bottom:23px;*/
        #faceMsg { position: fixed; right: 290px; bottom: 0; }
    </style>

</head>
<body>
    <!--Head开始-->
    <div class="dp_title">
        <div class="fl" style="font-size: 16.67px; color: #f5f5f5; margin-left: 20px;">
            <img src="images/zant.png" class="img_tit" /><%=csname %></div>
        <span id="pingjia"></span>
        
    </div>
    <div class="dp_kec">
        <ul class="clear" id="right_menu">
            <li class="li_home" onclick="rightgo(this,1)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_peixun")%>">
                <img src="images/yiwen.png"  /></li>
            <li onclick="rightgo(this,2)" title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_notes")%>">
                <img src="images/pei.png"  /></li>
            <li onclick="rightgo(this,3)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_gongxiang")%>" >
                <img src="images/gong.png" /></li>
            <li onclick="rightgo(this,4)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSlzk")%>">
                <img src="images/lianxi.png"  /></li>
                 <li onclick="rightgo(this,6)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("LiveTelecast_List_xz")%>">
                <img src="images/xiang.png" /></li>
            <li onclick="rightgo(this,5)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_xiangqing")%>">
                <img src="images/xiang.png" /></li>
        </ul>
    </div>
    <!--Head结束-->
 
    <!--主内容区-->
    <div id="Vmain" style="height: 670px; width: 100%; overflow: auto; background-color: #000;">
 
        <div id="video" style="margin: 10px; text-align: left; background-color: #020301;
            background-image: url('images/loading.gif'); background-position: center; background-repeat: no-repeat;
            height: 670px; z-index: 999;">
            <div id="a1">
            </div>
        </div>
        <div id="video_text" style=" padding:10px; color:White;">
           
        </div>   
    </div>
    <!--主内容区-->
    <!--工具区--->
    <div id="Vtool" style=" position:absolute; top:0; right:-282px;">
        <div style="width: 26px; height: 49px; position: absolute; top: 50px; right: 282px;
           background-color: #f5f5f5;border-radius: 5px 0px 0px 5px; ">
            <img src="images/right.png" id="VmainTool_btn" onclick="VmainTool()" alt="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigShide")%>"
                title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigShide")%>" style="margin: 13px 8px; cursor:pointer;" />
        </div>
        <div class="dp_pinglun" id="VmainTool">
            <div id="Interacts">
                <div class="nav_tit">
                    <img src="images/yiwen_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_peixun")%></div>
                 <div class="nav_teatarea">
                <textarea type="text" placeholder="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_fayan")%>" class="fl" id="interText"></textarea>
                <input type="button" value="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Button_fabu")%>" onclick="setchart()" />
            </div>
            
            <ul id="interMain" class="right_content">
                <center><img src="/LiveTelecast/Images/loadingNow.gif" /></center>
            </ul>
            </div>

            <div id="Notes"  style=" display:none">
                <div class="nav_tit">
                    <img src="images/pei_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_notes")%></div>
                 <div class="nav_teatarea">
                    <textarea type="text" placeholder="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_biji")%>" class="fl" id="notesText"></textarea>
                    <input type="button" value="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_notes")%>" onclick="setnotes()" />
                </div>

                <ul id="notesMain" class="right_content">
                <center><img src="/LiveTelecast/Images/loadingNow.gif" /></center>
                </ul>
            </div>
              <!--  文件下载 -->
            <div id="ShareDown"  style=" display:none">
            <div class="nav_tit">
            <%--判断是不是新系统只要有值就行 --%>
            <input type="hidden" value = "" id="IShidDown" runat="server"/>
                    <img src="images/yiwen_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("LearnPC_xiazai")%></div>
                    <%=html %>
               <%-- <p class="Shareslist" style="padding-top:10px; height:50px;width:100%;">
                    <a title="点击下载" href="/Resources/SharesFiles/20150609150624_3610.doc">
                    <img width="32" height="32" src="/Themes/Images/32/doc.png" />
                        新建 Microsoft Word 文档
                    </a>
                    <span style=" text-align: right;display:block;">点击下载</span>
                </p>  
                 <p class="Shareslist" style="padding-top:10px; height:50px;width:100%;">
                    <a title="点击下载" href="/Resources/SharesFiles/20150609150624_3610.doc">
                    <img width="32" height="32" src="/Themes/Images/32/doc.png" />
                        新建 Microsoft Word 文档
                    </a>
                    <span style=" text-align: right;display:block;">点击下载</span>
                </p>  --%>
            </div>
            <div id="About" style=" display:none;">
                <div class="nav_tit">
                    <img src="images/xiang_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_xiangqing")%></div>
                <div id="AboutMain"></div>
            </div>
             <iframe id="rightmain" name="rightmain" scrolling="auto" frameborder="0" width="100%"
            height="100%" src="" style="display: none; background-color: f4f4f4;"></iframe>
        </div>
    </div>
    <!--工具区结束--->
    <!--章节工具箱--->
    <div id="Cptool" style="position: absolute; top: 0px; left:-260px;" >
        <div class="chapter" id="chapter">
            
            <div id="Cptooljindu" style="background-color: #f4f4f4; width: 100%; height: 25px; line-height: 25px;
                position: absolute; bottom: 0; text-align: center; overflow:hidden;">
                <div id="jindu_tiao" style="left:0;position: absolute; top:0; z-index:1;height:25px; background-color:Yellow"></div>
                <div style="position: absolute; top:0; left:10px; z-index:2;"><span id="jindu_num">0</span>/<span id="jindu_count">0</span></div>
            </div>
        </div>
        <div style="position: absolute; top: 90px; left: 260px; height: 54px; width: 23px;border-radius: 0px 5px 5px 0px;
            background-color: #efefef;" >
            <img src="images/right.png" style="margin: 15px 5px; cursor: pointer;" id="chapter_btn"
                title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSshow")%>" alt="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSshow")%>"    />
        </div>
    </div>

    <div id="altContent2" ></div>

    <script src="../../Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <link href="/Themes/Scripts/ShowMsg/msgbox.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/ShowMsg/msgbox.js" type="text/javascript"></script>
    <link href="/Themes/Scripts/artDialog/skins/opera.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/artDialog/artDialog.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/artDialog/iframeTools.source.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Training/Learn/m/ckplayer/ckplayer.js" charset="utf-8"></script>
    <script src="/Live/swfobject.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Themes/Scripts/ifvisible.js"></script>
    <script type="text/javascript" src="m/BigScreen.js"></script>
    <script type="text/javascript">
        //防挂机
        document.writeln("<div class=\"well\" id=\"guaji\"  style=\"position:absolute; left:50%; margin-left:-200px;top:25px; width:400px; font-size:12px; background:#f4f4f4; color:#red; padding:5px; z-index:9999;\"><div id=\"guaji_text\"  style=\"color:#red;\">" + lgLearnPCguajiValidata + "</div><div id=\"guaji_err\" style=\"color:red; text-align:center; font-weight:bold;\"></div><div class=\"progress\" style=\"height:20px; border:1px #ccc solid; background-color:#FFFFFF; margin:5px;\"><div class=\"bar\" id=\"idlebar\" style=\"width: 0%;background-color:red; height:20px;\"></div></div></div>");
        ifvisible.setIdleDuration(600);
        ifvisible.idle(function () {
            $("#guaji_err").html(lgLearnxiumian);
            Tstate = 0;

            if (CKobject.getObjectById('ckplayer_a1') != null) { CKobject.getObjectById('ckplayer_a1').videoPause(); }
            $("#guaji_err").show();
            $("#guaji_text").hide();
        });
        ifvisible.wakeup(function () {
            Tstate = 1;
            if (CKobject.getObjectById('ckplayer_a1') != null) { CKobject.getObjectById('ckplayer_a1').videoPlay(); }
            $("#guaji_text").show();
            $("#guaji_err").hide();
        });
        setInterval(function () {
            var info = ifvisible.getIdleInfo();
            if (info.timeLeftPer < 3) {
                info.timeLeftPer = 0;
                info.timeLeft = ifvisible.getIdleDuration();
            }
            $("#idlebar").css("width", info.timeLeftPer + "%");
            if (info.timeLeftPer > 50) { $("#guaji").show(); } else { $("#guaji").hide(); }
        }, 100);
    </script>
    
    <script type="text/javascript">

         var face1 = "<%=RM.Common.DotNetBean.RequestSession.GetSessionUser().faceid %>"; //"b7af028666fe3630f8e49d9efaac9f08"; //用户faceid
         var faceNum = "<%=new RM.Common.DotNetRedis.HashOperator().Get("Face_Num") %>"; //验证失败次数
         var faceTime = 9999; //验证的时间(秒)
         var facelike = <%=new RM.Common.DotNetRedis.HashOperator().Get("Face_Like2") %>; //相似度
         var camType = <%=new RM.Common.DotNetRedis.HashOperator().Get("Face_camType") %>; //无摄像头处理 1：提示剔出 2：不验证
         var valiType = <%=new RM.Common.DotNetRedis.HashOperator().Get("Face_valiType") %>; //验证失败处理  1：提示剔出 2：提示并记录 3：不处理
         var isVali =<%=new RM.Common.DotNetRedis.HashOperator().Get("isVali2") %>; //是否启动人脸识别
         var faceImg = "<%=faceImg %>";//用户照片

         var rmtp = '<%=RM.Common.DotNetConfig.ConfigHelper.GetAppSettings("RmtpURL1")%>';
         var key = '<%=key %>';
         var userkey='<%=userkey %>';
         var record="<%=new RM.Common.DotNetRedis.HashOperator().Get("isvide") %>";      
         
    </script>
        
    <script src="/LiveTelecast/JavaScript/Live2.js" type="text/javascript"></script>
    <script src="/Training/Face/ckplayer2.js" type="text/javascript"></script>
    <script type="text/javascript">
        function livestart(name) {
            //name是传入的ID
            livePage.data.userId = name;
            livePage.data.usertype = 0;
            livePage.changeLive(1);
        }
        function DownFile(fileid, filename) {
            location.href = "/Mall/Download_recording.ashx?status=1&action=IntelDown&Shares_SaId=" + fileid + "&Shares_FileName=" + filename + "";
            //            $.ajax({
            //                type: 'post',
            //                dataType: "text",
            //                url: "/Mall/Download_recording.ashx",
            //                data: "status=1&action=IntelDown&Shares_SaId=" + fileid + "&Shares_FileName=" + filename + "",
            //                cache: false,
            //                async: false,
            //                success: function (msg) {
            //                    alert(msg);
            //                }
            //            });
        }
    </script>

    <div class="closeLiveResult" id="closeWarning">
        <img src="/LiveTelecast/Images/LiveWarning.png" alt="" class="warningImg" />
        <span id="warningText"><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("live_Room_end")%></span>
    </div>

</body>
</html>
