@model NP.Model.VMCRoom
@{
    var hasurlmp4 = Model.CMInning.ctype == 3 && Model.Pages.Where(w => w.srcm.ToUpper().EndsWith(".MP4")).Count() > 0;
}
<div id="player">
    <div class="plyTop">
        <h1>콘텐츠 플레이어</h1>
        <a href="#" onclick="javascript:window.close();">닫기</a>
    </div>
    <div class="plyTitle">
        <h3>@(Model.CMInning.iseq)회. @Model.CMInning.ititle</h3>
        @if (Model.Pages.Count() > 1 && Model.CMInning.ismenu == 1)
        {
            <div id="plyHbg"><span>메뉴</span></div>
        }
        <a href="#" onclick="closestudy()">학습종료</a>
    </div>
    <div class="plyCont">
        <div class="plyMenu">
            <h5 style="@(Model.Pages.Count() > 1 && Model.CMInning.ismenu == 1?"":"display:none")">페이지 목차</h5>
            <span id="plymClose">닫기</span>
            @if (Model.Pages.Count() > 1 && Model.CMInning.ismenu == 1)
            {
                <ul id="cplist">
                    @foreach (var d in Model.Pages)
                    {
                        <li><a href="#" onclick="gopage(@d.pseq)" class="@(Model.pseq == d.pseq ? "current" : "")">@d.pseq.ToString("00"). @d.cpname</a></li>
                    }
                </ul>
            }
        </div>
        <div class="plyWrap" style="padding: 0;">
            <div class="plyFrame" style="" id="playerbox">
                @if (Model.CMInning.ctype == 0)
                {
                    <video id="video1" class="video-js vjs-16-9 vjs-paused vjs-controls-enabled vjs-workinghover vjs-v7 vjs-user-active vjs-theme-city vjs_video_3-dimensions" controls preload="auto"
                           poster="http://vjs.zencdn.net/v/oceans.png"
                           data-setup='{}'>
                        <source src="/" type="video/mp4">
                    </video>
                }
                else if (Model.CMInning.ctype == 1 || Model.CMInning.ctype == 3)
                {
                    //if (hasurlmp4)
                    //{
                    <video id="video1" class="video-js vjs-16-9 vjs-paused vjs-controls-enabled vjs-workinghover vjs-v7 vjs-user-active vjs-theme-city vjs_video_3-dimensions" controls preload="auto"
                           poster="http://vjs.zencdn.net/v/oceans.png"
                           data-setup='{}'>
                        <source src="/" type="video/mp4">
                    </video>
                    //}
                    <iframe id="ifr1" class="staticframe" style="@(Model.ismobile == 1 ? "" : "width: 100%; height: 650px;")"></iframe>
                }
                else if (Model.CMInning.ctype == 2)
                {
                    <div id="html1">
                        @Html.Raw(Model.ismobile == 1 ? (string.IsNullOrEmpty(Model.Page.srcm) ? Model.Page.srcp : Model.Page.srcm) : Model.Page.srcp)
                    </div>
                }
            </div>
        </div>
        @if (Model.Pages.Count() > 1 && Model.CMInning.ismenu == 1)
        {
            <ul class="plyNav" id="prenextbox">
                <li id="btnpre" style="@(Model.pseq < 2 ? "display:none;":"")"><a onclick="gopage(_pseq-1)" href="#" class="prev"><span>이전</span></a></li>
                <li id="btnnext" style="@(Model.Pages.Count() > 1 && Model.pseq < Model.Pages.Count() ? "":"display:none")"><a onclick="gopage(_pseq+1)" href="#" class="next"><span>다음</span></a></li>
            </ul>
        }
    </div>
    @*<div class="plyFooter">
            <p>COPYRIGHT korea fair competition federation. ALL RIGHTS RESERVED. </p>
        </div>*@
</div><!-- player -->
<div id="loading" style="display: none;position: fixed; top: 20%; left: 10%; right: 10%; border-radius: 10px; text-align: center; font-size: 20px; z-index: 2998; padding: 50px 0px; background-color: #333; opacity: 0.8; color: #fff;">콘텐츠를 로딩중입니다.</div>
<script type="text/javascript">
    //$('html, body').css({'display':'block', 'height':'100%'});
    //$("#ifr1").load(function () {
    //
    //});
	$('html, body').addClass('player')
	function plymClose (){
		$('#plyHbg').removeClass('on');
        $('.plyMenu').animate({ left: '-200px' }, 300);
        //if (!ismobile()) {
        //    $('.plyWrap').animate({ marginLeft: '0px' }, 300);
        //}
	};
	$('#plyHbg').click(function(){
		if($(this).is('.on')) {
            plymClose();
		}else {
			$(this).addClass('on');
            $('.plyMenu').animate({ left: '0px' }, 300);
            //if (!ismobile()) {
            //    $('.plyWrap').animate({ marginLeft: '200px' }, 300);
            //}
		}
	});
	$('#plymClose').click(function(){
		plymClose();
    });
    var _cpno = @Model.Page.cpno;
    var _timerlog;
    var _timerios;
    var _logno = @Model.lip.logno;
    var _sec = 0;
    var _nextcpno = 0;
    var _nextpseq = 0;
    var _cpnos = '@string.Join(",", Model.Pages.Select(s=>s.cpno.ToString()))'.split(',');
    var _pseq = @Model.pseq;
    var _urls = '@string.Join("xxxnptechphdurlxxx", Model.Pages.Select(s=>Model.ismobile==1 ? s.srcm.Replace("'", "\""):s.srcp.Replace("'", "\"")))'.split('xxxnptechphdurlxxx');
    var _psec = '@string.Join(",", Model.Pages.Select(s=>s.psec))'.split(',');
    var _tsec = 0;
    var _okmid = false;
    var _passunload = false;
    var _isie = true;
    var _mtime = @Model.CMInning.mtime;
    var _ctype = @Model.CMInning.ctype;
    //var hasurlmp4 = @(hasurlmp4?1:0) == 1;
    var _logtime = 10;
    var _mtimesec = 0;
    var _loging = false;
    var _isload = false;
    var player;
    $(window).on("resize", function () {
        resizeme();
    });
    function resizeme() {
        if ($("#video1").length > 0) {
            $("#video1").css("max-height", window.innerHeight - 120);
        }
    }
    $(window).load(function () {
        if (@Model.status == 0) {
            _passunload = true;
            self.close();
        } else {
            var ua = window.navigator.userAgent;
            var msie = ua.indexOf("MSIE ");
            if (msie < 0) {
                msie = ua.indexOf("Trident/");
            }
            if (msie < 0)
            {
                _isie = false;
            }
            if (_ctype == 0 || _ctype == 1 || _ctype == 3) {
                $.each(_urls, function (i, d) {
                    _urls[i] = '@(Model.CMInning.ctype < 2 ? (Model.Contents+"/"+Model.CMInning.ccode+"/"):"")' + d;
                });
                player = videojs('video1');
                player.on("loadeddata", function () {
                    alert("오류1");
                    $("#playerbox").show();
                    $("#loading").hide();
                    if ($("#prenextbox").length > 0) {
                        $("#prenextbox").show();
                    }
                    if (!isnavigated) {
                        //console.log(1);
                        if (getint(_psec[_pseq - 1]) > 0) {
                            try {
                                player.currentTime(getint(_psec[_pseq - 1]));
                                isnavigated = true;
                            } catch (e) { }
                            //console.log(2);
                        }
                    }
                });
                player.on("error", function () {
                    if ((player.src() || "/") != "/") {
                        _passunload = true;
                        clearInterval(_timerlog);
                        msg("콘텐츠학습불가 : " + player.src() + ", error : " + player.errorThrown);
                        //msg("콘텐츠를 학습할 수 없는 상태입니다. 운영자에게 문의해주세요.", null, null, null, "self.close()", 3000);
                    }
                });
                if (ismobile()) {
                    //$("#layermessage2 div").first().html("사용 중인 요금제에 따라 데이터 요금이 발생할 수 있습니다.");
                    //_isload = true;
                    //confirmtoggle(true, "사용 중인 요금제에 따라 데이터 요금이 발생할 수 있습니다.", "_isload=false;fncontents();", "_passunload = true;self.close();");
                    //$("#layermessage2,#bglayer2").show();
                    if ($("#ifr1").length > 0) {
                        $("#ifr1").addClass("mobileiframe");
                        $("#ifr1")[0].height = ($(window).height() - 180) + 'px';
                    }
                }
                if (@Model.istaste == 1) {
                    srcchange();
                } else {
                    _timerlog = setInterval(golog, 1000);
                    srcchange();
                }
            } else if (_ctype  == 2 && @Model.istaste != 1) {
                _timerlog = setInterval(golog, 1000);
            }
        }
        console.log('ctype: ' + _ctype);
        console.log('Model.CMInning.ismenu: ' + @Model.CMInning.ismenu);
        var frameObj = document.getElementById("ifr1");
        if (frameObj != null) {
            $(frameObj).load(function () {
                try {
                    window.frames["ifr1"].document.oncontextmenu = function () { return false; };
                    $(window.frames["ifr1"].document).on("keydown", function (e) {
                        return false;
                    });
                }
                catch (e) { }
                //var win = frameObj.contentWindow || window.frames[frameObj.name];
                //frameObj.addEventListener("contextmenu", function (e) { e.preventDefault(); });
                //var doc = win.document || (iframe.contentDocument || win.document);
                //frameObj.contentDocument.body.oncontextmenu = function () { return false; }
                //doc.oncontextmenu = function () { return false; };
            });
        }
        //if (opener && (opener._cdmsisopenning || 0) == 1) {
        //    opener._cdmsisopenning = 0;
        //}
    });
    function mp4play() {
        _timerlog = setInterval(golog, 1000);
        srcchange();
    }
    var isurlmp4ing = false;
    var isnavigated = false;
    function srcchange() {
        //if (_urls[_pseq - 1].substr(0, 1) == "/" || _urls[_pseq - 1].indexOf(location.host) > -1) {
        //    $.ajax({
        //        url: _urls[_pseq - 1],
        //        type: 'HEAD',
        //        error: function () {
        //            _passunload = true;
        //            clearInterval(_timerlog);
        //            alert(_urls[_pseq - 1]);
        //            msg("콘텐츠를 학습할 수 없는 상태입니다. 운영자에게 문의해주세요.", null, null, null, "self.close()", 3000);
        //        },
        //        success: function () {
        //            fncontents();
        //        }
        //    });
        //}
        //else {
        //    fncontents();
        //}
        if (_urls[_pseq - 1].substr(_urls[_pseq - 1].length - 4, 4) != ".mp4") {
                //jQuery.ajax({
                //    url: _urls[_pseq - 1],
                //    dataType: 'jsonp',
                //    type: 'GET',
                //    error: function (e) {
                //        if (e.status != 200) {
                //            _passunload = true;
                //            clearInterval(_timerlog);
                //            msg("콘텐츠를 학습할 수 없는 상태입니다. 운영자에게 문의해주세요..", null, null, null, "self.close()", 3000);
                //        }
                //    },
                //    success: function (xhr) {
                //        if (xhr.status == 200) {
                //            fncontents();
                //        } else {
                //            _passunload = true;
                //            clearInterval(_timerlog);
                //            msg("콘텐츠를 학습할 수 없는 상태입니다. 운영자에게 문의해주세요...", null, null, null, "self.close()", 3000);
                //        }
                //    },
                //    complete: function (xhr) {
                //        //try { console.log(xhr.status); } catch (e) { console.log('x'); }
                //        if (xhr.status == 200) {
                //            fncontents();
                //        }
                //    }
                //});
            $.ajax({
                type: "GET",
                url: _urls[_pseq - 1],
                data: {},
                timeout: 3000,
                dataType: "jsonp",
                jsonp: "jsonp",
                success: function (response, textS, xhr) {
                    console.log('urlok');
                    fncontents();
                },
                error: function (xmlHttpRequest, textStatus, errorThrown) {
                    if (xmlHttpRequest.status == 200) {
                        console.log('urlerrorok');
                        fncontents();
                    } else {
                        _passunload = true;
                        clearInterval(_timerlog);
                        msg("콘텐츠를 학습할 수 없는 상태입니다. 운영자에게 문의해주세요...", null, null, null, "self.close()", 3000);
                    }
                }
            });
        } else {
            fncontents();
        }
    }
    function fncontents() {
        //if (!_isload) {
            isurlmp4ing = false;
            if ($("#ifr1").length == 1) {
                $("#ifr1").attr("src", "").hide();
            }
            if ($("#video1").length == 1) {
                $("#video1").attr("src", "").hide();
            }
            alert("오류2");   
            if (/*hasurlmp4 && */_urls[_pseq - 1].substr(_urls[_pseq - 1].length - 4, 4).toUpperCase() == ".MP4") {
                isurlmp4ing = true;
            }
            if (_ctype == 0 || isurlmp4ing) {
                $("#loading").show();
                if ($("#prenextbox").length > 0) {
                    $("#prenextbox").hide();
                }
                player = videojs('video1');
                player.src({type:"video/mp4", src:"/"});
                $("#playerbox").hide();
                if (ismobile() || (@Model.CMInning.isoversize == 1) || isurlmp4ing) {
                    player.src({ type: "video/mp4", src: _urls[_pseq - 1] });
                    player.removeClass("vjs-hidden");
                    alert(player.src());
                    player.load();
                    if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
                        //$("#video1")[0].addEventListener('loadeddata', function () {
                        $("#loading").hide();
                        $("#playerbox").show();
                        //}, false);
                    }
                    if (!isnavigated) {
                        //console.log(1);
                        if (getint(_psec[_pseq - 1]) > 0) {
                            try {
                                player.currentTime(getint(_psec[_pseq - 1]));
                                isnavigated = true;
                            } catch (e) { }
                            //console.log(2);
                        }
                    }
                } else {
                    fetchVideo(_urls[_pseq - 1]).then(function (blob) {
                        changeVideoSource(blob, $("#video1")[0], $("#playerbox"));
                    });
                }
            } else if (_ctype == 1) {
                $("#ifr1").attr("src", _urls[_pseq - 1]).show();
            } else if (_ctype == 3) {
                if (_urls[_pseq - 1].substr(0, 5).toUpperCase() == "HTTPS") {
                    //$("#ifr1").attr("src", "https://" + location.hostname + "/CDMS/HTTPS?url="+_urls[_pseq - 1]);
                    $("#ifr1").attr("src", _urls[_pseq - 1]).show();

                } else {
                    $("#ifr1").attr("src", _urls[_pseq - 1]).show();
                }
        }
        resizeme();
        //}
    }
    function golog(ispaging, isunload, isinning) {

        ispaging = ispaging || false;
        isunload = isunload || false;
        isinning = isinning || false;
        _tsec++;
        if (!ispaging && !isunload && !isinning) {
            _sec++;
        }
        if (_mtimesec > 0) {
            _mtimesec++;
            if (_mtimesec > 10) {
                if (!_okmid) {
                    clearInterval(_timerlog);
                    _passunload = true;
                    self.close();
                }
            }
        }
        if (_mtimesec < 1 && ((_sec > 0 && _sec % _logtime == 0) || ispaging || isunload || isinning) && !_loging) {
            _loging = true;
            var _psecond = 0;
            try {
                if ($("#video1").length > 0) {
                    _psecond = getint(videojs('video1').currentTime());
                }
            } catch (e) {}
            capp("/focommon/studylog", { logno: _logno, lectno: @Model.lip.lectno, cmino: @Model.lip.cmino, cpno: _cpno, studysec: _sec, ispc: ismobile() ? 0 : 1, nextcpno: ispaging ? _nextcpno : 0, getiframe: @(Model.CMInning.ismenu == 1 && Model.CMInning.ctype == 2 ? 1 : 0), issample: @Model.istaste, psec: _psecond }, "cbstudylog" + (ispaging ? "page" : "") + (isunload ? "unload" : "") + (isinning ? "inning":""), null, null, true, null, true);
        } else if (_mtime > 0 && !_okmid && _tsec >= _mtime && _mtimesec < 1) {
            //clearInterval(_timerlog);
            _mtimesec = 1;
            $("#playerbox").addClass("hidecontent");
            if (_ctype == 0 && navigator.userAgent.match(/iPhone|iPod/i)) {
                var vid = document.getElementById('video1');
                vid.webkitExitFullscreen();
            } else {
                try {
                    if (navigator.userAgent.match(/iPhone|iPod/i)) {
                        alert('10초안에 중간출석을 확인해주세요.');
                    }
                    else if (typeof (document.msExitFullscreen) == "function") {
                        document.msExitFullscreen();
                    } else if (typeof (document.webkitExitFullscreen) == "function") {
                        document.webkitExitFullscreen();
                    }
                } catch (e) {
                    try {
                        document.webkitExitFullscreen();
                    } catch (e2) {
                    }
                }
            }
            msg("중간출석 확인 메시지입니다. 10초안에 확인을 눌러주세요.", null, null, null, "okmid()");
        }
    }
    function okmid() {
        capp("/focommon/studylogmid", { lectno: @Model.lip.lectno, cmino: @Model.lip.cmino}, "cbokmid");
    }
    function cbokmid() {
        if (capResult.code == 1000) {
            $("#playerbox").removeClass("hidecontent");
            _okmid = true;
            _mtimesec = 0;
            _loging = false;
            //_timerlog = setInterval(golog, 1000);
            if (_ctype == 0) {
                videojs('video1').play();
            }
        } else {
            _passunload = true;
            self.close();
        }
    }
    var _islogout = false;
    function cbstudylog() {
        if (capResult.code == 1000) {
            console.log('logok: sec('+_sec+'), log('+capResult.obj+')');
            _sec = 0;
            _loging = false;
            //_timerlog = setInterval(golog, 1000);
        } else {
            $("#playerbox").remove();
            clearInterval(_timerlog);
            msg("다른 기기로 로그인되었습니다.", null, null, null, "self.close()");
            _islogout = true;
            _passunload = true;
            //setTimeout(function () {
            //    _passunload = true;
            //    self.close();
            //}, 5000);
        }
    }
    function cbstudylogpage() {
        if (capResult.code == 1000) {
            console.log('logok: sec(' + _sec + '), logno(' + capResult.obj + ')');
            _sec = 0;
            _loging = false;
            _cpno = _nextcpno;
            _logno = getint(capResult.obj);
            _pseq = _nextpseq;
            if ('@(Model.CMInning.ismenu)' == '1') {
                if (_ctype == 0 || _ctype  == 1 || _ctype  == 3) {
                    srcchange();
                } else {
                    $("#html1").html(capResult.msg);
                }
            }
            //_timerlog = setInterval(golog, 1000);
            $("#cplist li a").removeClass("current");
            $("#cplist li").eq(_pseq-1).find("a").addClass("current");
        } else if (@Model.istaste == 1) {
            _loging = false;
            _cpno = _nextcpno;
            _pseq = _nextpseq;
            if ('@(Model.CMInning.ismenu)' == '1') {
                if (_ctype == 0 || _ctype  == 1 || _ctype  == 3) {
                    srcchange();
                } else {
                    $("#html1").html(capResult.msg);
                }
            }
            $("#cplist li a").removeClass("current");
            $("#cplist li").eq(_pseq-1).find("a").addClass("current");
        } else {
            msg("다른 단말기에서 로그인되었습니다. 학습을 종료합니다.");
            setTimeout(function () {
                _passunload = true;
                self.close();
            }, 5000);
        }
    }

    function cbstudylogunload() {

    }
    function gopage(nextpseq) {
        _nextpseq = nextpseq;
        _nextcpno = getint(_cpnos[nextpseq - 1]);
        if (_ctype == 0) {
            //$("#loading").show();
            if ($("#prenextbox").length > 0) {
                $("#prenextbox").hide();
            }
        }
        $("#plyHbg").removeClass("on");
        $('.plyMenu').animate({ left: '-200px' }, 300);
        if (!ismobile()) {
            $('.plyWrap').animate({ marginLeft: '0px' }, 300);
        }
        $("#btnpre,#btnnext").show();
        if (nextpseq == 1) {
            $("#btnpre").hide();
        } else if (nextpseq == @Model.Pages.Count()) {
            $("#btnnext").hide();
        }
        //clearInterval(_timerlog);
        golog(true);
    }
    window.onbeforeunload = function () {
        if (!_passunload && @Model.istaste != 1 && !_islogout) {
            clearInterval(_timerlog);
            //if (_isie) {
            //    var retmsg = golog(false, true);
            //    event.returnValue = retmsg;
            //    return retmsg;
            //}
            //else {
            //if (opener && (opener._cdmsisopenning || 0) == 0) {
                opener.location.href = opener.location.href.replace(/#/gi, '');
            //}
                golog(false, true);
            //}
        }
    }
    var _ispre = false;
    function goinning(ispre) {
        _ispre = ispre || false;
        //검증(다음or이전차시 존재, 환급&당일6개차시학습완료)
        clearInterval(_timerlog);
        capp("/focommon/checkinningchange", { lectno: @Model.lip.lectno, cmino: @Model.lip.cmino, ispre: _ispre }, "cbcheckgoinning");
    }
    var _prenextcmino = 0;
    function cbcheckgoinning() {
        if (capResult.code == 1000) {
            if (capResult.obj == -1) {
                msg(_ispre ? "현재 첫 번째 차시를 학습중입니다." : "현재 마지막차시를 학습중입니다.");
                _timerlog = setInterval(golog, 1000);
            } else if (capResult.obj == -2) {
                _timerlog = setInterval(golog, 1000);
                msg("현재차시를 학습완료해야 다음차시를 학습할 수 있습니다.");
            } else if (capResult.obj == -3) {
                _timerlog = setInterval(golog, 1000);
                msg("일일 최대 학습회차는 6차시입니다.");
            } else {
                //학습로그 & 차시이동
                _prenextcmino = capResult.obj;
                golog(false, false, true);
            }
        } else {
            _passunload = true;
            opener.location.href = opener.location.href.replace(/#/gi, '');
            self.close();
        }
    }
    function cbstudyloginning() {
        if (capResult.code == 1000) {
            console.log('logok-inning: sec(' + _sec + '), log(' + capResult.obj + ')');
            _sec = 0;
            _loging = false;
            _passunload = true;
            location.href = "/CDMS/Play?cmino=" + _prenextcmino + "&ismobile=" + (ismobile() ? 1 : 0) + "&lectno=@Model.lip.lectno&pseq=1";
        } else {
            console.log('cbstudyloginning error');
            _passunload = true;
            self.close();
        }
    }
</script>