<!DOCTYPE html>
<html xmlns:gs="http://www.gensee.com/gsml">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>[WCName]</title>
    <link type="text/css" rel="stylesheet" href="/Content/css/jquery-ui-1.10.3.custom.gs.min.css">
    <link type="text/css" rel="stylesheet" href="/Content/css/gensee.css">
    <link type="text/css" rel="stylesheet" href="/Content/css/live_page.css">
    <link type="text/css" rel="stylesheet" href="/Content/css/voice.css">
    <link href="/Content/css/video.css" rel="stylesheet" />
    <script type="text/javascript" src="/Content/js/Cookie.js"></script>
    <script type="text/javascript" src="/Content/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://static.gensee.com/webcast/static/sdk/js/gssdk.js"></script>
    <script type="text/javascript" src="/Content/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript" src="/Content/js/json2.js"></script>
    <script type="text/javascript" src="/Content/js/lang.zh_CN.js"></script>
    <script type="text/javascript" src="/Content/js/gensee.all.js?v=1.33"></script>
    <!--[if IE 6]>
<script type="text/javascript" src="http://static.gensee.com/webcast/static/common/js/DD_belatedPNG.js"></script>
<script type="text/javascript">
	DD_belatedPNG.fix('.tran');
	DD_belatedPNG.fix('.comm-title');
</script>
<![endif]-->
<link href="/Areas/Admin/Content/js/artDialog/skins/default.css" rel="stylesheet" />
    <script src="/Areas/Admin/Content/js/artDialog/artDialog.js"></script> 
<script src="/Areas/Admin/Content/js/artDialog/plugins/iframeTools.js"></script>
    <script src="/Content/js/video.js"></script>
    <script type="text/javascript">
        function initParams() {
            User.nickname = Util.trim('[NickName]');
            User.id = '[UID]';
            User.vip = '';
        }
    </script>
</head>
<body style="overflow: hidden;">
    <div class="web">
        <div class="main">
            <div id="logo">
                <img alt="edoctor" src="[BasePath]/images/Header.jpg" style="width:100%;">
            </div>
            <div id="back" onclick="location.href='[BackUrl]'">
        
            </div>
            <!--Video Area-->
            <div id="widget-video" class="video-container drag-level-1" style="width: 18%; height: auto">
                <div id="w-video" class="player" data-wcid="[WCID]" data-cid="[CID]" data-exwcid="[WebCastIDExtend]"  data-current="[CurrentFlag]">
                    [WebcastOrVideo]
                </div>
                <div class="play-btm">
                    <div class="live_video_bottom">
                        <div class="live_horn">
                            <a class="live_tb" id="soundBtn" href="javascript:;"></a>
                            <span class="volume-bar">
                                <div id="volSlider" class="vol-slider" style="width: 160px; margin: 0">
                                    <span class="tran"></span>
                                </div>
                            </span>
                        </div>
                        <div class="live_but_r">
                            <a class="btn-close-video" href="javascript:;" id="videoCtrlBtn" style="margin-right: 10px"></a>
                            <a class="live_signal" href="javascript:;" id="btn-choose-net" style="margin-right: 10px"></a>
                            <a class="live_set btn-switch" href="javascript:;" style="margin-right: 10px"></a>
                            <a class="live_magnify" onclick="videoScreenCtrl();" title="全屏" href="javascript:;"></a>
                        </div>
                    </div>
                </div>
            </div>
            <!--Video Area End-->
            <!--QA 在线提问-->
            <div id="widget-qa" class="qa-container drag-level-1 live_chat">
                <div class="live_chat_box">
                    <a class="live_tw" href="#">                        
                        <i>在线提问</i></a>
                </div>
                <div class="qa-main" style="background: none">
                    <div class="qa-list">
                        <ul id="webcastquestionlist" class="chat_con_text" style="overflow:scroll;height:80%;"></ul>
                    </div>
                    <div class="ask-area live_quiz" style="height: 60px; padding-bottom: 4px;">
                        <label>提问区</label>
                        <div class="ask-input live_input" style="border: 0">
                            <textarea id="qa-text-area" class="live_textarea"></textarea>
                            <a id="webcastquestionsubmit" data-url="[Url]" class="livee_btn_wrap" type="submit"></a>
                        </div>
                    </div>
                </div>
            </div>
            <!--QA 在线提问 End-->
            <!--PPT Area-->
            <div id="widget-doc" class="ppt-container drag-level-1">
                <div class="ppt-main">
                    <div id="status-bar" class="video-state-bar"></div>
                    <gs:doc site="[Site]" ctx="webcast" ownerid="[WCID]" uname="[NickName]" code="[Code]" uid="[UID]" lang="zh_CN" style="height: 100%;" />
                </div>
            </div>
            <!--PPT Area End-->
            <!--Chat Area-->
            <div id="widget-chat" class="chat-container drag-level-1 live_chat" style="display: none;">
                <div class="live_chat_box right_chat">
                    <a class="live_tw" href="#"><i>公共聊天区域</i></a>
                    <a style="" href="javascript:;" class="user-icon tran" id="userListBtn"></a>
                </div>
                <div style="padding: 5px 10px 0px 10px; display: none">
                    <span>
                        <img id="btn_filter_msg" src="/Content/images/live_d.png" style="vertical-align: middle;">
                    </span>
                    <a class="live_tw" href="#"><i>只显示自己和老师的消息</i></a>
                </div>
                <div id="userListBox" class="user-list-wrap">
                    <h4>用户<span id="userOnlineNumber"></span></h4>
                    <ul id="userList" class="user-list">
                    </ul>
                </div>
                <div class="chat-main">
                    <div class="chat-cnt">
                        <ul id="chat-list" class="chat_con_text">
                        </ul>
                    </div>
                    <div class="live_right_chat">
                        <div class="phiz">
                            <div class="phiz-group">
                                <a class="phiz-btn" href="javascript:;">
                                    <img src="http://static.gensee.com/webcast/static/emotion/emotion.smile.gif" /></a>
                                <ul class="phiz-list">
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.smile.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.goodbye.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.laugh.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.cry.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.angerly.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.nod.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.lh.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.question.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/emotion.bs.gif" /></a></li>
                                    <em></em>
                                </ul>
                            </div>
                            <div class="phiz-group">
                                <a class="phiz-btn" href="javascript:;">
                                    <img src="http://static.gensee.com/webcast/static/emotion/feedback.agreed.png" /></a>
                                <ul class="phiz-list">
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/feedback.quickly.png" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/feedback.slowly.png" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/feedback.agreed.png" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/feedback.against.gif" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/feedback.applaud.png" /></a></li>
                                    <li><a href="javascript:;">
                                        <img src="http://static.gensee.com/webcast/static/emotion/feedback.think.png" /></a></li>
                                    <em></em>
                                </ul>
                            </div>
                            <div class="phiz-btn-b">
                                <a href="javascript:;">
                                    <img src="http://static.gensee.com/webcast/static/emotion/rose.up.png" /></a>
                            </div>
                            <div class="phiz-btn-b">
                                <a href="javascript:;">
                                    <img src="http://static.gensee.com/webcast/static/emotion/rose.down.png" /></a>
                            </div>
                            <div class="phiz-btn-b">
                                <a href="javascript:;">
                                    <img src="http://static.gensee.com/webcast/static/emotion/chat.gift.png" /></a>
                            </div>
                        </div>
                        <div class="chat-btm">
                            <div class="chat-input">
                                <div id="chat-area" class="edit-area" contenteditable="true"></div>
                            </div>
                            <div class="chat-submit">
                                <a id="chat-submit" class="livee_btn_wrap" href="javascript:void(0)" type="submit" style="margin: 8px 8px 0 0"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Chat Area End-->
            <div id="widget-notice" style="position: absolute; display: none">
                <p style="width: 685px; color: yellow; float: left; margin-right: 5px;">
                    公告:<span style="cursor: pointer">[Notice]</span>
                    <a href="javascript:void(0)" onclick="$('#widget-notice').hide()" style="text-decoration: underline; color: #ffa201;">关闭公告</a>
                </p>
            </div>
            <!--点名-->
            <div id="widget-rollcall" class="callname-container drag-level-2">
                <div class="comm-title">
                    <span>点名</span>
                </div>
                <div class="callname-main">
                    <div class="callname-a">点名已开始,请点击下方按钮确认出席。</div>
                    <div class="callname-b"><i>倒计时:</i><span id="rollcallSec"></span></div>
                    <div class="callname-c"><a id="rollcallSubmit" class="green-btn" href="javascript:;"><span class="right-icon tran"></span>确认</a></div>
                </div>
            </div>
            <!--点名 End-->
            <!--抽奖-->
            <div id="widget-lottery" class="lottery-container drag-level-2">
                <div class="comm-title">
                    <span>抽奖</span>
                    <div class="s-btn">
                        <a class="close-icon tran" href="javascript:;" onclick="$('#widget-lottery').hide();"></a>
                    </div>
                </div>
                <div class="lottery-main">
                    <div class="lottery-m-top">
                        <h3 id="lottery-result"></h3>
                        <div id="lottery-animation" class="lottery-animate">
                            <object width="100%" height="100%">
                                <param value="http://static.gensee.com/webcast/static/new-player/swf/lottery.swf" name="movie">
                                <param value="transparent" name="wmode">
                                <param value="high" name="quality">
                                <embed width="100%" align="middle" height="100%" wmode="transparent" src="http://static.gensee.com/webcast/static/new-player/swf/lottery.swf">
                            </object>
                        </div>
                    </div>
                </div>
                <div class="ripple-bg"></div>
            </div>
            <!--抽奖 End-->

            <!--附件-->
            <div id="attachment-list" class="accessory-container drag-level-2">
                <div class="comm-title">
                    <span>附件</span>
                    <div class="s-btn">
                        <a class="close-icon tran" href="javascript:(function(){$('#attachment-list').toggle();})();"></a>
                    </div>
                </div>
                <div class="accessory-main">
                    <table id="download-list" class="a-file-list" cellpadding="0" cellspacing="0" border="0" width="100%">
                    </table>
                </div>
            </div>
            <!--附件 End-->
            <!--优选网络-->
            <div id="choose-net-widget" class="choose-net-container drag-level-2">
                <div class="comm-title">
                    <span>优选网络</span>
                    <div class="s-btn">
                        <a id="chooseNetCloseBtn2" class="close-icon tran" href="javascript:;"></a>
                    </div>
                </div>
                <div class="choose-net-main">
                    <h4>以下可以选择的网络途径:</h4>
                    <ul id="net-list" class="net-list">
                    </ul>
                    <div class="net-submit">
                        <button id="chooseNetConfirmBtn" class="blue-btn-b margright10" type="button">确定</button>
                        <button id="chooseNetCloseBtn" class="gray-btn-b" type="button">取消</button>
                    </div>
                </div>
            </div>
            <!--优选网络 End-->
            <!--申请互动语音-->
            <div id="applyfor-voice-container" style="display: none;" class="applyfor-voice-container">
                <div class="comm-title">
                    <span>申请升级到客户端</span>
                    <div class="s-btn">
                        <a class="close-icon tran" href="javascript:;" onclick="$('#applyfor-voice-container').hide();"></a>
                    </div>
                </div>
                <div class="applyfor-voice-main">
                    <div class="applyfor-voice-body">您的申请发出后需要管理员同意,请等待管理员的升级邀请</div>
                    <div class="applyfor-submit">
                        <button id="applyVoiceSubmitBtn" class="blue-btn-b margright10" type="button">提交</button>
                        <button id="applyVoiceCancelBtn" class="gray-btn-b" type="button" onclick="$('#applyfor-voice-container').hide();">取消</button>
                    </div>
                </div>
            </div>
            <!--申请互动语音 End-->
            <div id="coverLayer"></div>
        </div>
    </div>
</body>
</html>