var theobject = null; //This gets a value as soon as a resize start
var resizeWidth = "";
var resizeHeight = "";
var resizeLeft = "";
var resizeTop = "";
var resizeId = "";
var firstLeft = "";
var firstTop = "";

function resizeObject() {
    this.el = null; //pointer to the object
    this.dir = "";      //type of current resize (n, s, e, w, ne, nw, se, sw)
    this.grabx = null;     //Some useful values
    this.graby = null;
    this.width = null;
    this.height = null;
    this.left = null;
    this.top = null;
}


//Find out what kind of resize! Return a string inlcluding the directions
function getDirection(el) {
    var xPos, yPos, offset, dir;
    dir = "";

    xPos = window.event.offsetX;
    yPos = window.event.offsetY;

    offset = 8; //The distance from the edge in pixels

    if (yPos < offset) dir += "n";
    else if (yPos > el.offsetHeight - offset) dir += "s";
    if (xPos < offset) dir += "w";
    else if (xPos > el.offsetWidth - offset) dir += "e";

    return dir;
}

function doDown() {
    var el = getReal(event.srcElement, "className", "reSize");

    if (el == null) {
        theobject = null;
        return;
    }
    resizeId = el.id;

    firstLeft = $('#' + resizeId).position().left;
    firstTop = $('#' + resizeId).position().top;

    dir = getDirection(el);
    if (dir == "") return;

    theobject = new resizeObject();

    theobject.el = el;
    theobject.dir = dir;

    theobject.grabx = window.event.clientX;
    theobject.graby = window.event.clientY;
    theobject.width = el.offsetWidth;
    theobject.height = el.offsetHeight;
    theobject.left = el.offsetLeft;
    theobject.top = el.offsetTop;

    window.event.returnValue = false;
    window.event.cancelBubble = true;


}

function doUp3() {
    if (theobject != null) {
        theobject = null;
    }

    if (resizeId != '') {
        var reSizeDiv = $('#' + resizeId);
        resizeWidth = reSizeDiv.css("width");
        resizeHeight = reSizeDiv.css("height");

        $.ajax({
            type: "GET",
            url: ext.contextPath + "/process/dataVisualContent/updateReSize.do?id=" + resizeId + "&width=" + resizeWidth + "&height=" + resizeHeight,
            async: false,
            globle: false,
            success: function (data) {
            }
        });

    }

    resizeWidth = "";
    resizeHeight = "";
    resizeLeft = "";
    resizeTop = "";
    resizeId = "";
    firstLeft = "";
    firstTop = "";
}

function doUp0() {

    if (theobject != null) {
        theobject = null;
    }
}

function doUp() {

    if (theobject != null) {
        theobject = null;
    }

    if (resizeId != '') {
        var reSizeDiv = $('#' + resizeId);
        resizeWidth = reSizeDiv.css("width");
        resizeHeight = reSizeDiv.css("height");
        resizeLeft = reSizeDiv.css("left").replace("px", "");
        resizeTop = reSizeDiv.css("top").replace("px", "");

        // if(firstLeft==resizeLeft&&firstTop==resizeTop){
        //     stopMove(resizeId,"noMove");
        // }else{
        //     stopMove(resizeId,"move");
        // }

        $.ajax({
            type: "GET",
            url: ext.contextPath + "/process/dataVisualContent/updateReSize.do?id=" + resizeId + "&width=" + resizeWidth + "&height=" + resizeHeight,
            async: false,
            globle: false,
            success: function (data) {
            }
        });

        $.ajax({
            type: "GET",
            url: ext.contextPath + "/process/dataVisualContent/updateLayout.do?id=" + resizeId + "&postx=" + resizeLeft + "&posty=" + resizeTop,
            async: false,
            globle: false,
            success: function (data) {
            }
        });
        // $('#'+resizeId).draggable({
        //     cursor:'move'
        // });
    }

    resizeWidth = "";
    resizeHeight = "";
    resizeLeft = "";
    resizeTop = "";
    resizeId = "";
    firstLeft = "";
    firstTop = "";
}

function doMove() {
    var el, xPos, yPos, str, xMin, yMin;
    xMin = 8; //The smallest width possible
    yMin = 8; //             height

    el = getReal(event.srcElement, "className", "reSize");

    if (el == null) {
        return;
    }

    if (el.className.indexOf("reSize") >= 0) {
        str = getDirection(el);
        //Fix the cursor
        if (str == "") str = "default";
        else str += "-resize";
        el.style.cursor = str;
    }

    //Dragging starts here
    if (theobject != null) {
        if (dir.indexOf("e") != -1)
            theobject.el.style.width = Math.max(xMin, theobject.width +

                window.event.clientX - theobject.grabx) + "px";

        if (dir.indexOf("s") != -1)
            theobject.el.style.height = Math.max(yMin, theobject.height +

                window.event.clientY - theobject.graby) + "px";

        if (dir.indexOf("w") != -1) {
            theobject.el.style.left = Math.min(theobject.left +

                window.event.clientX - theobject.grabx, theobject.left + theobject.width - xMin) + "px";
            theobject.el.style.width = Math.max(xMin, theobject.width -

                window.event.clientX + theobject.grabx) + "px";
        }
        if (dir.indexOf("n") != -1) {
            theobject.el.style.top = Math.min(theobject.top +

                window.event.clientY - theobject.graby, theobject.top + theobject.height - yMin) + "px";
            theobject.el.style.height = Math.max(yMin, theobject.height -

                window.event.clientY + theobject.graby) + "px";
        }

        window.event.returnValue = false;
        window.event.cancelBubble = true;
    }
}


function getReal(el, type, value) {
    temp = el;
    while ((temp != null) && (temp.tagName != "BODY")) {
        if (temp.className.indexOf("reSize") >= 0) {
            el = temp;
            return el;
        } else {
            return;
        }
        temp = temp.parentElement;
    }
    return el;
}


function doUp2(resizeId2) {
    var reSizeDiv = $('#' + resizeId2);
    // resizeWidth=reSizeDiv.css("width");
    // resizeHeight=reSizeDiv.css("height");
    resizeLeft = reSizeDiv.css("left");
    resizeTop = reSizeDiv.css("top");

    // $.ajax({
    //     type : "GET",  
    //     url : ext.contextPath+"/process/dataVisualContent/updateReSize.do?id="+resizeId+"&width="+resizeWidth+"&height="+resizeHeight,  
    //     async: false,
    //     globle:false,  
    //     success : function(data){  
    //     }  
    // });

    $.ajax({
        type: "GET",
        url: ext.contextPath + "/process/dataVisualContent/getOneJson.do?id=" + resizeId2,
        async: false,
        globle: false,
        dataType: 'json',
        success: function (data) {
            data = data[0];
            if (data.postx.indexOf('%') < 0 && data.posty.indexOf('%') < 0) {
                $.ajax({
                    type: "GET",
                    url: ext.contextPath + "/process/dataVisualContent/updateLayout.do?id=" + resizeId2 + "&postx=" + resizeLeft + "&posty=" + resizeTop,
                    async: false,
                    globle: false,
                    success: function (data) {
                    }
                });
            }

        }
    });


    resizeWidth = "";
    resizeHeight = "";
    resizeLeft = "";
    resizeTop = "";
    resizeId = "";
    firstLeft = "";
    firstTop = "";
}

var rec;
var flag = 0;
function voiceClick(voicetext,voicemethod,paths,contentId){
    paths=paths.split(",");
    let path1="";let path2="";
    if(paths.length>2){
        path1=paths[1];
        path2=paths[0];
    }else{
        path1=paths[0];
        path2=paths[0];
    }

    flag += 1;
    if (flag % 2 == 1) {
        rec = Recorder({ type: "mp3", sampleRate: 16000, bitRate: 16, numChannels: 1 });//使用默认配置，mp3格式
        //打开麦克风授权获得相关资源
        rec.open(function () {
            //开始录音
            rec.start();
        }, function (msg, isUserNotAllow) {
            //用户拒绝了权限或浏览器不支持
            alert((isUserNotAllow ? "用户拒绝了权限，" : "") + "无法录音:" + msg);
        });
        document.getElementById(contentId+"Img").src=path2;
    }

    if (flag % 2 == 0) {
        //停止录音，得到了录音文件blob二进制对象，想干嘛就干嘛
    rec.stop(function (blob, duration) {
        var api=ext.contextPath +"/data/baiDuAipSpeech/save.do";
        var reader=new FileReader();
        let to_speak = window.speechSynthesis;
        reader.onloadend=function(){
            $.ajax({
                url:api, //上传接口地址
                type:"POST",
                data:{
                    type:blob.type, //告诉后端，这个录音是什么格式的，可能前后端都固定的mp3可以不用写
                    upfile_b64:(/.+;\s*base64\s*,\s*(.+)$/i.exec(reader.result)||[])[1] //录音文件内容，后端进行base64解码成二进制
                },
                success:function(data){
                    console.log(data);
                    data = eval('(' + data + ')');
                    let result=data.result[0];
                    if(result.indexOf("请对取水一号凤凰进行巡检")>=0){
                        result="请对取水一号泵房进行巡检";
                    }
                    console.log(result);
                    if(result.indexOf(voicetext)>=0){
                        eval(voicemethod);
                    }else if(result.indexOf("请对取水一号泵房进行巡检")>=0||
                    result.indexOf("一号反冲洗泵情况")>=0||
                    result.indexOf("二号反冲洗泵情况")>=0||
                    result.indexOf("三号反冲洗泵情况")>=0||
                    result.indexOf("一号送水泵情况")>=0||
                    result.indexOf("二号送水泵情况")>=0||
                    result.indexOf("三号送水泵情况")>=0||
                    result.indexOf("四号送水泵情况")>=0||
                    result.indexOf("五号送水泵情况")>=0||
                    result.indexOf("六号送水泵情况")>=0||
                    result.indexOf("七号送水泵情况")>=0||
                    result.indexOf("八号送水泵情况")>=0){
                        $.ajax({
                            type: "GET",
                            url: ext.contextPath + "/data/baiDuAipSpeech/sendBim.do?text=" + result,
                            async: false,
                            globle: false,
                            success: function (data) {
                                console.log("in bim");
                                if(result.indexOf("请对取水一号泵房进行巡检")>=0||result.indexOf("请对取水一号凤凰进行巡检")>=0){
                                    to_speak = new SpeechSynthesisUtterance("好的，现在开始执行取水一号泵房自动巡检");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("一号反冲洗泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位一号反冲洗泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("二号反冲洗泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位二号反冲洗泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("三号反冲洗泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位三号反冲洗泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("一号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位一号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("二号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位二号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("三号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位三号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("四号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位四号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("五号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位五号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("六号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位六号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("七号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位七号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }else if(result.indexOf("八号送水泵情况")>=0){
                                    to_speak = new SpeechSynthesisUtterance("正在为您定位八号送水泵");
                                    window.speechSynthesis.speak(to_speak);
                                }
                            }
                        });
                    }else{
                        to_speak = new SpeechSynthesisUtterance("暂时没法识别你的语音呢");
                        window.speechSynthesis.speak(to_speak);
                    }
                    // console.log("上传成功",v);
                    rec.close();
                },
                error:function(s){
                    console.error("上传失败",s);
                    rec.close();
                }
            });
        };
        reader.readAsDataURL(blob);
    
        }, function (msg) {
        alert("录音失败:" + msg);
        rec.close();
        });
        flag=0;
    document.getElementById(contentId+"Img").src=path1;
    }
}

// document.onmousedown = doDown;
// document.onmouseup   = doUp;
// document.onmousemove = doMove;