/*
	 * 钢琴乐谱页和钢琴专辑页里
	 * 评论
	 * 收藏
	 * 推荐
	 * ...
	 */
	// emoji显示
	jq('#thelist').find(".msg_1125").emoji();
	var flag = false;
	var yuepuArr = arr_img;
	var yuepuImgType = '_五线谱';
	function page_html(currpage,url,url_del){
		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:get_discuss(",ccur,",'",url,"','",url_del,"')\"><</a>");
		}
		for(i=beginpage;i<=endpage;i++){
			if(i==currpage){
				page_html.push("<a class='cur'>",i,"</a>");
			}else{
				page_html.push("<a href=\"javascript:get_discuss(",i,",'",url,"','",url_del,"')\">",i,"</a>");
			}
		}
		if((page_count-currpage)>0){
			var cur = parseInt(currpage)+1;
			if((page_count-currpage)<=4){
				page_html.push("<a href=\"javascript:get_discuss(",cur,",'",url,"','",url_del,"')\">></a>");
			}else{
				page_html.push("<a href=\"javascript:get_discuss(",page_count,",'",url,"','",url_del,"')\">..",page_count,"</a>");
				page_html.push("<a href=\"javascript:get_discuss(",cur,",'",url,"','",url_del,"')\">></a>");
			}
		}
		document.getElementById("page_html").innerHTML=page_html.join("");
	}
	//推荐/取消推荐
	function recommend(id,url){
		var recommend = jq('#'+id).html();
		if(recommend == '推荐'){
			var status_id = 2;				
		}else if(recommend == '取消推荐'){
			var status_id = 1;
		}
		jq.ajax({
	        type: 'POST',
	        url:url,
	        data: 'ypid='+ypid+'&status_id='+status_id,
	        success: function(msg){
	        	if(msg == 1){
	        		jq('#'+id).html('推荐');
	        	}else if(msg == 2){
	        		jq('#'+id).html('取消推荐');
	        	}else{
	        		layer.msg('失败');
	        	}
	        },
	        error: function(e){
	            layer.msg(e);
	        }
	    });
	}
	function inputxz(url_insert,url_get,url_del){
		var a = jq('#cont').attr("value");			
	    if(a.length<=0){
	        layer.msg("不能输入为空");
	        return false;
	    }else{
	        insert_comment(url_insert,url_get,url_del);
	        jq("#cont").val("");
	    }
	}
	//添加评论
	function insert_comment(url_insert,url_get,url_del){
	    var message = jq('#cont').attr("value");
	    	message = replace_em(message);
	    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");
	    if(ltrim(message) == "" || message == null){
			layer.msg("评论内容不能为空哦，写点东西吧。");
			return;
		}
		jq.ajax({
			type: 'POST',
			url: url_insert,
			data: 'tid='+ypid+'&message='+encodeURIComponent(message)+'&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,
			success: function(res){
				var resInfo = JSON.parse(res)
				if(resInfo.data.code == 1000){
					get_discuss(1,url_get,url_del);
					var new_num = parseInt(jq('#comments_count_num').html()) + 1;
					jq('#comments_count_num').html(new_num);
					layer.msg(resInfo.data.message);
				}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);
                }
			},
			error: function(e){
				layer.msg(e);
			}
		});
	}
	function get_discuss(page,url_get,url_del){
		jq.get(url_get,
			{
	    		'type' : 'comments', 
	    		'ypid' : ypid,
	    		'page' : page
	    	},
	    	function(data){
	            var msgdata = eval("("+data+")");
	            plcont(msgdata,url_del);
	            page_html(page,url_get,url_del);
				jq('#thelist').emoji();
		});
	}
	var list_num = 0
	function plcont(msgdata,url_del){
	    var add = [];
	    el = document.getElementById('thelist');
	    for(var i=0;i<msgdata.page_comments.length;i++){
	    	var html_msg = '';
	    	html_msg += '<li id="comId_'+msgdata.page_comments[i].id+'">';
	    	html_msg += '<div class="img">';
	    	html_msg += '<a href="user-thread-0-'+msgdata.page_comments[i].uid+'-1-0.html" target="_blank">';
	    	html_msg += '<img src="'+msgdata.page_comments[i].user_avatar+'" width="50" height="50"/>';	    	
			if(msgdata.page_comments[i].authentication == 1){
				html_msg += '<div class="v">';
				html_msg += '<img src="'+msgdata.page_comments[i].authenticImage+'" width="24"/>';
				html_msg += '</div>';
				html_msg += '</a>';
				html_msg += '</div>';
				html_msg += '<div class="text">';
				html_msg += '<div class="context" id="context_'+i+'">';
				html_msg += '<a href="user-thread-0-'+msgdata.page_comments[i].uid+'-1-0.html" target="_blank" class="href v" style="font-size: 16px;">'+msgdata.page_comments[i].username+'</a>';
				if(msgdata.page_comments[i].vip == 1){
		    		html_msg += '<img src="http://music.52jianpu.com/tanqin/static/tan8/style/img/bigNewVIP.png" width="28" height="16" class="comm-vip">';
				}
			}else{
				html_msg += '</a>';
				html_msg += '</div>';
				html_msg += '<div class="text">';
				html_msg += '<div class="context" id="context_'+i+'">';
	    		html_msg += '<a href="user-thread-0-'+msgdata.page_comments[i].uid+'-1-0.html" target="_blank" class="href" style="font-size: 16px;">'+msgdata.page_comments[i].username+'</a>';
	    		if(msgdata.page_comments[i].vip == 1){
		    		html_msg += '<img src="http://music.52jianpu.com/tanqin/static/tan8/style/img/bigNewVIP.png" width="28" height="16" class="comm-vip">';
				}
			}
	    	if(msgdata.page_comments[i].reply_uid > 0){
	    		if(msgdata.page_comments[i].reply_authentication==1){
	    			html_msg += '<span class="content_color">&nbsp;回复&nbsp;</span>';
	    			html_msg += '<a href="user-thread-0-'+msgdata.page_comments[i].reply_uid+'-1-0.html" target="_blank" style="font-size: 16px;" class="href v">'+msgdata.page_comments[i].reply_username+'</a>';
	    		}else{
	    			html_msg += '<span class="content_color">&nbsp;回复&nbsp;</span>';
	    			html_msg += '<a href="user-thread-0-'+msgdata.page_comments[i].reply_uid+'-1-0.html" target="_blank" style="font-size: 16px;" class="href">'+msgdata.page_comments[i].reply_username+'</a>';
	    		}
	    	}
	    	html_msg += '<div class="clear"></div>';
	    	html_msg += '<p class="msg_1125 title_color">'+msgdata.page_comments[i].message+'</p>';
	    	html_msg += '</div>';
	    	html_msg += '<p class="time brief_color">'+msgdata.page_comments[i].custom_id+'楼 '+msgdata.page_comments[i].datetime+'</p>';
	    	html_msg += '<div class="huifu_0421 brief_color">';
	    	html_msg += '<a href="javascript:;" onclick="huifu_textarea(\'context_'+i+'\', \''+msgdata.page_comments[i].uid+'\', \''+msgdata.page_comments[i].username+'\', \''+msgdata.page_comments[i].id+'\')">回复</a>';
	    	if(msgdata.page_comments[i].uid == uid || adminid > 0 || msgdata.page_comments[i].tuid == uid){
	    		html_msg += '<a href="javascript:del_comment('+msgdata.page_comments[i].id+','+msgdata.page_comments[i].tid+',\''+url_del+'\');">删除</a>';
	    	}
	    	html_msg += '</div>';
	    	if(adminid > 0){
	    		html_msg += '<a class="zan-num" onclick="popCenter(\'popup_zan_'+msgdata.page_comments[i].id+'\',\'popup_mask\')" id="comLikText_'+msgdata.page_comments[i].id+'">'+msgdata.page_comments[i].likes+'个</a>';
	    	}
	    	html_msg += '</div>';
	    	html_msg += '<div class="popup-zan" id="popup_zan_'+msgdata.page_comments[i].id+'">';
	    	html_msg += '<input type="text" class="form-control form-address" id="comLikId_'+msgdata.page_comments[i].id+'" value="'+msgdata.page_comments[i].likes+'">'
			html_msg += '<button type="submit" class="btn btn-success" onclick="upCommentLikes('+msgdata.page_comments[i].tid+','+msgdata.page_comments[i].id+')">提交</button>'	
			html_msg += '</div>';
	    	html_msg += '</li>';
	    	add.push(html_msg);
	        list_num++
	    }
	    el.innerHTML= add.join("");
	}
	//删除评论
    function del_comment(id,tid,url_del){
    	if(!confirm('真的要删除这个评论吗？')){
    		return;
    	}
	    jq.ajax({
	        type: 'get',
	        url: url_del,
	        data: 'id='+id+'&tid='+tid,
	        success: function(res){
				var resInfo = JSON.parse(res)
				layer.msg(resInfo.data.message);
				if(resInfo.data.code == 1000){
					var ui = document.getElementById("comId_"+id);
	        		if(ui){
	        			ui.style.display = "none";
	        		}else{
	        			window.location.reload();
	        		};	 
				}
	        },
	        error: function(e){
	            layer.msg(e);
	        }
	    });
    }
	//开启关闭视频弹出层 vid(视频ID) device(用户设备) url(视频原地址) type(开启关闭)
	function show_video_div(vid,device,url,type){
	    if(type){
	        setTimeout(function(){
	            show_video.innerHTML='';
	        },100);
	    }else{
	        var video_div = '';
	        if(device==1){
	        	video_div = '<embed src="http://player.youku.com/player.php/sid/'+vid+'/v.swf" allowFullScreen="true" quality="high" width="560" height="371" wmode="transparent" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>';
	            jq("#flash").find("p").eq(0).html('<a href="'+url+'" target = "_blank">到优酷播放</a>');
	        }else if(device == 2){
	        	if(navigator.userAgent.indexOf("MSIE") != -1){
	        		if(navigator.userAgent.toLowerCase().match(/msie ([\d.]+)/)[1]<=8.0){
	        			video_div = '<div style="width:560px;height:371px; background:#fff; overflow:hidden"><p style="font-size:16px; margin-top:150px; text-align:center">浏览器版本太低，请升级~~</p></div>';
	        		}else{
	        			video_div = '<video src="'+vid+'" controls="controls" autoplay width="560" height="371" style="background:#ffffff"></video>';
	        		}
	        	}else{
	        		video_div = '<video src="'+vid+'" controls="controls" autoplay width="560" height="371" style="background:#ffffff"></video>';
	        	}
	        	jq("#flash").find("p").eq(0).html('<a href="http://music.52jianpu.com/tanqin/post-'+url+'-0.html" target = "_blank">到社区播放</a>');
	        }else{
	        	video_div = '<iframe width="560" height="371" src="http://player.youku.com/embed/'+vid+'" frameborder=0 autoplay=true></iframe>';
	        	jq("#flash").find("p").eq(0).html('<a href="'+url+'" target = "_blank">到优酷播放</a>');
	        }
	    }
	    setTimeout(function(){
			jq(".cover_bg_0424").show();
			jq("#flash").show();
			jq("#flash").find("div").eq(0).html(video_div);
			jq(".close_btn").one("click",function(){
				jq("#flash").find("div").eq(0).html("");
				jq("#flash").hide();
				jq(".cover_bg_0424").hide();
			})
		},100);
	}
	//设置收藏
	function set_collected(value) {
	    if (value) {
	        jq('#img_heart').addClass("cur");
	        jq('#img_heart').attr("title","已收藏");
	        jq('#img_heart').html("已收藏");
	    } else {
	    	jq('#img_heart').removeClass("cur");
	        jq('#img_heart').attr("title","收藏");
	        jq('#img_heart').html("收藏");
	    }
	}
	//钢琴、钢琴谱合集收藏与取消收藏
	function collectYuepu(ypid){
		if (!uid) {
	        layer.msg("请先从窗口右上角登录!");
	        return false;
	    }
		if (jq('#img_heart').attr("title") == "收藏") {
			jq.post("codeindex.php?d=common&c=collectyp&m=addCollect", { ypid: ypid },function(data){
				set_collected(true);
				layer.msg(data);	
			});
			var xin = parseInt(jq('#collects_nums').html().split("次")[0]);
			xin = xin+1;
			jq('#collects_nums').html(xin+"次");
		}else{
			jq.post("codeindex.php?d=common&c=collectyp&m=delCollect", { ypid: ypid },function(data){
				set_collected(false);
				layer.msg(data);
			});
			var xin = parseInt(jq('#collects_nums').html().split("次")[0]);
			xin = xin-1;
			jq('#collects_nums').html(xin+"次");
		}
	}
	//收藏
	function collect_yp(ypid,url_collect){
	    if (!uid) {
	        layer.msg("请先从窗口右上角登录!");
	        return false;
	    }
	    if(jq('#img_heart').attr("title") == "收藏"){
	        var url = url_collect + "&" + "add=1" + "&" + "ypid=" + ypid;
	        jq('#iframe_func').attr("src",url);
	        set_collected(true);
	        layer.msg("已将该作品加入您的收藏，今后可从“我的收藏”中找到!");
	        var xin =parseInt( jq('#collects_nums').html().split("次")[0]);
	        xin  = xin+1;
	        jq('#collects_nums').html(xin+"次")
	    }else{
	        var url = url_collect + "&" + "add=0" + "&" + "ypid=" + ypid;
	        jq('#iframe_func').attr("src",url);
	        set_collected(false);
	        layer.msg("已将该作品取消收藏!");
	        var xin =parseInt( jq('#collects_nums').html().split("次")[0]);
	        xin  = xin-1;
	        jq('#collects_nums').html(xin+"次")
	    }
	}
	//收藏
	function collect_yp_guitar(yid){
	    if(uid==0){
	        layer.msg("请先从窗口右上角登录!");
	        return;
	    }
	    if(jq('#img_heart').attr("title") == "收藏"){
	        var url = "codeindex.php?d=guitar_ios&c=guitar_web&m=collect" + "&" + "yuepuid=" + yid;
	        jq('#iframe_func').attr("src",url);
	        jq('#img_heart').addClass("cur");
	        jq('#img_heart').prev("span").find("i").html(parseInt(jq('#img_heart').prev("span").find("i").html())+1);
	        set_collected(true);
	        layer.msg("已将该作品加入您的收藏，今后可从“我的收藏”中找到!");
	    }else{
	        var url = "codeindex.php?d=guitar_ios&c=guitar_web&m=delcollect" + "&" + "yuepuid=" + yid;
	        jq('#iframe_func').attr("src",url);
	        jq('#img_heart').removeClass("cur");
	        jq('#img_heart').prev("span").find("i").html(parseInt(jq('#img_heart').prev("span").find("i").html())-1);
	        set_collected(false);
	        layer.msg("已将该作品取消收藏!");
	    }
	}
	//点击了添加视频
	function click_vid_ok(url_vid){
	    var url = jq("#vid_url").val();
	    if(!url.match(/^http:\/\/.+\..+/i)){
	        layer.msg("请输入有效的视频网络html地址!");
	        return;
	    }
	    jq.ajax({
	    	type: 'POST',
	    	url: url_vid,
	    	data: 'ypid='+ypid+'&vidurl='+url,
	    	success: function(msg){
	    		if(msg == 1){
	    			setTimeout("window.location.reload();", 1000);
	    		}else if(msg == 2){
	    			layer.msg('已上传');
	    		}else{
	    			layer.msg('失败');
	    		}
	    	},
	    	error: function(e){
	    		layer.msg(e);
	    	}
	    });
	}
	//删除视频
	function del_vid(video_id,url_vid_del){
	    if(!confirm('真的要删除这个视频吗？一旦删除，无法恢复!'))
	        return;
	    jq.ajax({
	    	type: 'GET',
	    	url: url_vid_del,
	    	data: 'ypid='+ypid+'&vid='+video_id,
	    	success: function(msg){
	    		if(msg == 1){
	    			setTimeout("window.location.reload();", 1000);
	    		}else{
	    			layer.msg('失败');
	    		}
	    	},
	    	error: function(e){
	    		layer.msg(e);
	    	}
	    });
	}
	function is_from_ipad_or_iphone(){
		//先看浏览器类型
		var plat = navigator.platform;
		plat = plat.toLowerCase();
		if(plat == "ipad" || plat == "iphone"){
			return true;
		}else{
			return false;
		}
	}
	function download_77player(){
		//如果是ipad上，不需要下载
		if(!is_from_ipad_or_iphone()){
			window.open("/yyupdate/77music_setup.rar");
		}
	}
	function rollPic(conId,prev,next,ind){
        var sWidth = 690;
        var len = Math.ceil(jq("."+conId+" li").length);
        var index = ind;
        var oUwidth = len*690;
		jq("."+conId+" ul").css({
			"left":"0",
			"width":oUwidth
		});
        jq("#"+prev).click(function(){
            if(index <= 0){
                index = 0;
                return false;
            }else{
                index -= 1;
                showPics(index);
            }

        });
        jq("#"+next).click(function(){
            if(index >= len-1){
                index = len-1;
                return false;
            }else{
                index += 1;
                showPics(index);
            }
        });
        function showPics(index){
            var nowLeft = -index*sWidth;
            jq("."+conId+" ul").stop(true,false).animate({
                "left":nowLeft
            },300);
        }
    }
	function rollPic_allscreen(conId,prev,next,ind,sWidth){
        var sWidth = sWidth;
        var len = Math.ceil(jq("."+conId+" li").length);
        var len_2 =(IsPC()== false)?len:len/2;
        var index = ind;
        jq("."+conId+" ul").css("width",sWidth*len+"px").css("left","0");
        jq("#"+prev).click(function(){
            if(index <= 0){
                index = 0;
                return false;
            }else{
                index -= 1;
                showPics(index);
            }
        });
        jq("#"+next).click(function(){
            if(index >= len_2-1){
                index = len_2-1;
                return false;
            }else{
                index += 1;
                showPics(index);
            }
        });
        if(flag){
        	jq(document).keyup(function(evt){
			    var key = evt.keyCode ? evt.keyCode : evt.which;
			    if(key == 37){
			        if(index <= 0){
		                index = 0;
		                return false;
		            }else{
		                index -= 1;
		                showPics(index);
		            }
			    }
			    if(key == 39){
			    	if(index >= len_2-1){
		                index = len_2-1;
		                return false;
		            }else{
		                index += 1;
		                showPics(index);
		            }
			    }
			});
        }
        function showPics(index){
            var nowLeft =(IsPC()== false)?(-index*sWidth):(-index*sWidth*2);
            jq("."+conId+" ul").stop(true,false).animate({
                "left":nowLeft
            },300);
        }
    }
// 乐谱详情MP3播放
if(jq("audio").length){
	audiojs.events.ready(function(){
		var audios = document.getElementsByTagName('audio');
		var a1 = audiojs.createAll({
			css: false,
			createPlayer: {
				markup: false,
				playPauseClass: 'play_pause',
				scrubberClass: 'jindutiao',
				progressClass: 'jindu',
				loaderClass: 'jiazai',
				timeClass: 'time',
				durationClass: 'durationNum',
				playedClass: 'palyNum',
				errorMessageClass: 'error-messageZ',
				playingClass: 'playingZ',
				loadingClass: 'loadingZ',
				errorClass: 'errorZ'
			}
		});
		var play_repeat=getElementsByClassName("play_repeat");
		play_repeat[0].onclick = function(){
			a1[0].load(radioInfo);
			a1[0].play();
		}
	});
}
// 居中函数
function viewData(){
	var e = 0, l = 0, i = 0, g = 0, f = 0, m = 0;
	var j = window, h = document, k = h.documentElement;
	e = k.clientWidth || h.body.clientWidth || 0;
	l = j.innerHeight || k.clientHeight || h.body.clientHeight || 0;
	g = h.body.scrollTop || k.scrollTop || j.pageYOffset || 0;
	i = h.body.scrollLeft || k.scrollLeft || j.pageXOffset || 0;
	f = Math.max(h.body.scrollWidth, k.scrollWidth || 0);
	m = Math.max(h.body.scrollHeight, k.scrollHeight || 0, l);
	return {
		scrollTop: g,scrollLeft: i,documentWidth: f,documentHeight: m,viewWidth: e,viewHeight: l};
};
// 判断Pc设备
function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
// 获取className
function getElementsByClassName(className,root,tagName) {    
	if(root){
		root=typeof root=="string" ? document.getElementById(root) : root;   
	}else{
		root=document.body;
	}
	tagName=tagName||"*";                                    
	if (document.getElementsByClassName) {                    
		return root.getElementsByClassName(className);
	}else { 
		var tag= root.getElementsByTagName(tagName);    
		var tagAll = [];                                   
		for (var i = 0; i < tag.length; i++) {
			for(var j=0,n=tag[i].className.split(' ');j<n.length;j++){
				if(n[j]==className){
					tagAll.push(tag[i]);
					break;
				}
			}
		}
		return tagAll;
	}
}
/* 乐谱详情轮播图全屏功能 */
var $viewData = new viewData();
jq(".guitar_img_fangda").click(function(){
	flag = true;
	jq(".allscreen_guitar_img").show();
	var $html="";
	var $w_box = (IsPC()== false)?(Math.ceil(761*$viewData.viewHeight/1066)):(Math.ceil(761*$viewData.viewHeight/1066)*2);
	var $w =Math.ceil(761*$viewData.viewHeight/1066);
	jq(".allscreen_guitar_img_box").width($w_box).height($viewData.viewHeight);
	jq("#qupuPrev_allscreen").height($viewData.viewHeight);
	jq("#qupuNext_allscreen").height($viewData.viewHeight);
	for(var i = 0,len =yuepuArr[ind].img.length ;i<len;i++){
		$html = $html+'<li style="width:'+$w+'px;height:'+$viewData.viewHeight+'px;"><img alt="'+yuepu_info_title+'-'+yuepu_info_singer+'" src="'+yuepuArr[ind].img[i]+'" width="'+$w+'" height="'+$viewData.viewHeight+'" /></li>';
	}
	if(IsPC()== true&&yuepuArr[ind].img.length%2 != 0){
		$html = $html+'<li style="width:'+$w+'px;height:'+$viewData.viewHeight+'px;"></li>';
	}
	jq(".allscreen_guitar_img_box ul").html($html);
	rollPic_allscreen("allscreen_guitar_img_box","qupuPrev_allscreen","qupuNext_allscreen",0,$w);
	
});
/* 乐谱详情轮播图缩小功能 */
jq(".guitar_img_suoxiao").click(function(){
	jq(".allscreen_guitar_img").hide();
	jq(".allscreen_guitar_img ul").html("");
	flag = false;
});
/* 乐谱详情轮播图高清功能 */
jq("#imgHD").on("click",function(){
	var $html="";
	var $ul = '<a href="javascript:void(0)" class="guitar_img_back"></a><ul>'
	for(var i = 0,len =yuepuArr[ind].img.length ;i<len;i++){
		$html = $html+'<li><img alt="'+yuepu_info_title+'-'+yuepu_info_singer+'" src="'+yuepuArr[ind].img[i]+'" oncontextmenu="return false;" /></li>';
	}
	jq(".yuepu-vivid-wraper").html($ul+$html+'</ul>');
	jq(".yuepu-vivid-wraper").show()
});
/* 乐谱详情轮播图高清功能 */
jq(".yuepu-vivid-wraper").on("click",".guitar_img_back",function(){
	jq(".yuepu-vivid-wraper").hide();
	jq(".yuepu-vivid-wraper").html("");
})
/* 乐谱详情吉他谱音轨切换 */
jq(".opt_con").on("click",function(){
	jq(".option_list").toggle()
})
jq(".option_list li").on("click",function(){
	var $html="";
	var index = jq(this).index();
		ind = index;
	for(var i = 0,len =yuepuArr[ind].img.length ;i<len;i++){
		$html = $html+'<li><img alt="'+yuepu_info_title+'-'+yuepu_info_singer+'" src="'+yuepuArr[ind].img[i]+'" width="100%" height="100%" /></li>';
	}
	jq(".jiata_yuepu_img ul").html($html);
	jq(".option_list").hide()
})
// 乐谱详情简谱切换
var jianpuTrue = false;
jq("#BtnChangeType").on("click",function(){
	var jianpuHtml = "";
	if(jianpuTrue){
		yuepuArr = arr_img;
		yuepuImgType = '_五线谱'
		jq(this).find("span").text('转简谱')
	}else{
		yuepuArr = arr_img_jianpu;
		yuepuImgType = '_简谱'
		jq(this).find("span").text('转五线谱')
	}
	jianpuTrue = !jianpuTrue;
	for(var i = 0,len =yuepuArr[ind].img.length ;i<len;i++){
		jianpuHtml = jianpuHtml+'<li><img alt="'+yuepu_info_title+'-'+yuepu_info_singer+'钢琴谱" src="'+yuepuArr[ind].img[i]+'" width="100%" /></li>';
	}
	jq(".jiata_yuepu_img ul").html(jianpuHtml);
})
// 乐谱详情下载App弹窗
jq("#BtnDownload").hover(function () {
    jq("#BoxSaoma").show()
}, function () {
    jq("#BoxSaoma").hide()
});
//乐谱打印
function onPrintImg(yuepuType){
	var yuepuCount = 0;
	var yuepuImgArr = new Array();
    var yuepuImgNum = yuepuArr[ind].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'){
			layer.msg('正在处理中，请稍候...', { time: 0 });
			for (let i = 0; i < yuepuImgNum; i++) {
				urlToImageData(yuepuArr[ind].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)
						}
						layer.closeAll()
						printJS({
							printable: yuepuImgArr2,
							type: 'image',
							landscape: false, // 设置为横向打印
    						paperSize: 'A4', // 设置纸张大小为 A4
							documentTitle: yuepu_info_title
						})
					}
				});
			}
		}else{
			layer.msg(result.data.message);
		}
	})
}
/* 乐谱详情乐谱下载为PDF格式 */
function downloadImgFDF(yuepuType){
	window.jsPDF = window.jspdf.jsPDF;
	var doc = new jsPDF();
    var yuepuCount = 0;
	var imageDataArr = new Array()
    var yuepuImgNum = yuepuArr[ind].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(yuepuArr[ind].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(yuepu_info_title+'.pdf')
					}
				});
			}
		}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');
	}
}