// import MCUClientEngine1 from'http://192.168.1.140/McuClient/main.js'


var client;
var MessageTypes;
var classLoadInfo;  //3个参数 课堂号/用户角色/ip 的对象
var classAllInfo={};
var fourParams={};
var fileInfo={};  //传递给底层的对象
var thisFileName; //当前点击的文件名称
var thisFileId;//当前点击的文件ID
var thisDocId;
var thisClassId;
var fileFromArr=[]; //存储底层返回的文件,放到该数组
var classParamInfo={}
var docfullPath;
var imgUrl;
var curPageNum;
var pageNum;
var fileItemIdx;
var classErrorCode;





//画布
var canvas ;
var context ;
//蒙版
var canvas_bak;
// 消息模板-老师
var tpl_message_teacher = `<div class="message_client">
    <div style="float: left">
    <span class="TeaName"><img class="teaImg" src="images/teacher-photo.png" alt="老师头像"></span>
</div>
<div style="margin-left: 37px">
    <div class="message triangle-isosceles leftmsg">{message}</div>
    </div>
    </div>`;
// 消息模板-学生
var tpl_message_student = `<div class="message_client">
                                    <div style="float: right">
                                         <span class="stuName"><img class="teaImg" src="images/student-photo.png" alt="学生头像"></span>
                                    </div>
                                    <div style="margin-right: 47px">
                                         <div class="message stutriangle-isosceles rightmsg">{message}</div>
                                    </div>
                             </div>`;


// // 消息模板-老师
// var tpl_message_teacher = `
//   <div class="teacher-msg "><img class="teaImg" src="images/teacher-photo.png" alt="老师头像">
//                             <p>{message}</p></div>`;

// // 消息模板-学生
// var tpl_message_student = `
//  <div class="student-msg"><img class="stuImg" src="images/student-photo.png" alt="学生头像">
//                             <p>{message}</p></div>`;
//上传文件列表模板
var tpl_doc=`<li><div class="forSwitch"><span class="iconfont">&#xe639;</span><span class="itemName">{name}</span><span class="itemIdx">{itemIdx}</span></div><span  class="deleteDoc iconfont">&#xe635;</span>
                            </li>`;

function mainTimeStamp() {
    var _teatimestamp= Date.parse(new Date());
    return _teatimestamp;
}

$(function () {

    initEngine();//加载MCUClientEngine;
    listenClass(); //监听事件
    loading();
    urlParamsJudge();//对地址栏参数的数据进行判断

});

function initEngine(){

    //创建客户端
    client=MCUClientEngine.createMcuClient();
    //获取事件监听消息定义
    MessageTypes=MCUClientEngine.MessageTypes;
    //McuClient版本号
    console.log(client.sdkInfo.version);

    videoWithFlash.flashInit(client);
    // nativeVideo.nativeInit(client);
}

//监听课堂
function listenClass() {
    if(client){
        // client.on(MessageTypes.UPDATE_CLASS_TIMER,updateClassTime);// 监听会议时间更新

        client.on(MessageTypes.CLASS_UPTATE_STATUS,classUpdateStatus);//监听课堂状态更新
        client.on(MessageTypes.CHAT_RECEIVE,chatReceive); //监听到聊天信息
        client.on(MessageTypes.WHITEBOARD_ANNOTATION_UPDATE,whiteboardUpdate);//监听白板更新
        client.on(MessageTypes.DOC_DELETE,docDelete);//监听删除文档
        client.on(MessageTypes.DOC_UPDATE,docUpdate);//监听更新文档


        // // //点击开始上课
        //
        // $("#classes-status-1").click(function (e){
        //
        //     if($("#classes-status-1").html()=="开始上课"){
        //         client.sendStartClass();
        //     }
        //
        // });

        //     if($("#classes-status-1").html()=="课间休息"){
        //         $("#classes-status-1").click(function (e){
        //             client.sendPauseClass();
        //         });
        //     }
        //     if($("#classes-status-1").html()=="继续上课"){
        //         $("#classes-status-1").click(function (e){
        //             client.sendStartClass();
        //         });
        //     }
        //
        //
        //
        // //结束课堂
        // $("#classes-status-2").click(function (e) {
        //     if($("#classes-status-2").html()=="结束课堂"){
        //         client.sendCloseClass();
        //     }
        // });
        //
        //
        //
        // if($("#class-now").html()=="结束"){
        //     $("#class-now").unbind("click");
        // }

    }
}

//在窗口关闭前提示用户
window.onbeforeunload = function() {

    return false; // 可以阻止关闭
}
//窗口关闭,退出课堂
window.onunload=function () {
    if(client){
        client.leaveClass();
    }
}

//进入课堂初始化成功
function classInitSuccess(callbackData){
    //进入课堂初始化成功回调
    console.log("classInitSuccess---初始化成功");
    console.log(callbackData);
    if(callbackData.classType==1){
        $(".box").css("display","none");
    }else if (callbackData.classType==2){

    }
    if(callbackData){
        console.log(callbackData.passwordRequired);
        showLogin(callbackData.passwordRequired);
    }

}
//上传文件
function importFile() {
    console.log("上传文件");
    console.log(classAllInfo);
    var selectedFile =document.getElementById("file").files[0];//获取读取的File对象
    console.log(document.getElementById("file").files);
    var name = selectedFile.name;//读取选中文件的文件名
    var size = selectedFile.size;//读取选中文件的大小
    var mime = selectedFile.type;
    console.log("文件名:" + name + "大小：" + size+"文件类型:"+mime);


    //上传时动画效果
    $(".spinner").css("display","block");




    var fd = new FormData();
    fd.append("fileToUpload", document.getElementById('file').files[0]);
    fd.append("siteID",classAllInfo.siteId);   //站点
    fd.append("convertTools","msoffice");  //pptflash 仅限动态转ppt    msoffice 其它类型
    fd.append("meetingid",String(classAllInfo.classId));  //课堂号
    fd.append("timestamp",String(mainTimeStamp()));  //时间戳
    fd.append("createUserName",String(classAllInfo.userName));  //上传人姓名
    fd.append("createUserID",String(classAllInfo.nodeId));   //上传人ID
    fd.append("modifyDate","2015-09-14 18:22:22");  //上传时间

    $.ajax({
        type:"POST",
        url:"http://101.200.150.192:80/DocSharing/fileUploadJson",
        processData: false,
        contentType: false,
        data:fd,
        success: function(data) {
            console.log("文档服务器返回的",data);

            uploadFile(data);
        },
        error: function(data){
            console.log(data)
        }
    });


}

//删除文件
function deleteFile(msg) {

    console.log("要删除的文档编号");
    console.log(msg);
    console.log("此时文档都有什么");
    console.log(fileFromArr);
    client.sendDocumentDelete(msg);

}

//显示当前课堂文件列表中文件
function showFile(_data){


    var tplDoc=tpl_doc;
    for (var i=0;i<_data.length;i++){

        var strHTML = format(tplDoc, {
            name: _data[i].fileName,
            itemIdx:_data[i].itemIdx
        });

    }
    $(".spinner").css("display","none");
    // $(".doc-headline-a").trigger("click");

    // var strHTML = format(tplDoc, {
    //     name: _data.fileName,
    //     itemIdx:_data.itemIdx
    // });


    $("#fileUl").append(strHTML);

    console.log("当前文档存储是什么=================");
    console.log(fileFromArr);

        //删除文档
    $(".deleteDoc").click(function (e) {

        $(".spinner").css("display","block");


        $(this).parent().addClass("xin");
        // thisFileName=$(".forSwitch").children(".itemName").html()
        thisFileName=$(this).parent().find(".itemName").html()
        console.log(thisFileName,"==================");
        for (var i=0; i<fileFromArr.length;i++ ){

                    console.log("i值是多少====================",i);
                    console.log(fileFromArr[i]);
                    var ArrName=fileFromArr[i].fileName;
                    console.log(ArrName);
                    var _paramInfo={};
                    if (thisFileName==ArrName){
                        thisFileId=fileFromArr[i].itemIdx;
                        thisClassId=classAllInfo.classId;
                        thisDocId=fileFromArr[i].docId;

                        _paramInfo.itemIdx=thisFileId;
                        _paramInfo.docId=thisDocId;
                        _paramInfo.classId=thisClassId;

                        console.log(thisFileId,thisClassId,thisDocId);
                        deleteFile(_paramInfo);


                       }
        }


    });



//切换文档
    var oUl=document.getElementById("fileUl");
    var oLi=oUl.getElementsByTagName("li");
    var oLis=oUl.getElementsByTagName("div");
    for(var i=0;i<oLis.length;i++){
        oLis[i].onclick=function(){

            var itemID=$(this).children(".itemIdx").html();
                console.log(itemID);
                console.log("切换文档======================");
                switchDoc(itemID);

        }
    }



}




//切换文档
function switchDoc(msg) {
    $(".spinner").css("display","block");
    $(".doc-headline-a").trigger("click");
    var paramInfo={
        "itemIdx": msg,
        "visible":true
    };
    client.sendDocumentSwitchDoc(paramInfo);
    console.log("此时数组中存储的数=====",fileFromArr);


}



//将上传文件的信息,传递给底层
function uploadFile(msg){
    console.log("服务器返回的文件信息");
    console.log(msg);

    for (var i=0;i<fileFromArr.length;i++){
        var fileObj=fileFromArr[i];
        if(msg.docId==fileObj.docId){
            $(".spinner").css("display","none");
            $(".doc-headline-a").trigger("click");
            $(".pop").trigger("click");
            $(".popTxt").html("文件已存在,不用上传!是否上传其他文件?");

        }else{
            // fileInfo.fileName=msg.fileName;//文档名字
            fileInfo.pageNum=msg.imgSize;// 文档的总页数
            fileInfo.fileName=msg.fileName;//文档名字
            fileInfo.fileType=msg.fileType;  // 文档的原始类型(上传时的类型)
            fileInfo.relativeUrl=msg.relativeLocation;   //文档相对地址
            fileInfo.url=msg.filePath;   //文档绝对地址  默认值: null
            fileInfo.docId=msg.docId;    //文档在数据库中的唯一id标识 默认值: null
            fileInfo.visible=false;    // 是否显示  默认值: false
            fileInfo.dynamicTS=msg.dynamicTransferStatic   //是否动态转换 //文档上传后返回值中的字段dynamicTransferStatic  默认值: 0
            console.log(fileInfo);
            client.sendDocumentUpload(fileInfo);
        }
    }
    if (fileFromArr.length==0) {
        // fileInfo.fileName=msg.fileName;//文档名字
        fileInfo.pageNum = msg.imgSize;// 文档的总页数
        fileInfo.fileName = msg.fileName;//文档名字
        fileInfo.fileType = msg.fileType;  // 文档的原始类型(上传时的类型)
        fileInfo.relativeUrl = msg.relativeLocation;   //文档相对地址
        fileInfo.url = msg.filePath;   //文档绝对地址  默认值: null
        fileInfo.docId = msg.docId;    //文档在数据库中的唯一id标识 默认值: null
        fileInfo.visible = false;    // 是否显示  默认值: false
        fileInfo.dynamicTS = msg.dynamicTransferStatic   //是否动态转换 //文档上传后返回值中的字段dynamicTransferStatic  默认值: 0
        console.log(fileInfo);
        client.sendDocumentUpload(fileInfo);

    }



}


//监听文档更新
function docUpdate(callbackData){
    console.log("监听文档更新=========================>");
    console.log(callbackData);

    if(callbackData==null){
        return;
    }
    //操作数据
    updateDocList(callbackData,0);
    if (callbackData.visible===true){
        showInter(callbackData,2);
    }




}
//显示模块
function showInter(_data,isPage){
    console.log("showInter==============>")
    if (isPage===2){
        console.log("当前文档",_data);
        console.log("此时fileFromArr数组是",fileFromArr);
        console.log("当前文档类型",_data.fileType);


        fileItemIdx=_data.itemIdx

        if(_data.fileType=="doc"||_data.fileType=="pdf"){
            showTurnPage();
            $("#showImg").css("display","none");
            $(".docImage").css("display","block");
            $(".canvas_container").css("overflow-y","scroll");
        var _fileType="jpg";
        var _paramInfo={
            "type": _fileType,
            // "curPageNo":_data.curPageNo,
            "pageNum":_data.pageNum,
            "relativeUrl": _data.relativeUrl
        };
        docfullPath=client.getDocImageFullPath(_paramInfo);
        console.log("mcu返回给我的地址==========");
        console.log(docfullPath);

        // imgUrl = docfullPath[0];
        // $("#docImage").css("display","block");



         curPageNum =_data.curPageNo;
         pageNum=_data.pageNum;
        $("#curPageNum").html(curPageNum);
        $("#totalPageNum").html(pageNum);

        console.log("curPageNum",curPageNum);
        var docfullSingle=docfullPath[curPageNum-1];

        if(docfullSingle){
            $("#docImage").attr("src",docfullSingle);
            showTurnPage();
        }else {

        }


      /*  for (var i=0;i<docfullPath.length;i++){
            var docfullSingle=docfullPath[curPageNum-1];
            $("#docImage").attr("src",docfullSingle);
        }*/






            if (classAllInfo.userRole=="normal"){
                $(".next-page ").css("display","none");
                $(".total-page").css("display","none");
                $(".bias").css("display","none");
                $(".cur-page").css("display","none");
                $(".prev").css("display","none");

            }else{
                showTurnPage();
            }




        }
    else if(_data.fileType=="jpg"){
            hideTurnPage();
            $("#canvas").height(476);

            $("#docImage").css("display","none");
            $("#showImg").css("display","block");
            $(".canvas_container").scrollTop(0);
            $(".canvas_container").css("overflow","hidden");


            var _fileType="jpg";
            var _paramInfo={
                "type": _fileType,
                "pageNum":_data.pageNum,
                "relativeUrl": _data.relativeUrl
            };
            docfullPath=client.getDocImageFullPath(_paramInfo);

            console.log("mcu返回给我的地址==========");
            console.log(docfullPath);
            imgUrl = docfullPath[0];

            $("#showImg").attr("src",imgUrl);





        }
        else if(_data.fileType=="png"){
        hideTurnPage();
            $("#canvas").height(476);
            $("#docImage").css("display","none");
            $("#showImg").css("display","block");
            $(".canvas_container").css("overflow","hidden");
            var _fileType="png";
            var _paramInfo={
                "type": _fileType,
                "curPageNo":_data.curPageNo,
                "pageNum":_data.pageNum,
                "relativeUrl": _data.relativeUrl
            };
            docfullPath=client.getDocImageFullPath(_paramInfo);

            console.log("mcu返回给我的地址==========");
            console.log(docfullPath);
            imgUrl = docfullPath[0];
            $("#showImg").attr("src",imgUrl)


        }


    }

}




function showTurnPage() {
    $(".next-page ").css("display","block");
    $(".total-page").css("display","block");
    $(".bias").css("display","block");
    $(".cur-page").css("display","block");
    $(".prev").css("display","block");

}

function hideTurnPage(){
    $(".next-page ").css("display","none");
    $(".total-page").css("display","none");
    $(".bias").css("display","none");
    $(".cur-page").css("display","none");
    $(".prev").css("display","none");
}




//监听文档删除
function docDelete(callbackData){
    console.log("监听文档删除");
    console.log(callbackData);
    updateDocList(callbackData,1);


    //操作页面
    $("li").remove(".xin");
    $(".spinner").css("display","none");
    $(".doc-headline-a").trigger("click");
    if (fileFromArr.length==0){
        $("#docImage").attr("src","");
        hideTurnPage();
    }

}


//专门操作数据
function updateDocList(_data,isAdd) {
    var index;
    console.log("isAdd的值是",isAdd);
    //isAdd  为0,进行更新;为1,进行删除
    if(isAdd===0){
        index=getDocIndexInList(_data);
        console.log(index);
        if(index>=0){
            fileFromArr[index]=_data;
        }else {
            fileFromArr.push(_data);
            showFile(fileFromArr);

        }

    }else if(isAdd===1) {
        console.log("对数据进行删除");
        for (var i=0;i<fileFromArr.length;i++){
            console.log(fileFromArr);
            if (fileFromArr[i].itemIdx==_data){
                $("#docImage").attr("src","");
                $("#showImg").attr("src","");
                $(".canvas_container").css("overflow-y","hidden");
                $(".canvas_container").scrollTop(0);



                if($("#docImage").attr("src")==""){
                        hideTurnPage();
                }
                if (classAllInfo.userRole=="normal"){
                    $("#showImg").css("display","block");
                    $("#docImage").attr("src","");
                    $("#showImg").attr("src","");
                    $(".canvas_container").scrollTop(0);
                    $(".canvas_container").css("overflow-y","hidden");

                }
                if (classAllInfo.userRole=="host"){
                    $("#showImg").css("display","block");
                    $("#docImage").attr("src","");
                    $("#showImg").attr("src","");
                    $(".canvas_container").scrollTop(0);
                    $(".canvas_container").css("overflow-y","hidden");
                }

            fileFromArr.splice(i,1);

            }
        }

        // if(fileFromArr.length==0){
        //     console.log(fileFromArr);
        //     $("#docImage").css("display","none");
        //     $("#showImg").css("display","none");
        //     showTurnPage();
        // }
    }
}

//专门循环数组
function getDocIndexInList(_param){
    var len=fileFromArr.length;
    var docItem;
    for(var i=0;i<len;i++){
        docItem=fileFromArr[i];
        if(_param.itemIdx==docItem.itemIdx){
            return i;
        }
    }
    return -1;
}



//进入课堂失败
function classFailed(callbackData) {
    console.log("classFailed---课堂失败");
    console.log(callbackData);

    classErrorCode=callbackData.code;
    switch(classErrorCode) {
        case 100:
            //当前没有 课堂号   用户角色  ip
            if((classLoadInfo.classId)==""||classLoadInfo.userRole==""||(classLoadInfo.portal)==":"||(classLoadInfo.portalPort)==""||(classLoadInfo.portalIP)==""||(classLoadInfo.userName)==""){
                console.log("不会执行clientInit");

                //用户进行角色选择
                showUserSelect();

            }
           console.log("初始化失败,课堂号不存在/错误");

            break;

        case 101:
        case 102:
            console.log("初始化协议错误");
            $(".loading-index").css("display","none");
            showUserSelect();break;
        case 103:
            
            //初始化错误
            //1.userRole为空,回到选择角色界面
            if (classLoadInfo.userRole==""){
                console.log("当前没有选择用户角色");
                //进行用户选择页面
                showUserSelect();

            }
            //2.userType为空,回到选择角色界面
            if (classLoadInfo.userType==""){
                console.log("当前没有选择用户角色");
                //进行用户选择页面
                showUserSelect();
            }

            //3.classId为空,回到选择角色界面
            if(classLoadInfo.classId===0){
                console.log("classId不正确");
                //输入课堂号页面
                showParmasInput()

            }
            //4.portal不正确且角色身份为空
            if(((classLoadInfo.portal==":")&&(classLoadInfo.userRole=="0"))||((classLoadInfo.portal==":")&&(classLoadInfo.userType=="1"))){
                console.log("portal不正确");
                //进行用户选择页面
                showUserSelect();

            }
            break;
        case 105:
            console.log(classLoadInfo.classId);
            console.log("初始化失败,课堂号不存在/错误");


            //如果课堂号错误,但是身份正确,只进入输入课堂号页面
            if (classLoadInfo.userRole=="host"||classLoadInfo.userRole=="normal"||classLoadInfo.userType=="1"){
                $(".loading-index").css("display","none");
                showParmasInput();
            }
            //否则,选择角色
            else{
                $(".loading-index").css("display","none");
                showUserSelect();
            }

            break;
        case 200:break;
        case 203:break;
        case 204:break;
        case 205:break;
        case 206:classPwdErrorTip(); break;
        case 207:break;
        case 300:break;
        case 301:break;
        case 20000:mcuErrorTip();break;
        default:break;
    }


}

//mcu报错,进不去课堂
function mcuErrorTip(){
    $(".passWordTip").css("margin-left","45px");
    $(".passWordTip")[0].innerHTML="请稍后再试,正在重新连接";
    if (classAllInfo.userRole=="normal"){
        $(".box").css("display","none");
    }

}


//课堂密码错误  进行提示
function classPwdErrorTip() {
    $(".passWordTip").css("margin-left","45px");
    $(".passWordTip")[0].innerHTML="请输入正确的课堂密码";
}
//显示用户的选择页面
function showUserSelect() {
    $(".fourParamsOut").css("display","block");
    $(".permission").css("display","block");
    $(".fourParams").css("display","none");
    $(".loginBg").css("display","none");

    $("#btn-per").click(function (e) {

        if((classLoadInfo.userRole==="host")||(classLoadInfo.userRole==="normal")){
            showParmasInput();

        }
        else if ((classLoadInfo.userType!==1)||(classLoadInfo.userType===8)){
            showParmasInput();

        }
        else if(classLoadInfo.userRole=="0") {
            console.log(classLoadInfo.userRole);
            console.log(classLoadInfo.userType);
            console.log("请选择角色-----");
        }
        console.log(classLoadInfo.userRole);
        console.log(classLoadInfo.userType);
    });

}


//显示相应的登录页面
function showLogin(isShow){

    $(".fourParamsOut").css("display","none");
    //loading加载页隐藏
    $(".loading-index").css("display","none");
    $(".fourParams").css("display","none");
    //主页面隐藏
    $(".box").css({
        "display":"none",
        "margin":"0 auto"
    });



    if (isShow) {
        //登录页面显示(有密码)
        $(".loginBg ").css("display","block");
        console.log("loginBgblock");
        $(".userNameInput")[0].value=classLoadInfo.userName;
        $(".passWordInput")[0].innerHTML=$(".passWordInput")[0].value;
        $(".userNameInput").focus(function () {
            $(".userTip").css("margin-left","0");
            $(".userTip")[0].innerHTML="支持中文、字母、数字、“-”“_”的组合，4-20个字符";
        });
        $(".userNameInput").blur(function () {
            var val = this.value.replace(/^ +| +$/g,"");
            if (val.length === 0) {
                $(".userTip").css("margin-left","45px");
                $(".userTip")[0].innerHTML="用户名不能为空";
                return false;
            }

            var reg = /^([\u4e00-\u9fa5]{2,4})|([A-Za-z0-9_\-]{4,20})$/;
            if (!reg.test(val)) {
                $(".userTip").css("margin-left","45px");
                $(".userTip")[0].innerHTML = "长度只能在4-20个字符之间";
                return false;
            }else{
                $(".userTip")[0].innerHTML = "";
            }
        })

        $(".passWordInput").focus(function () {
            $(".passWordTip").css("margin-left","45px");
          $(".passWordTip")[0 ].innerHTML="请输入正确的课堂密码";
        });
        $(".passWordInput").blur(function () {
            $(".passWordTip")[0].innerHTML="请输入课堂密码";
        })

        $("#btnLogin").click(function (e) {

            console.log("点击了登录按钮---------->");
            var userName =  $(".userNameInput")[0].value;
            var pwd = $(".passWordInput")[0].value;

            // var userName = $(".userNameInput").val();
            // var pwd = $(".passWordInput").val();

            if (!userName) {
                $(".userTip").css("margin-left","45px");

                $(".userTip")[0].innerHTML="用户名不能为空";

             }
             if (!pwd) {
                $(".passWordTip").css("margin-left","45px");
                $(".passWordTip")[0].innerHTML="课堂密码不能为空";
            }
            if($(".passWordInput").val().length>=1){
                $(".passWordTip")[0].innerHTML="";
            }
            if (($('.userNameInput').val().length>=1) &&($(".passWordInput").val().length>=1)) {
                console.log(userName,pwd);
                onJoinClass(userName, pwd);
            }
        });
        // $("#btnLogin").trigger("click");

    }else{
        //登录页面显示(无密码)
        $(".loginBg ").css("display","block");
        $(".passWordLi").css("display", "none");
        $(".btnLoginLi").css("margin-top","30px");

        console.log("无密码");
        $(".userNameInput")[0].value=classLoadInfo.userName;
        $(".passWordInput")[0].value= $(".passWordInput")[0].innerHTML;
        $(".userNameInput").focus(function () {
            $(".userTip").css("margin-left","0");
            $(".userTip")[0].innerHTML="支持中文、字母、数字、“-”“_”的组合，4-20个字符";
        });
        $(".userNameInput").blur(function () {
            var val = this.value.replace(/^ +| +$/g,"");
            if (val.length === 0) {
                $(".userTip").css("margin-left","45px");
                $(".userTip")[0].innerHTML="用户名不能为空";
                return false;
            }

            var reg = /^([\u4e00-\u9fa5]{2,4})|([A-Za-z0-9_\-]{4,20})$/;
            if (!reg.test(val)) {
                $(".userTip").css("margin-left","45px");
                $(".userTip")[0].innerHTML = "长度只能在4-20个字符之间";
                return false;
            }else{
                $(".userTip")[0].innerHTML = "";
            }
        })


        $("#btnLogin").click(function (e) {
            console.log("点击了登录按钮---------->");
            var userName = $(".userNameInput")[0].value;
            // console.log(userName,pwd);
            // var userName = $(".userNameInput").val();
            // var pwd = $(".passWordInput").val();
            if ($(".userNameInput").length) {
                if (!userName) {
                    $(".userTip").css("margin-left","45px");
                    $(".userTip")[0].innerHTML="用户名不能为空";
                }
            }
            if($('.userNameInput').val().length>=1){
            onJoinClass(userName);
            }
        });
    }



}

//用户角色的选择
function getValue(msg) {

    if(msg=="host"){
        classLoadInfo.userType=parseInt("8");
    }else if (msg=="normal"){
        classLoadInfo.userType=parseInt("1");
    }else{
        classLoadInfo.userType=parseInt("1");
    }
    console.log("拿到的用户角色");
    console.log(msg);
    classLoadInfo.userRole = msg;
}



//加入课堂初始化失败时,自己输入课堂号参数
function showParmasInput(){
    var classId;
    $(".fourParamsOut").css("display","block");
    $(".permission").css("display","none");
    $(".fourParams").css("display","block");
    $(".loginBg").css("display","none");
    if(classLoadInfo.classId){
        console.log("有课堂号");
        console.log(classLoadInfo.classId);
        $(".classId")[0].value=classLoadInfo.classId;
    }else if(classLoadInfo.userId){
        console.log(classLoadInfo.userId);
        $(".userId")[0].value=classLoadInfo.userId;
    }

    $("#btnFourParam").click(function (e) {

     var classId = parseInt($(".classId").val());
    // let userRole = $(".userRole").val();
    // let portal = $(".portal").val();
    var userId = $(".userId").val();

    // var fourParams={};

    fourParams={
        classId:classId,
        userRole:classLoadInfo.userRole,
        portal:"112.126.80.182:90",
        userId:userId
    }
    console.log("当前参数");
    console.log(fourParams);

        client.init(fourParams,classInitSuccess,classFailed);
    });
}
//加入课堂成功
function classJoinSuccess(callbackData){
    classAllInfo=callbackData;
    console.log("classJoinSuccess====>",callbackData);
    //去掉复制功能
    // document.body.onselectstart=document.body.oncontextmenu=function(){ return false;}



    $(".canvas_container").scrollTop(0);
    $(".canvas_container").css("overflow-y","hidden");

    if (callbackData.userRole=="host") {
        //进入成功后  画笔可以使用
        $(".Color1").trigger("click");
        $(".pencil").trigger("click");
    }

   //根据用户权限,隐藏不同界面,如果是学生,隐藏白板
    if (callbackData.userRole=="normal"){

    $("#tool").css("display","none");
    $(".fileUpload").css("display","none");
    $(".setCurClass").css("display","none");
    $(".helpCurClass").css("display","none");
    $(".classStatus").css("display","none");
    $("#stuVideo-video").css("display","none");
    $("#stuVideo-voice").css("display","none");
    $("#teacherVideo-video").css("display","none");
    $("#teacherVideo-voice").css("display","none");
    $(".curStuUserName").css("display","none");
    $(".curStuUserTip").css("display","none");

    $(".stuVideo-videoNotClick").css("display","none");
    $(".stuVideo-voiceNotClick").css("display","none");
}
    //准备主页面
    layoutView();
}
// function showClassStatus(obj) {
//
//     if(obj.style.display=="block")
//     {
//         obj.style.display=='none';
//     }
//     else
//     {
//         obj.style.display=='block';
//     }
// }


//登录成功后,登录页隐藏,主页面显示
function layoutView( ) {
    //输入4个参数的页面隐藏
    $(".fourParamsOut").css("display","none");
    //登录成功后,登录页隐藏
    $(".loginBg ").css("display","none");
    $(".box").css({
        "display":"block"
    });


    //加入课堂成功后,点击开始上课
    $("#classes-status-begin").click(function () {
        $(".am-dropdown-content-li-stop-gray").css("display","none");
        $(".am-dropdown-content-li-stop").css("display","block");

        $(".am-dropdown-content-li-begin").css("display","none");
        $(".am-dropdown-content-li-pause").css("display","block");
        $(".span-classes").html("&#xe609;");
        $("#class-now").html("直播中");


        client.sendStartClass();
    });
    //暂停课堂
    $("#classes-status-pause").click(function () {
        $(".span-classes").html("&#xe60a;");
        $("#class-now").html("休息中");
        $(".am-dropdown-content-li-pause").css("display","none");
        $(".am-dropdown-content-li-rest").css("display","block");


        client.sendPauseClass();

    });
    //结束课堂,课堂的状态还原为未开始状态，所有人都要离开课堂。
    $("#end").click(function () {
        $(".box").css("display", "none");
        client.sendCloseClass();
    });

    //退出,但不结束课堂,是当前这个人退出
    $("#exitClass").click(function () {
        client.leaveClass();
        $(".box").css("display", "none");
    });
    //继续上课
    $("#classes-status-rest").click(function () {
        client.sendStartClass();
        $(".am-dropdown-content-li-rest").css("display","none");
        $(".am-dropdown-content-li-pause").css("display","block");
        $(".span-classes").html("&#xe609;");
        $("#class-now").html("直播中");
        // $(".am-dropdown-content").css("z-index","-1");

    });


    $(".showBoardBtn").click(function () {
        $(".docImage").css("z-index","none");
        $(".showImg").css("display","none");
    });
    // $(".fileUpload").click(function () {
    //     $(".docImage").css("display","block");
    //     $(".showImg").css("display","block");
    // });

    $(document).keydown(function (e) {
        if(e.keyCode==13){
            $("#btn_send").click();
        }

    });

    //发送聊天消息
    $("#btn_send").click(function (e) {
        console.log("点击了发送消息按钮------->");
        sendChatMsg();
    });

    // 文件上传
    $("#pushFile").click(function () {
        $("#file").click();
    });

    //点击下一页
    $("#nextPage").on("click",function (e) {
        $("#prevPage").removeClass("prevPageNoClick");
        $("#prevPage").addClass("prevPage");

        console.log(curPageNum);
        if (curPageNum<pageNum){
            $("#nextPage").removeClass("nextPageNoClick");
            $("#nextPage").addClass("nextPage");

            console.log(curPageNum);
                var docfullSingle=docfullPath[curPageNum-1];
                console.log("curPageNum,docfullSingle",curPageNum,docfullSingle);
                $("#docImage").attr("src",docfullSingle);


            var paramInfo={
                "itemIdx": fileItemIdx,
                "curPageNo":curPageNum+1
            };
            console.log("paramInfo=======>",paramInfo)
            client.sendDocumentSwitchPage(paramInfo);
            $("#curPageNum").html(curPageNum);
        }
        if(curPageNum==(pageNum-1)){
            $("#nextPage").removeClass("nextPage");
            $("#nextPage").addClass("nextPageNoClick");
        }

    });

    //点击上一页
    $("#prevPage").on("click",function (e) {
        if (curPageNum>1){
            $("#nextPage").removeClass("nextPageNoClick");
            $("#nextPage").addClass("nextPage");

            $("#prevPage").removeClass("prevPageNoClick");
            $("#prevPage").addClass("prevPage");
            console.log("curPageNum",curPageNum);

                var docfullSingle=docfullPath[curPageNum-1];
                console.log("curPageNum,docfullSingle",curPageNum,docfullSingle);
                $("#docImage").attr("src",docfullSingle);
            console.log(curPageNum);
            var paramInfo={
                "itemIdx": fileItemIdx,
                "curPageNo":curPageNum-1
            };
            console.log("paramInfo=======>",paramInfo)
            client.sendDocumentSwitchPage(paramInfo);
            $("#curPageNum").html(curPageNum);

        }

        if (curPageNum==2){
            $("#prevPage").removeClass("prevPage");
            $("#prevPage").addClass("prevPageNoClick");


        }


    });


    //获取课堂信息
    var classCurInfo=client.getClassStatusInfo();
    $("#classCurName").html(classCurInfo.className);

    $("#classCurId").html(classAllInfo.nodeId);

}


function choose(agrs) {
    switch (agrs) {
        case 1:
            chooseColor.style.background = 'url("images/color6-n.png") no-repeat';
            var colorValue1=$(".Color1").attr('value');
            $("#chooseColor").attr('value',colorValue1);
            break;
        case 2:
            chooseColor.style.background = 'url("images/color2-n.png") no-repeat';
            var colorValue2=$(".Color2").attr('value');
            $("#chooseColor").attr('value',colorValue2);
            break;
        case 3:

            chooseColor.style.background = 'url("images/color3-n.png") no-repeat';
            var colorValue3=$(".Color3").attr('value');
            $("#chooseColor").attr('value',colorValue3);
            break;
        case 4:
            chooseColor.style.background = 'url("images/color4-n.png") no-repeat';
            var colorValue4=$(".Color4").attr('value');
            $("#chooseColor").attr('value',colorValue4);
            break;
        default:break;
    }
}

function whiteboardUpdate(callbackData) {
    console.log("同步canvas消息");
    console.log(callbackData);
    draw.drawCanvas(callbackData);
    // if (callbackData.annotaionItems.length>0) {
    //     if (callbackData.annotaionItems[0].pointGroup.length > 0) {
    //         $(".rescind").on("click", function () {
    //             client.sendGotoPrev();
    //         });
    //     }
    // }



    $(".spinner").css("display","none");


}


// function updateClassTime(callbackData){
//
// }
//监听课堂状态更新
function classUpdateStatus(callbackData) {
    console.log("监听课堂状态更新======>",callbackData);

    //当前课堂的状态0(未开始) 、1(已经开始) 2(暂停中)
    if(callbackData.classStatus==0){
        //加入课堂成功后,点击开始上课
        $(".stopGray").css("display","block");
        $(".am-dropdown-content-li-stop").css("display","none");

    }
    if (callbackData.classStatus==1){
        $(".span-classes").html("&#xe609;");
        $("#class-now").html("直播中");
        $(".am-dropdown-content-li-pause").css("display","block");

        $(".am-dropdown-content-li-begin").css("display","none");

        $(".am-dropdown-content-li-stop").css("display","block");
        $(".am-dropdown-content-li-stop-gary").css("display","none");


    }
    if (callbackData.classStatus==2){

        $(".span-classes").html("&#xe60a;");
        $("#class-now").html("休息中");
        $(".am-dropdown-content-li-begin").css("display","none");
        $(".am-dropdown-content-li-rest").css("display","block");
        $(".am-dropdown-content-li-stop").css("display","block");
        $(".am-dropdown-content-li-stop-gary").css("display","none");
    }


}

//接收聊天消息
function chatReceive(callbackData){
    console.log(callbackData);
    var tpl = callbackData.fromRole == "host"? tpl_message_teacher : tpl_message_student;
    var message = (callbackData.message + "").replace(/\[img:([^\[:\]]*)\]/ig, function (match, group, index) {
        return '<img src="images/face/' + group + '.gif"/>';
    });
    var strHTML = format(tpl, {
        name: callbackData.fromName,
        message: message
    });
    $("#panel_message").append(strHTML);
    $("#panel_message")[0].scrollTop=$("#panel_message")[0].scrollHeight;
}

//将地址转化成一个对象
function GetUrlParam() {
    var url = location.search;
    var thisParam = new Object();
    // 判断是否存在请求的参数
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        // 截取所有请求的参数，以数组方式保存
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
            // 获取该参数名称，值。其中值以unescape()方法解码，有些参数会加密
            thisParam[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    console.log(thisParam);
    // 返回改参数列表对象
    return thisParam;
}

//将用户名和密码提交给底层
function onJoinClass(userName, password) {

    //加入课堂的信息
    var classInfo = {};
    if (classInfo) {
        classInfo.userName = userName;
        classInfo.password = password;
        classInfo.autoLogin=classParamInfo.m;
         client.joinClass(classInfo,classJoinSuccess);
    } else {
        console.log("error");
        return false;

    }

}

//发送聊天消息
function sendChatMsg() {
    var message = $("#txt_message").val();
    var messageInfo={
        "to":0,
        "message":message
    };
    if (!message)
        return;
    else {
        $("#txt_message").val("");

        client.sendChatMsg(messageInfo);
    }
}

function loading() {

    $(".box").css({
        "display":"none",
        "margin":"0 auto"
    });
    $(".loading-index").css("display","block");
    $(".fourParamsOut").css("display","none");
    $(".permission").css("display","none");
    $(".fourParams").css("display","none");
    $(".loginBg").css("display","none");
}

//在页面loading时,提交验证,传给底层
function urlParamsJudge(){
    //1.地址栏获取参数
     classLoadInfo=getURLParams();
    //client.init({"classId":1997848892,"portal":"112.126.80.182:80","userRole":"normal","userId":"0"},classInitSuccess,classJoinFailed);
    console.log("显示地址栏的数据");
    console.log(classLoadInfo);

    classParamInfo.classId=classLoadInfo.classId;       //(必选) 课堂号.
    classParamInfo.portal=classLoadInfo.portal;         //(必选) ip地址
    classParamInfo.userRole=classLoadInfo.userRole;    //用户的身份
    classParamInfo.userId=classLoadInfo.userId;        //第三方用户id
    classParamInfo.userType=classLoadInfo.userType;     //用户的身份  默认1
    classParamInfo.userName=classLoadInfo.userName;     //第三方用户名称
    classParamInfo.m=classLoadInfo.m;     //m

    console.log("传给底层,进行初始化的数据");
    console.log(classParamInfo);
    clientInit(classParamInfo);

}
//进行初始化
function clientInit(_classLoadInfo) {

    console.log("初始化的信息");
    console.log(_classLoadInfo)
    client.init(_classLoadInfo,classInitSuccess,classFailed);
}

//从地址栏拿到classId,userRole,portal,userId
function  getURLParams(){
    var classUrlParam=GetUrlParam();
    console.log(classUrlParam);
    var classLoadInfo = {};
    classLoadInfo.classId=parseInt(classUrlParam.classId)||0;
    classLoadInfo.userRole=classUrlParam.userRole||"0";
    classLoadInfo.portalIP=classUrlParam.portalIP||"";
    classLoadInfo.portalPort=classUrlParam.portalPort||"";
    classLoadInfo.userName=classUrlParam.userName||"";
    classLoadInfo.userType=parseInt(classUrlParam.userType)||1;
    classLoadInfo.userId=classUrlParam.userId?classUrlParam.userId:"0";
    classLoadInfo.portal=classLoadInfo.portalIP+":"+classLoadInfo.portalPort;
    classLoadInfo.m=classUrlParam.m||"";

    console.log(classLoadInfo);
    return classLoadInfo;
}

//工具类
function format(str, obj) {
    return str.replace(/\{(\w+)\}/g, function (match, group, index) {
        return obj[group];
    });
}