// 新版乐谱详情
var jq = jQuery.noConflict();
var os = {      
    isAndroid: Boolean(navigator.userAgent.match(/Android/ig)), // 是否是Android浏览器   
    isIphone: Boolean(navigator.userAgent.match(/iphone|ipod|iOS/ig)), // 是否是苹果浏览器
    isIpad: Boolean(navigator.userAgent.match(/ipad|Mac OS/ig)), // 是否是 IPad 浏览器
    isWeixin: Boolean(navigator.userAgent.match(/MicroMessenger/ig)), // 是否是微信平台浏览器
    isAli: Boolean(navigator.userAgent.match(/AlipayClient/ig)), // 是否是支付宝平台浏览器
    isPhone: Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) // 是否是手机端
}
var isQuanping = false;
var mySwiper = document.getElementsByClassName("mySwiper")[0];
var mySwiperTwo = document.getElementsByClassName("mySwiperTwo")[0];
var yuepuImgType = "_五线谱";
var yuepuXqImgArr = yuepuArrXian;
var page = {
    init:function(){
        this.onGetYuepuList(0)
        this.onBannerTab()
        this.onKeydownFun()
        this.onAudioPlay()
        this.onGaoqingFun()
        this.onEditYuepuFun()
        this.onDownloadFun()
        this.onVideoMore()
        this.onCommentFun()
        this.onOpenVIPFun()
        this.onAdminShow()
        this.onChangeGuanggou()
        this.onAdminSelectFun()
        if(isIEBrowser()) jq("#yuepuRemindBox").show()
    },
    onGetYuepuList: function(num){  //乐谱初始化的逻辑
        var jianpuHtml = "";
        if(!yuepuXqImgArr) return;
        for(var i = 0,len = yuepuXqImgArr[num].img.length ;i < len;i++){
            jianpuHtml += '<div class="swiper-slide"><img src="'+yuepuXqImgArr[num].img[i]+'" alt="'+yuepuTitle+'" height="100%"></div>';
        }
        jq(".BannerBoxTwo,.BannerBoxThree").html(jianpuHtml);
    },
    onBannerTab: function(){  // 乐谱左右切换
        if(!mySwiper) return;
        mySwiper = new Swiper(".mySwiper", {
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev"
            },
        });
        jq(".swiper-button-left,.swiper-button-right").on("click",function(){
            onPopupVIPFun()
        })
    },
    onBannerTabTwo: function(){  // 全屏乐谱左右切换
        if(!mySwiperTwo) return;
        mySwiperTwo = new Swiper(".mySwiperTwo", {
            slidesPerView: 2,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
    },
    onKeydownFun: function(){
        var swiperType = null;
        document.addEventListener("keydown", function(event) {
            var key = event.key;  // 按下的键的对应字符
            !isQuanping ? swiperType = mySwiper : swiperType = mySwiperTwo[1];
            if(key === "ArrowLeft") swiperType.slidePrev()
            if(key === "ArrowRight") swiperType.slideNext()
            if(key === "Escape") {  isQuanping = false; layer.closeAll() }
        });
    },
    onGaoqingFun: function(){  // 客户端播放，一键简谱，高清看谱，全屏看谱
        var that = this;
        jq("#BtnKhdPlay").on("click",function(){  // 客户端播放
            var saomaHtml = jq("#BoxSaoma2").html()
            that.onLayerFun('请安装App播放本曲谱',["360px","auto"],false,false,saomaHtml,null)
        })
        jq("#BtnJianpu").on("click",function(){  // 一键简谱
            var jianpuText = jq(this).find("p").text()
            if (jianpuText == "一键简谱") {
                yuepuImgType = '简谱';
                yuepuXqImgArr = yuepuArrJian;
                jq(this).find("p").text('转五线谱')
            }else{
                yuepuImgType = '五线谱';
                yuepuXqImgArr = yuepuArrXian;
                jq(this).find("p").text('一键简谱')
            }
            that.onGetYuepuList(0)
        })
        jq("#BannerType").on("change",function(){  // 吉他谱音轨切换
            var selectedIndex = jq("#BannerType option:selected").index();
            that.onGetYuepuList(selectedIndex)
            that.onBannerTab()
        })
        jq("#BtnGaoqing").on("click",function(){  // 高清看谱
            var className = jq("#isImgPDF").text() == '1' ? 'layer-gaoqing-box-pdf' : 'layer-gaoqing-box'
            jq(".swiper-slide").css("width",'100%')
            var bannerHtml = jq(".BannerBoxTwo").html()  
            that.onLayerFun('高清看谱',["auto","100%"],false,className,bannerHtml,null)
        }) 
        jq("#BtnQuanping").on("click",function(){  // 全屏看谱
            var bannerHtml = jq("#BannerComment").html()
            var className = jq("#isImgPDF").text() == '1' ? 'layer-quanping-box-pdf' : 'layer-quanping-box'
            var imgWidth = jq(".BannerBoxTwo").find(".swiper-slide-active img").width();
            that.onLayerFun('全屏看谱',[imgWidth*2+"px","100%"],false,className,bannerHtml,function(){
                isQuanping = false;
            },function(){
                isQuanping = true;
                that.onBannerTabTwo()
            })  
        })
        jq("#BtnHeadFollow").on("click",function(){  //关注用户
            var useruid = jq(this).data("uid");
            var followText = jq(this).text();
            var followAddUrl = 'http://music.52jianpu.com/tanqin/tbuser.php?d=web&c=space&m=ajax&type=follow'
            var followDelUrl = 'http://music.52jianpu.com/tanqin/tbuser.php?d=web&c=space&m=ajax&type=delete_follow'
            if (followText == "+ 关注") {
                jq.get(followAddUrl,{ by_uid: useruid },function(res){
                    if(res == '"ok"'){
                        jq("#BtnHeadFollow").text('已关注').removeClass("layui-btn-red2").addClass("layui-btn-grey")
                        layer.msg('关注成功');
                    }
                })
            }else{
                jq.get(followDelUrl,{ by_uid: useruid },function(res){
                    if(res == '"ok"'){
                        jq("#BtnHeadFollow").text('+ 关注').removeClass("layui-btn-grey").addClass("layui-btn-red2")
                        layer.msg('取消关注');
                    }
                })
            }
        })
    },
    onEditYuepuFun: function(){  // 编辑乐谱锁定弹窗
        var oHtml = '<h3 style="padding-bottom: 10px;font-size: 16px;">因以下原因之一，本曲谱已被系统锁定，不可修改。</h3><p>原因1：本曲谱多次审核不通过。</p><p>原因2：本曲谱已绑定伴奏，可联系客服说明情况，核实后进行解绑。</p>'
        jq("#BtnEditYuepu").on("click",function(){
            page.onLayerFun('编辑乐谱',["430px","auto"],["我知道了"],"",oHtml,function(){
                layer.closeAll()
            })
        })
    },
    onDownloadFun: function(){   // 下载PDF，打印乐谱，收藏乐谱，下载APP
        var that = this;
        jq("#BtnDownloadImg").on("click",function(){  // 下载乐谱PDF
            var yuepuType = jq(this).data("type");
            onDownloadImg(yuepuType)
        })
        jq("#BtnPintImg").on("click",function(){  // 打印乐谱
            var yuepuType = jq(this).data("type");
            onPrintImg(yuepuType)
        })
        jq("#BtnCollect").on("click",function(){  // 收藏乐谱
            var collectText = jq(this).find("p").text()
            var collectAddUrl = jq("#CollectAddUrl").text()
            var collectDelUrl = jq("#CollectDelUrl").text()
            var YuepuTypeText = jq("#YuepuTypeText").text()
            if(uid == 0){
                window.location.href = '/codeindex.php?d=web&c=member&m=login';
                return false;
            }
            if(YuepuTypeText == '钢琴谱'){
                if (collectText == "收藏乐谱") {
                    jq.post(collectAddUrl,{ ypid: ypid },function(){
                        jq("#BtnCollect").html('<b class="iconfont icon-xin-on"></b><p>已收藏</p>')
                        layer.msg('收藏成功，可从“我的收藏”中找到');
                    })
                }else{
                    jq.post(collectDelUrl,{ ypid: ypid },function(){
                        jq("#BtnCollect").html('<b class="iconfont icon-xin"></b><p>收藏乐谱</p>')
                        layer.msg('取消收藏');
                    })
                }
            }else if(YuepuTypeText == '吉他谱'){
                if (collectText == "收藏乐谱") {
                    jq.get(collectAddUrl,{ yuepuid: ypid },function(){
                        jq("#BtnCollect").html('<b class="iconfont icon-xin-on"></b><p>已收藏</p>')
                        layer.msg('收藏成功，可从“我的收藏”中找到');
                    })
                }else{
                    jq.get(collectDelUrl,{ yuepuid: ypid },function(){
                        jq("#BtnCollect").html('<b class="iconfont icon-xin"></b><p>收藏乐谱</p>')
                        layer.msg('取消收藏');
                    })
                }
            }else{
                if (collectText == "收藏乐谱") {
                    jq.post(collectAddUrl,{ yuepuId: ypid,isalbum: 0 },function(){
                        jq("#BtnCollect").html('<b class="iconfont icon-xin-on"></b><p>已收藏</p>')
                        layer.msg('收藏成功，可从“我的收藏”中找到');
                    })
                }else{
                    jq.post(collectDelUrl,{ yuepuId: ypid,isalbum: 0 },function(){
                        jq("#BtnCollect").html('<b class="iconfont icon-xin"></b><p>收藏乐谱</p>')
                        layer.msg('取消收藏');
                    })
                }
            }
        })
        jq("#BtnDownloadApp").on("click",function(){  // 下载APP
            jq("#BoxSaoma2").find("p").hide()
            var saomaHtml = jq("#BoxSaoma2").html()
            that.onLayerFun('下载APP',["360px","auto"],false,false,saomaHtml,function(){
                jq("#BoxSaoma2").find("p").show()
            })
        })
    },
    onChangeGuanggou: function(){  //广告切换
        var imgRandom = Math.random() < 0.5 ? 0 : 1;
        jq("#yuepuGuanggouBox").find("a").eq(imgRandom).show();
    },
    onAudioPlay: function(){  // 乐谱播放
        var AudioTarget = null;
        var Audio = document.getElementById('myAudio');
        var channel = new BroadcastChannel('audioControl');
        if(!Audio) return;
        audiojs.events.ready(function(){
            AudioTarget = audiojs.createAll({
                css: false,
                createPlayer: {
                    markup: false,
                    playPauseClass: 'play_pause',
                    scrubberClass: 'progress-box',
                    progressClass: 'progress-ing',
                    loaderClass: 'progress-cache',
                    playedClass: 'start-time',
                    durationClass: 'end-time',
                    playingClass: 'yuepu-audio-playing',
                    loadingClass: 'yuepu-audio-loading',
                    errorClass: 'yuepu-audio-error'
                }
            });
        });
        Audio.onplay = function () {
            channel.postMessage({action: 'pause'});
        }
        channel.onmessage = function(event) {
            const action = event.data.action;
            if (action === 'pause') AudioTarget[0].pause();
        };
    },
    onVideoMore: function(){  // 查看更多视频
        var videoMore = true;
        if(jq("#BoxVideoMore li").length > 5){
            jq("#BtnVideoMore").show()
            jq("#BoxVideoMore").css({ "height":"180px" })
        }
        jq("#BtnVideoMore").click(function(){
            if(videoMore){
                jq(this).text("收起")
                jq("#BoxVideoMore").css({ "height":"auto" })
            }else{
                jq(this).text("查看更多")
                jq("#BoxVideoMore").css({ "height":"180px" })
            }
            videoMore = !videoMore;
        })
    },
    onCommentFun: function(){  // 评论区域逻辑
        jq("#BoxCommentList").find(".text-content").emoji();  //初始化加载表情
        jq("#BtnCommentChange").on("click",function(){  //切换评论显示隐藏
            jq(this).next().slideToggle();
        })
        jq("#BoxCommentChange").on("click","li",function(){  //切换评论选择
            var comment_name = jq(this).text()
            var comment_uid = jq(this).data("uid");
            jq("#BoxCommentUser").show()
            jq("#BoxCommentChange").slideUp()
            jq("#BoxCommentUser").find("span").text(comment_name)
            jq("#comment_username").attr("value",comment_name)
            jq("#comment_uid").attr("value",comment_uid)
        })
        jq("#BoxCommentUser").find("b").on("click",function(){ //切换评论关闭
            jq("#BoxCommentUser").hide()
            jq("#comment_username,#comment_uid").attr("value",'')
        })
        jq("#BtnCommentEmoji,#BtnCommentClose").on("click",function(e){  // 表情显示与隐藏 
            var oLiNum = jq("#BoxCommentEmoji li").length;
            if(!oLiNum) emojiCommentInt()
            var button = document.getElementById('BtnCommentEmoji');
            var rect = button.getBoundingClientRect();
            var distanceFromTop = rect.top-70;
            var windowHeight = window.innerHeight;
            var distanceFromBottom = windowHeight - (rect.top + rect.height);
            if(distanceFromTop > distanceFromBottom){
                jq(".yuepu-emojis-main").css({ "bottom": "150px","top": "auto" });
                jq("#BoxCommentEmoji").slideToggle()
            } else {
                jq(".yuepu-emojis-main").css({ "bottom": "auto", "top": "30px" });
                jq("#BoxCommentEmoji").slideToggle()
            }
        })
        jq("#BoxCommentEmoji ul").on("click","li",function(){  //表情选择
            var emojiText = jq(this).attr("title");
            addCommentTextarea(document.getElementById('BoxCommentText'),emojiText);
        })
        jq("#BtnCommentSubmit").on("click",function(){  // 发表评论
            addCommentInfo()
        })
        jq("#BoxCommentList").on("click", ".BtnCommentLike", function(){  //点赞数量修改
            var that = jq(this);
            var commentId = jq(this).data("id");
            var commentNum = jq(this).find("span").text();
            var commentLikeUrl = jq("#CommentLikeUrl").text();
            layer.open({
                title: '点赞数量修改',
                area: ['300px','auto'],
                btn: ['确认修改','取消修改'],
                content: '<div class="layer-text-main"><input type="number" value="'+ commentNum +'" id="BoxComLike"/></div>',
                yes:function(){
                    var commentValue = jq(document).find("#BoxComLike").val();
                    jq.post(commentLikeUrl, { tid: ypid, commentid: commentId, likes: commentValue },function(data){
                    	if(data == 1){
                    		that.find("span").text(commentValue)
                            layer.closeAll();
                    	};
                    });
                },btn2:function(){
                    layer.closeAll()
                }
            });
        })
        jq("#BoxCommentList").on("click", ".BtnCommentDelete", function() {  // 删除评论
            var that = jq(this);
            var commentId = jq(this).data("id");
            var commentDelUrl = jq("#CommentDelUrl").text();
            layer.open({
                title: '删除确认',
                area: ['300px','auto'],
                btn: ['确认删除','取消删除'],
                content: '<div class="layer-text-main">真的要删除这个评论嘛？</div>',
                yes:function(){
                    jq.get(commentDelUrl,{ id: commentId,tid: ypid },function(res){
                        var resInfo = JSON.parse(res)
                        layer.msg(resInfo.data.message);
                        if(resInfo.data.code == 1000){
                            that.parents("li").remove()
                        }
                    })
                },btn2:function(){
                    layer.closeAll()
                }
            });
        })
        jq("#BoxCommentList").on("click", ".BtnCommentReply", function() { // 回复评论
            var commentId = jq(this).data("id");
            var commentUId = jq(this).data("uid");
            var commentName = jq(this).data("username");
            var commentText = jq("#BoxCommentText").val();
            jq("#BoxCommentText").attr("placeholder","回复:"+commentName)
            jq("#reply_uid").attr("value",commentUId);
            jq("#reply_username").attr("value",commentName);
            jq("#reply_comment_id").attr("value",commentId);
            if(commentText) addCommentInfo()
        })
    },
    onOpenVIPFun: function(){  //打开VIP弹窗
        jq(".BtnOpenVIP").on("click",function(){
            onPopupVIPFun()
        })
    },
    onAdminShow: function(){  //管理员编辑显示隐藏
        var isAdminShow = false;
        jq("#BtnAdminBianji").on("click",function(){
            isAdminShow ? jq(this).text('编辑') : jq(this).text('收起')
            jq("#BoxAdminBianji").slideToggle()
            isAdminShow = !isAdminShow;
        }) 
    },
    onLayerFun: function(title,area,btnInfo,skin,content,cancelFun,successFun){  // layer弹窗函数
        layer.open({
            title: title,
            area: area,
            btn: btnInfo,
            skin: skin,
            scrollbar: false,
            content: content,
            cancel: cancelFun,
            success: successFun,
        });
        if(skin){
            var oHeight = jq(".layui-layer-content").height() + 43
            jq(".layui-layer-content").css("height",oHeight)
        }
    },
    onAdminSelectFun: function(){   // 管理员标签选择函数
        let isAdminSelectShow = JSON.parse(window.localStorage.getItem("isAdminSelectShow") || false);
        if(isAdminSelectShow) getPeriodData();
        jq("#BtnAdminToggle").on("click",function(){
            getPeriodData();
            isAdminSelectShow = !isAdminSelectShow;
            window.localStorage.setItem("isAdminSelectShow",isAdminSelectShow);
        }) 
        function getTargetLevel(twoLevel) {  //映射难度
            const levelMap = {
                '初学': '简单',
                '较易': '简单',
                '中等': '中等',
                '较难': '高难',
                '高难': '高难'
            };
            return levelMap[twoLevel] || '未知'; // 默认返回 '未知'
        }
        function getPeriodData() {  // 获取标签数据
            if(jq("#BoxAdminSelect").find("li").eq(0).html() == "") {
                jq.get("http://music.52jianpu.com/tanqin/codeindex.php?d=api&c=aiMusicScore&m=getTagOptions",function(result){
                    const resultData = JSON.parse(result);
                    if(resultData.data.code == 1000) {
                        const { level, aiStyle } = resultData.data.result;
                        const twoLevel = jq("#BoxAdminSelect").find("li").eq(0).data("level");
                        const levelSpans = generateSpans(level, "level", "levelTitle",0);
                        const aiStyleSpans = generateSpans(aiStyle, "aiStyle", "aiStyleTitle",1);
                        
                        jq("#BoxAdminSelect").find("li").eq(0).append(levelSpans);
                        jq("#BoxAdminSelect").find("li").eq(1).append(aiStyleSpans);
                        function generateSpans(data, valueKey, titleKey,indexKey) {
                            const targetLevel = getTargetLevel(twoLevel);
                            const spans = data.map(item => {
                                const className = targetLevel == item[titleKey] ? "link-active" : "";
                                return `<span data-value="${item[valueKey]}" data-item="${indexKey}" class="${className}">${item[titleKey]}</span>`;
                            }).join("");
                            const title = {  level: "难度", aiStyle: "AI风格" }
                            return `<h3 data-value="${valueKey}">${title[valueKey]}</h3>${spans}`;
                        }
                        setSelectTage();
                        jq("#BtnAdminToggle").text('收起');
                        jq("#BoxAdminSelect").slideToggle();
                    }
                })
            } else {
                jq("#BtnAdminToggle").text('展开');
                jq("#BoxAdminSelect").slideToggle();
            }
        }
        function setSelectTage() {  // 设置标签
            jq.post("http://music.52jianpu.com/tanqin/codeindex.php?d=api&c=aiMusicScore&m=getYuepuTag",{ yuepuId: ypid },function(result){
                const resultData = JSON.parse(result);
                if(resultData.data.code == 1000) {
                    if(resultData.data.result.length > 0) {
                        resultData.data.result.forEach(item => {
                            jq("#BoxAdminSelect").find("span").each((spanIndex,spanTarget) => {
                                if(item.level == spanTarget.dataset.value) {
                                    jq("#BoxAdminSelect").find("li").eq(0).find("span").removeClass("link-active");
                                    spanTarget.classList.add("link-active");
                                } else if(item.aiStyle == spanTarget.dataset.value){
                                    spanTarget.classList.add("link-active");
                                }
                            });
                        });
                    }
                } else {
                    layer.msg(resultData.data.message)
                }
            })
        }
        jq("#BoxAdminSelect").on("click","span",function(){
            const itemIndex = jq(this).data("item");
            const parentLi = jq(this).closest('li');
            if (itemIndex < 1) { // 单选逻辑：前两个 li 是单选
                parentLi.find('span').removeClass('link-active'); // 清除同级所有 span 的选中状态
                jq(this).addClass('link-active'); // 设置当前 span 为选中状态
            } else { // 多选逻辑：后面的 li 是多选
                jq(this).toggleClass('link-active'); // 切换当前 span 的选中状态
            }
        })
        jq("#BtnAdminConfirm").on("click",function(){
            const selections = [];
            const levelArray = [], aiStyleArray = [];
            const linkActiveList = jq("#BoxAdminSelect").find('.link-active');
            linkActiveList.each(function (index,target) {
                const itemIndex = jq(target).data("item");
                if(itemIndex == 0) {
                    levelArray.push(target);
                } else if(itemIndex == 1) {
                    aiStyleArray.push(target);
                }
            });
            if(levelArray.length > 0 && aiStyleArray.length > 0) {
                aiStyleArray.forEach((aiStyleList) => {
                    selections.push({
                        "period": '',
                        "level": levelArray[0].getAttribute("data-value"),
                        "emotion": '',
                        "aiStyle": aiStyleList.getAttribute("data-value")
                    })
                })
                jq.post("http://music.52jianpu.com/tanqin/codeindex.php?d=api&c=aiMusicScore&m=upTagOptions",{
                    yuepuId: ypid,
                    optionsJson: JSON.stringify(selections)
                },function(result){
                    const resultData = JSON.parse(result);
                    layer.msg(resultData.data.message)
                    if(resultData.data.code == 1000) {}
                })
            } else {
                layer.msg("请选择标签")
            }
        })
        jq("#BtnAdminClear").click(function(){
            jq.post("http://music.52jianpu.com/tanqin/codeindex.php?d=api&c=aiMusicScore&m=delYuepuTag",{ yuepuId: ypid },function(result){
                const resultData = JSON.parse(result);
                layer.msg(resultData.data.message)
                if(resultData.data.code == 1000) {
                    jq("#BoxAdminSelect") .find("li").eq(1).find("span").removeClass("link-active");
                }
            })
        })
    }
}
jq(function(){
    page.init()
    onCommentPage(1)
})
// 初始化动态加载表情
const emojiJson = [
    {"text":"[嘿嘿]","value":"😀"},{"text":"[嘻嘻]","value":"😁"},{"text":"[哈哈]","value":"😃"},{"text":"[大笑]","value":"😄"},{"text":"[笑哭了]","value":"😂"},
    {"text":"[吐舌]","value":"😛"},{"text":"[牛逼]","value":"😏"},{"text":"[得意]","value":"😏"},{"text":"[好吃]","value":"😋"},{"text":"[亲亲]","value":"😗"},
    {"text":"[飞吻]","value":"😘"},{"text":"[花痴]","value":"😍"},{"text":"[羞涩亲亲]","value":"😚"},{"text":"[无语]","value":"😑"},{"text":"[不高兴]","value":"😒"},
    {"text":"[龇牙咧嘴]","value":"😬"},{"text":"[发怒]","value":"😡"},{"text":"[沉思]","value":"😔"},{"text":"[松了口气]","value":"😌"},{"text":"[感冒]","value":"😷"},
    {"text":"[汗]","value":"😓"},{"text":"[困惑]","value":"😖"},{"text":"[失望]","value":"😞"},{"text":"[担心]","value":"😟"},{"text":"[震惊]","value":"😲"},
    {"text":"[哭]","value":"😢"},{"text":"[恶魔微笑]","value":"😈"},{"text":"[害怕]","value":"😨"},{"text":"[冷汗]","value":"😰"},{"text":"[吓死了]","value":"😱"},
    {"text":"[脸红]","value":"😳"},{"text":"[犯困]","value":"😪"},{"text":"[睡着了]","value":"😴"},{"text":"[狗屎]","value":"💩"},{"text":"[幽灵]","value":"👻"},
    {"text":"[牵手]","value":"👫"},{"text":"[跳舞]","value":"👯"},{"text":"[示爱]","value":"💑"},{"text":"[爱意]","value":"💏"},{"text":"[猪头]","value":"🐷"},
    {"text":"[点赞]","value":"👍"},{"text":"[很差]","value":"👎"},{"text":"[加油]","value":"✊"},{"text":"[双手合十]","value":"🙏"},{"text":"[秀肌肉]","value":"💪"},
    {"text":"[爱你]","value":"💋"},{"text":"[爱心]","value":"💗"},{"text":"[心碎]","value":"💔"},{"text":"[OK]","value":"👌"},{"text":"[鼓掌]","value":"👏"},
    {"text":"[玫瑰]","value":"🌹"},{"text":"[咖啡]","value":"☕"},{"text":"[啤酒]","value":"🍺"},{"text":"[礼物]","value":"🎁"},{"text":"[蛋糕]","value":"🎂"},
    {"text":"[麦克风]","value":"🎤"},{"text":"[音符]","value":"🎵"},{"text":"[小提琴]","value":"🎻"},{"text":"[钢琴]","value":"🎹"},{"text":"[吉他]","value":"🎸"},
]
// 初始化动态加载表情
function emojiCommentInt(){
    var emojiHtml = "";
    for(var i = 0; i < emojiJson.length; i ++){
        emojiHtml += '<li title="'+emojiJson[i].text+'"></li>'
    }
    jq("#BoxCommentEmoji").find(".emojis-content").html(emojiHtml)
}
// 发表评论表情转换成表情符号
function emojiCommentFun(comment){
    for(var i = 0; i< emojiJson.length;i++){
        var escapedText = emojiJson[i].text.replace(/[[\]]/g, "\\$&"); // 使用正则表达式进行转义
        comment = comment.replace(new RegExp(escapedText, 'g'), emojiJson[i].value);			
    };
    return comment;
}
// 检测是否可以评论
function checkCommentFun(){
    jq.get("http://music.52jianpu.com/tanqin/codeindex.php?d=member&c=checkPostRole&m=index", function(res){
        if(res == 0){
            layer.msg('更换过头像、收藏过曲谱才可以发表评论')
        }else{
            return true;
        }
    });	
}
// 添加评论跟回复评论
function addCommentInfo(){
    var commenntAddUrl = jq("#CommentAddUrl").text();

    var reply_uid = jq('#reply_uid').attr("value");
    var reply_username = jq('#reply_username').attr("value");
    var reply_comment_id = jq('#reply_comment_id').attr("value");
    var comment_username = jq("#comment_username").attr("value");
    var comment_uid = jq("#comment_uid").attr("value");

    var commentText = jq("#BoxCommentText").val();
    var replacedText = emojiCommentFun(commentText);
    if(commentText) { 
        jq.post(commenntAddUrl, { 
            tid: ypid,
            message: replacedText,
            yuepu_uid: yuepu_uid,
            reply_uid: reply_uid,
            reply_username: reply_username,
            reply_comment_id: reply_comment_id,
            comment_username: comment_username,
            comment_uid: comment_uid
        },function(res){
            var resInfo = JSON.parse(res)
            if(resInfo.data.code == 1000){
                layer.msg(resInfo.data.message);
                onGetPageInfo(1)
                jq("#BoxCommentText").val('');
                jq("#BoxCommentEmoji").slideUp();
            }else if(resInfo.data.code == 1002){
                layer.open({
                    title: '提示信息',
                    content: resInfo.data.message,
                    btn:['前去验证','取消'],
                    yes:function(){
                        window.location.href = resInfo.data.result.jumpUrl;
                    }
                }); 
            } else if(resInfo.data.code == 1024){
                layer.confirm(resInfo.data.message, {
                    title: '温馨提示',
                    skin: 'layer-post-popup',
                    area: ['400px'],
                    btn: ['知道了'] 
                }, function(){
                    layer.closeAll();
                });
            } else {
                layer.msg(resInfo.data.message);
            }
        })
    }else{
        layer.msg('评论不能为空')
    }
}
// 评论分页加载
function onCommentPage(currpage){
    if(page_count<=0)return;
    if(page_count<9){
        beginpage=1;
        endpage=page_count;
    }else{
        if(currpage<=9&&currpage>0){
            beginpage=1;
            endpage=9;
        }
        if(currpage<=page_count&&currpage>=(page_count-8)){
            beginpage=page_count-8;
            endpage=page_count;
        }
        //其他情况
        if(currpage>9&&currpage<(page_count-8)){
            if(currpage>=(endpage+1)){
                beginpage+=9;
                endpage+=9;
            }
            if(currpage<=(beginpage-1)){
                beginpage-=9;
                endpage-=9;
            }
        }
    }
    var page_html=[];
    if(currpage>1){
        var ccur = parseInt(currpage)-1
        page_html.push("<a href=\"javascript:onGetPageInfo(",ccur,")\"><</a>");
    }
    for(i=beginpage;i<=endpage;i++){
        if(i==currpage){
            page_html.push("<a class='link-active'>",i,"</a>");
        }else{
            page_html.push("<a href=\"javascript:onGetPageInfo(",i,")\">",i,"</a>");
        }
    }
    if((page_count-currpage)>0){
        var cur = parseInt(currpage)+1;
        if((page_count-currpage)<=4){
            page_html.push("<a href=\"javascript:onGetPageInfo(",cur,")\">></a>");
        }else{
            page_html.push("<a href=\"javascript:onGetPageInfo(",page_count,")\">..",page_count,"</a>");
            page_html.push("<a href=\"javascript:onGetPageInfo(",cur,")\">></a>");
        }
    }
    document.getElementById("BoxCommentPage").innerHTML=page_html.join("");
}
// 获取分页数据
function onGetPageInfo(page){
    var url = jq("#CommentPageUrl").text()
    jq.get(url,{ ypid: ypid, page: page },function(res){
        var resInfo = eval("("+res+")");
            onCommentPage(page);
            addCommentList(resInfo);
            jq('#BoxCommentList').find(".text-content").emoji();
    });
}
/* 乐谱评论添加列表 */
function addCommentList(resInfo){
    var commentHtml = '';
    for(var i = 0;i < resInfo.page_comments.length; i ++){
        commentHtml += '<li><div class="box-main">'
        commentHtml += '<div class="box-img"><a class="box-link" href="user-thread-0-'+resInfo.page_comments[i].uid+'-1-0.html" target="_blank">'
        commentHtml += '<img src="'+resInfo.page_comments[i].user_avatar+'" alt="'+resInfo.page_comments[i].username+'"></a></div>'
        commentHtml += '<div class="box-info"><p class="text-name"><span class="text-name2">'+resInfo.page_comments[i].username+'</span>'
        if(resInfo.page_comments[i].vip == 1){
            commentHtml += '<span class="layui-btn-vip">VIP</span>'
        }
        if(resInfo.page_comments[i].reply_uid > 0){
            commentHtml += '<span class="layui-box-left10">回复</span><a class="layui-text-green2 layui-box-left10" href="user-thread-0-'+resInfo.page_comments[i].reply_uid+'-1-0.html" target="_blank">'+resInfo.page_comments[i].reply_username+'</a></p>'
        }
        commentHtml += '<p class="text-content">'+resInfo.page_comments[i].message+'</p><div class="layui-box-flex-between"><div class="text-info"><p>'+resInfo.page_comments[i].custom_id+'楼</p><p>'+resInfo.page_comments[i].datetime+'</p></div><div class="text-info">'
        if(adminid > 0){
            commentHtml += '<p class="text-cursor BtnCommentLike" data-id="'+ resInfo.page_comments[i].id +'" data-num="'+ resInfo.page_comments[i].likes +'"><b class="iconfont icon-dianzan"></b>点赞修改（<span>'+ resInfo.page_comments[i].likes + '</span>个）</p>'
        }
        if(resInfo.page_comments[i].uid == uid || adminid > 0 || resInfo.page_comments[i].tuid == uid){  
            commentHtml += '<p class="text-cursor BtnCommentDelete" data-id="'+ resInfo.page_comments[i].id +'"><b class="iconfont icon-shanchu"></b>删除</p>'
        }
        commentHtml += '<p class="text-cursor BtnCommentReply" data-id="'+ resInfo.page_comments[i].id +'" data-uid="'+ resInfo.page_comments[i].uid +'" data-username="'+ resInfo.page_comments[i].username +'"><b class="iconfont icon-pinglun"></b>回复</p>'
        commentHtml += '</div></div></div></div></div></li>'
    }
    jq("#BoxCommentList").find("ul").html(commentHtml);
}
//发表评论光标焦点处插入文本		
function addCommentTextarea(myField, myValue){
    //IE support
    if (document.selection){
        myField.focus();
    }else if (myField.selectionStart || myField.selectionStart == '0'){
        var startPos = myField.selectionStart;
        var endPos = myField.selectionEnd;
        // save scrollTop before insert www.keleyi.com
        var restoreTop = myField.scrollTop;
        myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
        if (restoreTop > 0) {
            myField.scrollTop = restoreTop;
        };
        myField.focus();
        myField.selectionStart = startPos + myValue.length;
        myField.selectionEnd = startPos + myValue.length;
    } else {
        myField.value += myValue;
        myField.focus();
    };
}
//管理员乐谱快捷编辑
function editYuepuInfo(ypid, what, value){
    var YuepuTypeText = jq("#YuepuTypeText").text()
    if(YuepuTypeText == '钢琴谱'){
        var editUrl = jq("#AdminEditUrl").text() + what;
        jq.post(editUrl, { ypid: ypid, value: value },function(data){
            if(data != 1){
                layer.msg(data);
                window.location.reload();
            };
        });
    }else{
        var editUrl = jq("#AdminEditUrl").text();
        jq.post(editUrl, { yuepuId: ypid, action: what, value: value },function(data){
            if(data == 1){
                layer.msg("修改成功");
                window.location.reload();
            };
        });
    }
}	
/* 乐谱详情乐谱打印 */
function onPrintImg(yuepuType){
	var yuepuCount = 0;
	var yuepuImgArr = new Array();
    var yuepuImgNum = yuepuXqImgArr[0].img.length;
	jq.get("http://music.52jianpu.com/tanqin/codeindex.php?d=api&c=userAction&m=checkUserDapPower&aType=2&token=5db4a61f2e4b50c897fffd7b6b68cff1", { yuepuType: yuepuType },function(result){
		var result = JSON.parse(result)
		if(result.data.code == '1000'){
			for (let i = 0; i < yuepuImgNum; i++) {
				urlToImageData(yuepuXqImgArr[0].img[i],i,yuepuType,function (imageData,index) {
					yuepuCount++;
					yuepuImgArr.push({'index':index,'data':imageData})
					if (yuepuCount === yuepuImgNum) {
						var yuepuImgArr2 = new Array();
						yuepuImgArr.sort(function(a,b){
							return a.index - b.index
						})
						for(var j=0;j<yuepuImgArr.length;j++){
							yuepuImgArr2.push(yuepuImgArr[j].data)
						}
						printJS({
							printable: yuepuImgArr2,
							type: 'image',
							documentTitle: yuepuTitle
						})
					}
				});
			}
		}else if(result.data.code == '1001' || result.data.code == '1002'){
            onPopupVIPFun()
        }else{
			layer.msg(result.data.message);
		}
	})
}
/* 乐谱详情乐谱下载为PDF格式 */
function onDownloadImg(yuepuType){
	window.jsPDF = window.jspdf.jsPDF;
	var doc = new jsPDF();
    var yuepuCount = 0;
	var imageDataArr = new Array()
    var yuepuImgNum = yuepuXqImgArr[0].img.length;
	jq.get("http://music.52jianpu.com/tanqin/codeindex.php?d=api&c=userAction&m=checkUserDapPower&aType=1&token=5db4a61f2e4b50c897fffd7b6b68cff1", { yuepuType: yuepuType },function(result){
		var result = JSON.parse(result)
		if(result.data.code == '1000'){
			layer.msg('下载中，请稍候...', { time: 0 });
			for (let i = 0; i < yuepuImgNum; i++) {
				urlToImageData(yuepuXqImgArr[0].img[i],i,yuepuType,function (imageData,index) {
					yuepuCount++;
					imageDataArr.push({'index':index,'data':imageData})
					if (yuepuCount === yuepuImgNum) {
						imageDataArr.sort(function(a,b){
							return a.index - b.index
						})
						for(var j=0;j<imageDataArr.length;j++){
							var element = imageDataArr[j];
							doc.addImage(element.data,'JPEG', 0, 0, 210, 297)
							if(j<yuepuCount-1) doc.addPage()
						}
						layer.closeAll()
						doc.save(yuepuTitle+'.pdf')
					}
				});
			}
		}else if(result.data.code == '1001' || result.data.code == '1002'){
            onPopupVIPFun()
        }else{
			layer.msg(result.data.message);
		}
	})
}
// canvas异步处理转base64
function urlToImageData(url,index,yuepuType,callback) {
	const img = new Image();
	const bgColor = [[255, 250, 233],[255, 250, 234]];
	img.crossOrigin = 'Anonymous';
	img.onload = function () {
		let canvas = document.createElement('canvas');
			canvas.width = this.naturalWidth;
			canvas.height = this.naturalHeight;
		let ctx = canvas.getContext('2d');
			ctx.fillStyle='#fff'
			ctx.fillRect(0,0,canvas.width,canvas.height);
			ctx.drawImage(this, 0, 0);
			// Add watermark text
			ctx.font = '28px Arial';
			ctx.fillStyle = '#000000';
			ctx.textAlign = 'center';
		let x = canvas.width / 2;
		let y = canvas.height - 60
		if(yuepuType == 2 || yuepuType == 3){
			y = canvas.height - 10;
		}
		ctx.fillText(uid+yuepuImgType, x, y);
		// 获取Canvas中像素数据
		const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
		const data = imageData.data;
		// 遍历每个像素，将背景色替换为透明
		for (let i = 0; i < data.length; i += 4) {
			const r = data[i];
			const g = data[i + 1];
			const b = data[i + 2];
			for(var j = 0; j < bgColor.length; j++){
				if (r === bgColor[j][0] && g === bgColor[j][1] && b === bgColor[j][2]) {
					// data[i + 3] = 0;
					data[i] = 255;
					data[i + 1] = 255;
					data[i + 2] = 255;
				}
			}
		}
		// 将修改后的像素数据重新放回Canvas中
		ctx.putImageData(imageData, 0, 0);
		const base64URL = canvas.toDataURL('image/jpeg',1);
		canvas = null;
		callback(base64URL,index);
	};
	// Add "@2x" to image URL
	if(yuepuType == 2 || yuepuType == 3){
		img.src = url;
	}else{
		img.src = url.replace(/(\.[^.]+)$/, '.@2x$1');
	}
}
// VIP弹窗
function onPopupVIPFun(){
    const vipConfig = {
        "1": { btnText: "升级至钢琴VIP", imgUrl: "http://music.52jianpu.com/tanqin/lib/oss/static/231031/svipcenter2025/music_pianoVip_pc_popup.jpg", text: "升级 钢琴VIP，海量钢琴谱全部解锁，一键高清下载、打印。" },
        "2": { btnText: "升级至吉他VIP", imgUrl: "http://music.52jianpu.com/tanqin/lib/oss/static/231031/svipcenter2025/music_guitarVip_pc_popup.jpg", text: "升级 吉他VIP，海量吉他谱全部解锁，一键高清下载、打印。"},
        "7": { btnText: "升级至吉他VIP", imgUrl: "http://music.52jianpu.com/tanqin/lib/oss/static/231031/svipcenter2025/music_guitarVip_pc_popup.jpg", text: "升级 吉他VIP，海量吉他谱全部解锁，一键高清下载、打印。"},
        "3": { btnText: "升级至尤克里里VIP", imgUrl: "http://music.52jianpu.com/tanqin/lib/oss/static/231031/svipcenter2025/music_guitarVip_pc_popup.jpg",  text: "升级 尤克里里VIP，海量尤克里里谱全部解锁，一键高清下载、打印。"},
        "4": { btnText: "升级至电子琴VIP", imgUrl: "http://music.52jianpu.com/tanqin/lib/oss/static/231031/svipcenter2025/music_keyboardVip_pc_popup.jpg",  text: "升级 电子琴VIP，海量电子琴谱全部解锁，一键高清下载、打印。"},
        "6": { btnText: "升级至小提琴VIP", imgUrl: "http://music.52jianpu.com/tanqin/lib/oss/static/231031/svipcenter2025/music_violinVip_pc_popup.jpg",  text: "升级 小提琴VIP，海量小提琴谱全部解锁，一键高清下载、打印。"},
    }
    const yueqiNum = getCookie('instrumentType') || "1";
    layer.open({
        title: 'VIP弹窗',
        area: ['430px','auto'],
        btn: [vipConfig[yueqiNum].btnText],
        skin: 'layer-yuepu-box',
        scrollbar: false,
        content: '<img src="'+vipConfig[yueqiNum].imgUrl+'" alt="VIP升级"><p>'+vipConfig[yueqiNum].text+'</p>',
        yes: function () {
            window.open('/codeindex.php?d=web&c=vip2025&m=upgradeChannel')
            layer.open({
                title: '支付结果',
                area: ['430px','auto'],
                btn: ['已支付完成','支付遇到问题'],
                scrollbar: false,
                content: '<div class="layer-text-main">支付完成前请不要关闭窗口哦！</div>',
                yes:function(){
                    window.location.reload() 
                },btn2:function(){
                    page.onLayerFun('支付遇到问题',["430px","auto"],false,false,'<div class="layer-text-main">遇到问题无法完成购买？ 请联系我们的客服：<br/>客服QQ：400-0185077</div>',null)
                }
            });
        }
    });
}
// 检测是否为 IE 浏览器
function isIEBrowser() {
    var ua = window.navigator.userAgent;
    var isIE = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
    return isIE;
}
// 获取cookie
function getCookie(name) {
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg)) return unescape(arr[2]);
    else return null
}