$(document).ready(function(){
	
$("input, select").change(function(){
    listch();
});
 $(document).on('change', '#file_icon', function(){
  var name = document.getElementById("file_icon").files[0].name;
  var form_data = new FormData();
  var ext = name.split('.').pop().toLowerCase();
  if(jQuery.inArray(ext, ['png','jpg','jpeg']) == -1) 
  {
   alert("Invalid Image File! Only .png, .jpg, .jpeg");
  }
  var oFReader = new FileReader();
  oFReader.readAsDataURL(document.getElementById("file_icon").files[0]);
  var f = document.getElementById("file_icon").files[0];
  var fsize = f.size||f.fileSize;
  if(fsize > 2000000)
  {
   alert("Image File Size is very big");
  }
  else
  {
   form_data.append("file", document.getElementById('file_icon').files[0]);
   $.ajax({
    url:"/?do=/admin&act=imgto64",
    method:"POST",
    data: form_data,
    contentType: false,
    cache: false,
    processData: false,
    beforeSend:function(){
    
    },   
    success:function(data)
    {
     $('#pltagid_icon').val(data);
	 $('#img_icon').attr("src",data);
	 $('#img_icon').show();
	 listch();
    }
   });
  }
 });
 $(document).on('change', '#file_background_image', function(){
  var name = document.getElementById("file_background_image").files[0].name;
  var form_data = new FormData();
  var ext = name.split('.').pop().toLowerCase();
  if(jQuery.inArray(ext, ['png','jpg','jpeg']) == -1) 
  {
   alert("Invalid Image File! Only .png, .jpg, .jpeg");
  }
  var oFReader = new FileReader();
  oFReader.readAsDataURL(document.getElementById("file_background_image").files[0]);
  var f = document.getElementById("file_background_image").files[0];
  var fsize = f.size||f.fileSize;
  if(fsize > 2000000)
  {
   alert("Image File Size is very big");
  }
  else
  {
   form_data.append("file", document.getElementById('file_background_image').files[0]);
   $.ajax({
    url:"/?do=/admin&act=imgtofon",
    method:"POST",
    data: form_data,
    contentType: false,
    cache: false,
    processData: false,
    beforeSend:function(){
    
    },   
    success:function(data)
    {
     $('#pltagid_background_image').val(data);
	 $('#img_background_image').attr("src",data);
	 $('#img_background_image').show();
	listch();
    }
   });
  }
 }); 
 
 
});
function escapeHtml0(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}
function ajax_post(url,post){
    var s="";
    $.each(post.split("&"),function(i,v){
        var p=v.split("=");
        try {
            s+='<input type="hidden" name="'+p[0]+'" value="' + escapeHtml0(decodeURIComponent(p[1])) + '">';
        } catch(e) {
            s+='<input type="hidden" name="'+p[0]+'" value="' + escapeHtml0(p[1]) + '">';
        }
    });
    var form = $('<form style="display:none;" action="' + url + '" method="post">' +s+ '<input type="submit"></form>');

    $(document.body).append(form);
    form.submit();
}

function applico(){
	  $(document).on('change', '#file_ch', function(){
  var name = document.getElementById("file_ch").files[0].name;
  var form_data = new FormData();
  var ext = name.split('.').pop().toLowerCase();
  if(jQuery.inArray(ext, ['png','jpg','jpeg']) == -1) 
  {
   alert("Invalid Image File! Only .png, .jpg, .jpeg");
  }
  var oFReader = new FileReader();
  oFReader.readAsDataURL(document.getElementById("file_ch").files[0]);
  var f = document.getElementById("file_ch").files[0];
  var fsize = f.size||f.fileSize;
  if(fsize > 2000000)
  {
   alert("Image File Size is very big");
  }
  else
  {
   form_data.append("file", document.getElementById('file_ch').files[0]);
   $.ajax({
    url:"/?do=/admin&act=imgto64",
    method:"POST",
    data: form_data,
    contentType: false,
    cache: false,
    processData: false,
    beforeSend:function(){
    
    },   
    success:function(data)
    {
     $('#chtagid_logo_30x30').val(data);
	 $('#img_ch').attr("src",data);
	 $('#img_ch').show();
    }
   });
  }
 });
}
var channels=[],select=0;
function addch(m=0){
	var n=0;
	for(var i=0;i < channels.length;i++) if(channels[i]["type"]!="menu") n++;
	var elem={};
	for(var i=0;i < chtag.length;i++) elem[chtag[i]]="";
	elem["title"]="Новая ссылка "+(n+1);
	if(m==-1) channels.unshift(elem);
	else channels.push(elem);
	listch();
}
function addmenu(v){
	var n=0;
	for(var i=0;i < channels.length;i++) if(channels[i]["type"]=="menu") n++;
	var elem={};
	for(var i=0;i < chtag.length;i++) elem[chtag[i]]="";
	if(v==null) v="Меню "+(n+1)+"|";
	v=v.split("|");
	elem["title"]=v[0];
	elem["playlist_url"]=v[1];
	elem["type"]="menu";
	channels.push(elem);
	listch();
}
var noadd=0;
function listch(na,sel){
	if(na!=null) noadd=na;
	if(sel==null) sel=0;
	$('#contents').css("max-height","none");
	var html="<div id='content' style='clear: both;position: relative;'>";
	if(document.getElementById("pltagid_before")!=null){
		html+=$("#pltagid_before").htmlarea('html');
	}
	var menu="";
	var n=0;
	for(var i=0;i < channelsmenu.length;i++){
		menu+="<div style='float:left;font-size:16px; text-align:left;margin-top: 3px;margin-left:5px;' onclick=\"edit("+i+");\">"+'<img style="padding-right: 4px;" align="left" id="img'+i+'" src="'+channelsmenu[i]["logo_30x30"]+'" onerror="this.style.display=\'none\';" width="20" height="15" /> '+channelsmenu[i]["title"]+"</div>";

	}
	html+="<div id='infoList' style='position:absolute;left:800px;text-align:left;width:350px;overflow:hidden;'></div>";
	if($('[name=pltag\\[typeList\\]]:checked').val()=="start") html+="<div style='text-align: center;'>";	
	
	if(!noadd) html+="<div id='ch-1' onmouseover=\"linkOver(-1,this);\" style='text-align:left;margin-top: 3px;width:300px;' onclick=\"addch(-1);\">+ Добавить новую ссылку в начало</div>";
	
	for(var i=0;i < channels.length;i++) {
		html+=renderCh(channels[i],i);	
	}
		 
	 
	if($('[name=pltag\\[typeList\\]]:checked').val()=="start") html+="</div>";
	if(!noadd) html+="<div id='ch"+i+"' onmouseover=\"linkOver("+i+",this);\" style='text-align:left;margin-top: 3px;width:300px;' onclick=\"addch();\">Добавить новую ссылку!</div>";

	html+="</div>";
	
	$("#ch").html("<div style='overflow:hidden;font-size:20px;color: #000;    opacity: 0.7;    word-break: break-all;    float: left;    padding-top: 2px;    margin: 0px;    border-right: 1px solid #6f6f6f;    height: 24px;    width: 230px;    background-color: #e0e0e0;'><img id='imginset' width='23' height='21' style='float: left;padding-left:4px;padding-left:4px;display:block;' onerror='this.display=\'none\';' src='"+$("#pltagid_icon").val()+"'><div style='background-color:transparent;margin-left:3px;margin-right:2px;height:32px;'>"+$("#pltagid_title").val()+"</div></div><br clear='both'>"+menu+html+"");
	$('#ch').css("background",'url('+$('#pltagid_background_image').val()+') 0px 34px');
	$('#ch').css("color",$('#pltagid_color').val());
	if(typeof PL!="undefined"){			
		if(typeof PL["style"]!="undefined"){
			if(typeof PL["style"]["cssid"]!="undefined"){
					for(var i in PL["style"]["cssid"]) setStyles(i,"cssid|"+i);
			}
		}
	}	
	linkOver(sel);
	
}
var img_dir="/include/templates/images";
function css_wh(n){
	return Math.ceil(0.66*n);
}
function css_w(n){
	return Math.ceil(0.66*n);
}
function getimg(n){
	return n;
}
function _img(s){
	if(typeof s == "undefined") s="_OI_1px.png"; 
	else if(s.match(/^.{0,3}(none|hidden|undefined)/)) s="_OI_1px.png";
	s=s.replace("_OI_","http://obovse.ru/ForkPlayer2.5/img/").replace("_OT_","http://obovse.ru/smarttv/img/");
	return s;
}
function is_start(s){
	return 0;
}
var adop="",ncc=0,sPos={},sPosX=0,sPosY=0,Main={},box_low2=0,hideRight=0,app_cors=0,is_iptv=0,ch_height=37;
var ch_padding=4;
var ch_size=29,startX=0;

var adop="",ncc=0,sPos={},sPosX=0,sPosY=0,is_mark=0;
var chtag_info={
	"br":"Чтобы отображать с новой строки, укажите 1",
	"search_on":"Если заполнено, будет ввод текста",
	"before":"HTML код перед элементом",
	"after":"HTML код после элемента",
	"position":"Если прописать html, то заполните ниже шаблон",
	"template":"Html код с $logo_30x30, $title, $description"
}
function renderCh(Ch,index){
	var html="";
	Main.channels=channels;
	Main['typeList']=$('[name=pltag\\[typeList\\]]:checked').val();
	Ch["imgsrc"]=Ch["logo_30x30"];
	if(hideRight) var widthCh=css_w(1195);
	else if(is_iptv>2) widthCh=css_w(790);
	else widthCh=css_w(610);
	var backgrOp="background: rgba(0,0,0,0.65);";
	
	if(is_start()) backgrOp+="color:white;";
	if(Ch["playlist_url"] !="") var onerror="this.onerror=null;this.src='"+_img("_OI_open.png")+"';";
	else onerror="this.onerror=null;this.src='"+_img("_OI_file.png")+"';";
	
	if(gV(Ch,"display_title")!="") var title=Ch["display_title"];
	else title=Ch["title"];
	if(title==""||title==" ") title=gV(Ch,"playlist_url").replace(/^https?:\/\//,"");
	if(gV(Ch,"proxyurl")==1) {
		title="&#128274;&#128274;&#128274;"+title;
	}
	else if(gV(Ch,"proxyurl")==2) {
		title="&#128274;&#128274;"+title;
	}
	else if(gV(Ch,"proxyurl")==3) {
		title="&#128274;&#128274;"+title;
	}
	else if(gV(Ch,"proxyurl")==4) {
		title="&#128274;"+title;
	}
	else if(gV(Ch,"proxyurl")==-1) {
		title="<span style='color:gray;'>&#9760; "+title+"</span>";
	}
	if(index>0) {
		var lastP=gV(Main.channels[index-1],"position");
		if(lastP=="") {
			if(gV(Main.channels[index-1],"tvg-shift")=="99") lastP="fulleditline";
			else if(gV(Main.channels[index-1],"tvg-shift")=="98") lastP="hlink";
		}
		if(lastP=="") lastP=gV(Main.channels[index-1],"type");
	}
	else lastP="";	
	if(index>=0) {
		var tekP=gV(Ch,"position");
		if(tekP=="") {
			if(gV(Ch,"tvg-shift")=="99") tekP="fulleditline";
			else if(gV(Ch,"tvg-shift")=="98") tekP="hlink";
		}
		if(tekP=="") tekP=gV(Ch,"type");
	}
	else tekP="";
	
	if(tekP=="list"){
		//if(lastP=="hlink"&&tekP!="hlink") html+='<br clear="both">';
		sPosY++;
		sPosX=0;
		sPos[index]=[sPosX,sPosY];
	}
	else if(Main.typeList=="start"){

		title=title.replace(/<img.*?>/g,"");
		if(Ch["side_icon"]=="dns"&&!app_cors)
			Ch["side_icon"]='_OT_on_dns.png';
		if(Ch["side_icon"]=="1080")
			Ch["side_icon"]='_OT_on_1080.png';
		
		if( (Ch["side_icon"]=="remotefork"&&!app_cors) ||(Ch["side_icon"]=="rfs"&&platform!="android-device"))
			Ch["side_icon"]='_OT_on_remotefork.png';
		if(tekP=="bigtile"){
			st_h=css_wh(194);
			st_w=css_w(128);
		}
		else{
			st_h=css_wh(80);
			st_w=css_w(128);
		}
		el_mini=false;
		el_margin=css_w(1);
		
		if(tekP=="label"){
			sPosX=0;
			if(index) sPosY++;
			sPos[index]=[sPosX,sPosY];
			return html+'<div id="ch'+index+'" sel="0" onmouseover="if(!this.sel) linkOver('+index+',this);" onmousedown="p_d();" onmouseup="p_u();" onclick="p_c('+index+');" style="position:relative;text-align: left;border-radius: '+css_wh(4)+'px;margin:'+css_wh(-2)+'px;font-size:80%;width:100%;display:inline-block;overflow:hidden;height:'+css_wh(26)+'px;">'+
			'<img onerror="'+onerror+'" id="img'+index+'" src="'+_img(Ch["imgsrc"])+'" style="float:left;height:'+css_wh(20)+'px;">'+
			'<div id="titleid'+index+'" style="">'+title+'</div>'+
			''+
			'</div>';
		}
		else if(lastP=="label"||(lastP=="list"&&tekP!="list")){
			if(index) sPosY++;
			sPosX=0;
		}
		else if(lastP=="hlink"&&tekP!="hlink"||lastP!="hlink"&&tekP=="hlink") {
			
			if(index) {
				sPosY++;
				html+='<br clear="both">';
			}
			sPosX=0;
		}
		if(tekP=="fulleditline"){
			sPosX=0;
			if(index) sPosY++;
			sPos[index]=[sPosX,sPosY];
			return '<div id="ch'+index+'" sel="0" onmouseover="if(!this.sel) linkOver('+index+',this);" onmousedown="p_d();" onmouseup="p_u();" onclick="p_c('+index+');" style="border:1px solid transparent;width:80%;margin:1px 9%;border-radius: '+css_wh(4)+'px;display:inline-block;overflow:hidden;">'+
			'<div id="titleid'+index+'" style="overflow: hidden;font-size:'+css_wh(24)+'px;height:'+css_wh(24)+'px;margin:'+css_wh(3)+'px;color:#2b2525; background-color: #eee;border: 1px solid #e8e8e8;padding:4px;">'+title+'</div>'+
			''+
			'</div>';		
		}
		else if(tekP=="hlink"){
			//if(adop=="") html="<div style='margin: "+css_wh(20)+"px 0px 0px "+css_w(150)+"px;float:left;'></div>";
			sPos[index]=[sPosX++,sPosY];
			html+='<div id="ch'+index+'" sel="0" onmouseover="if(!this.sel) linkOver('+index+',this);" onmousedown="p_d();" onmouseup="p_u();" onclick="p_c('+index+');" style="position:relative;border:0px solid transparent;margin:'+css_w(0)+'px '+css_wh(4)+'px;border-radius: '+css_wh(4)+'px;display:inline-block;overflow:hidden;">';
			if(Ch["imgsrc"]!="") html+='<img onerror="'+onerror+'" id="img'+index+'" src="'+_img(Ch["imgsrc"])+'" style="float:left;height:'+css_wh(22)+'px;padding-top:'+css_wh(5)+'px;">';
			html+='<div id="titleid'+index+'" style="overflow: hidden;max-width: '+css_w(310)+'px;font-size:90%;padding:0px 4px;float:left;height:'+css_wh(28)+'px; text-decoration: underline;">'+title+'</div>'+
			''+
			'</div>';	
			return html;		
		}
		
		if(Ch["br"]){
			sPosY++;
			sPosX=0;
			html+='<br clear="both">';
		}
		if(sPosX>=startX) {
			sPosY++;
			sPosX=0;
		}
		sPos[index]=[sPosX++,sPosY];
		html+=adop+'<div id="ch'+index+'" sel="0" onmouseover="if(!this.sel) linkOver('+index+',this);" onmousedown="p_d();" onmouseup="p_u();" onclick="p_c('+index+');" style="position: relative;border:0px;text-align:center;height:'+css_wh(st_h+21)+'px;width:'+css_w(st_w)+'px;margin-top:'+css_wh(el_margin)+'px; margin-left:'+css_w(4)+'px;display: inline-block;overflow:hidden;text-align:center;">';
		html+="<div id='rat"+index+"' style='position:absolute;display:none;text-align:left;height:"+css_wh(23)+"px;width:"+css_w(28)+"px;padding-top: "+css_wh(5)+"px;padding-left: "+css_w(5)+"px;font-size:"+css_wh(11)+"px;'></div>";
		if(Ch["imgsrc"]!="") html+='<img onerror="'+onerror+'" id="img'+index+'" src="'+_img(Ch["imgsrc"])+'" style="height:'+css_wh(st_h-4)+'px;padding:2px 2px 0px 2px;">';
	
		html+='<div style="position: absolute;top: '+css_wh(st_h-28)+'px;font-size:68%;line-height:0.9;" id="titleid'+index+'">'+
			'<div style="width:'+css_wh(st_w)+'px;height: 2.6em; overflow:hidden;vertical-align: bottom;display: table-cell;"><div style="'+backgrOp+'border-radius:3px;width: min-content;margin: auto;padding:2px;">'+title+'</div></div> </div>';
	
		if(Ch["side_icon"]!="") html+='<img align="left" src="'+_img(Ch["side_icon"])+'" style="top:-'+st_h+'px;position:relative;height:'+(st_h-4)+'px;width:'+(st_w)+'px;padding:2px;">';
	
		//''+d_img+dop_new+z-index:'+imgz+';
		html+='</div>';	
		return html;
	}
	var num=(index+1);
	if(typeof Ch["orig_num"]!="undefined") num=(1+Ch["orig_num"]);
	if(is_mark&&is_mark_array[index]=="1"){
		num="<img width='"+Math.round(ch_height)+"' src='"+_img("_OI_ok.png")+"' />";
	}
	var img='';	
	if(typeof Ch["logo_search"]!="undefined") {
		//if(Main.GL["livesearch"]==1) html+="<img src='"+Ch["logo_search"]+"' style='float:right;' width="+css_w(22)+" height="+css_wh(22)+" />";
		Ch["imgsrc"]=Ch["logo_search"];
	}
	var dspnum='';

	
	if(Ch["imgsrc"]=="hidden") {img='';dspnum='display:none;';}
	else if(Ch["imgsrc"]=="none") {img='<div style="float:left;width:'+Math.round(ch_height*1.2*(css_w(100)/css_wh(100)))+'px;margin: '+css_wh(2)+'px;padding-right: '+css_w(2)+'px;">&nbsp;</div>';}
	else if(Ch["imgsrc"].match(/^http:\/\/check(true|false)/)) {img='<div style="float:left;"><input type="checkbox" style="width: '+Math.round(ch_height*1.1*(css_w(100)/css_wh(100)))+'px;height: '+(ch_height-css_wh(6))+'px;" '+(Ch["imgsrc"]=="http://checktrue"?"checked":"")+' readonly /></div>';}
	else img='<img style="margin: '+css_wh(2)+'px;padding-right: '+css_w(2)+'px;" align="left" id="img'+index+'" src="'+_img(Ch["imgsrc"])+'" onerror="'+onerror+'" width="'+Math.round(ch_height*1.2*(css_w(100)/css_wh(100)))+'" height="'+(ch_height-css_wh(4))+'">';	

	
	var html='<div id="ch'+index+'" sel="0" onmouseover="if(!this.sel) linkOver('+index+',this);" onmousedown="p_d();" onmouseup="p_u();" onclick="p_c('+index+');" style="text-align:left;border-radius:'+css_w(4)+'px;cursor: default;margin: 2px 0px;width: '+widthCh+'px;overflow:hidden;text-overflow: ellipsis;height:'+ch_height+'px;">'+
	'<div id="numch'+index+'" style="float:left;padding-top:0px;width:'+css_w(38)+'px;text-align:center;'+dspnum+'">'+num+'</div>'+img+
	'';

		
	


	if(gV(Ch,"infolink")!=""&&Ch["infolink"]!=" "&&gV(Ch,"search_on")==""){
		var ttl='<div style="height:'+Math.ceil(ch_height*0.75)+'px;font-size:'+Math.ceil(ch_height*0.62)+'px;margin-top:'+css_wh(-2)+'px;overflow: hidden;">'+title+'</div>'+
			'<div style="margin-top:'+css_wh(Math.ceil(ch_height*-0.1))+'px;padding-left:3px;height:'+Math.ceil(ch_height*0.38-1)+'px;font-size:'+Math.ceil(ch_height*0.35-1)+'px;">'+Ch["infolink"]+'</div>';
	} 
	else ttl=title;	
	html+="<div id='contmenu"+index+"' style='border-radius:"+css_w(4)+"px;height:"+ch_height+"px;width:"+(ch_height-10)+"px; float: right;display:none;'><img onclick=\"getClickInfo('menu',VK_RED);\" src='"+_img("_OT_menu2.png?ndate190223_")+"' style='height:"+ch_height+"px;width:"+(ch_height-10)+"px;' /></div>";

	if(Ch["stream_url"]=="")  html+="<div id='rat"+index+"' style='float:right;display:none;padding-top:1px;font-size:"+(ch_size*(css_wh(100)/css_w(100))-css_wh(13))+"px;width:"+css_w(31)+"px;'></div>";

	
	if(gV(Ch,"search_on")!="") var titlSt="background-color:#ddd;color:#333;overflow: hidden;border-radius:"+css_w(4)+"px;padding:3px;margin-top:"+css_wh(2)+"px;font-size:85%;width:90%;height:"+(ch_height-10)+"px;";
	else titlSt="width:100%;";
		
	html+='<div style="overflow:hidden;padding:'+css_wh(0)+'px 2px 0px '+css_wh(0)+'px;" id="title'+index+'"><div id="titleid'+index+'" style="float:left;'+titlSt+'white-space:nowrap;">'+ttl+'</div>';
		html+='</div></div>';

	return html;
}

function p_c(i){
	if(!noadd) edit(i);
}
function gV(v,ind1){
	try{
		if(v==null) return "";
		if(typeof v=="undefined") return "";
		if(ind1!=null) return gV(v[ind1]);
		return v;
	}
	catch(e){
		return "";
	}
}
function linkShowDesc(){
	if(select>=0&&select<channels.length){
		var desc=(channels[select]["description"]=="")?"<center>"+channels[select]["title"]+"</center>":channels[select]["description"];
		if(Main.typeList=="start"){
			$_inner("infoList","");
			$_inner("bottomMenu",desc);
		}
		else $_inner("infoList",desc);	
		setStyles("infoList","infoList");
	}
}
function linkOver(ind,t){
	console.log("linkOver "+ind);
	select=ind;
	if($("#edit").css('display')!="none") return;
	for(var i=-1;i <= channels.length+1;i++){
		if(i==select) {			
			linkShowDesc();
			markselect(i,1,t);
			var s=$("#pltagid_chbkg").val()+Math.ceil(255*($("#pltagid_chbkgrange").val()/1)).toString(16);
			$("#ch"+i).css("background","none "+s);
			$("#ch"+i).css("color",$("#pltagid_chcolor").val());
			
		}
		else  {			
			$("#ch"+i).css("border","1px solid transparent");
			markselect(i,0);
		}
	}
	if(channels[select]["description"]=="") var d=channels[select]["title"];
	else d=channels[select]["description"];
	$("#infoList").css("margin-top",select*30);
	$("#infoList").html(d);
	$("#infoList").show();
}
function markselect(id,m,el){
	//console.log("markselect "+id);
	if($_("ch"+id)==null) return;
	$_("ch"+id).sel=m;
	if(id>=0&&id<channels.length) var ik=1;
	else ik=0;
	if(Main.typeList!="start"){
		if(m){
			$_("ch"+id).style.background="none rgba(180, 180, 180, 0.8)";
			$_("ch"+id).style.color="black";
			if(ik) $_('contmenu'+id).style.display='block';
			if(ik) $_('contmenu'+id).style.background=$_('ch'+id).style.background;			
		}
		else{
			$_("ch"+id).style.color=$_("ch").style.color;
			$_("ch"+id).style.background="none";
			if(ik) $_('contmenu'+id).style.display='none';					
		}
		if(ik) $_('titleid'+id).style.marginLeft="0px";
	}
	else{
		if(m){
			$_("ch"+id).style.borderColor="red";
		}
		else{
			$_("ch"+id).style.borderColor="transparent";
		}		
	}
	if(m){
		setStyles("ch"+id,"channels|parent|selected");
		if(ik) setStyles("numch"+id,"channels|chnumber|selected");
		if(ik) setStyles("contmenu"+id,"channels|contmenu|selected");
	}
	else {
		setStyles("ch"+id,"channels|parent|default");
		if(ik) setStyles("numch"+id,"channels|chnumber|default");
	}
}
var nedit=null;
function edit(n){
	nedit=n;
	var ch=channels[n];
	if(n==-1) {
		ch={};
		for(var i=0;i < chtag.length;i++) ch[chtag[i]]="";
	}
	
	var html="";
	if($('[name=pltag\\[typeList\\]]:checked').val()=="start") $("#cont").css("visibility","hidden");
	else $("#infoList").hide();
	html+="<div style='float:right;color:rgb(238, 238, 238);'>"+chtag[4]+"<br><textarea rows=25 cols=60 style='' id='chtagid_"+chtag[4]+"' name='chtag["+chtag[4]+"]'>"+ch[chtag[4]]+"</textarea></div><div style='border-radius:5px;width:389px;background-color:#256394;padding:3px;'>";
	if(n==-1) html+="<b>Добавление пункта меню </b><br>";
	else html+="<b>Редактирование элемента </b>#<input id='chnumb' style='width:40px;' type='number' value='"+(n+1)+"' /><br>";
	for(var i=0;i < chtag.length&&i<2;i++) {
		if(chtag[i]!="description") {
			html+=chtag[i]+"<br>";
			if(chtag[i]=="logo_30x30") html+=" <input type=\"file\" id=\"file_ch\" alt='ico' />";
			if(chtag[i]=="logo_30x30") html+="<img align='left' src='"+ch[chtag[i]]+"' onerror=\"this.style.display='none'\" id='img_ch' width=20 height=18 />";
			html+="<input style='width:380px;' id='chtagid_"+chtag[i]+"' name='chtag["+chtag[i]+"]' value='"+ch[chtag[i]]+"' />";
			html+="<br>";
		}
	}
	html+="Ссылка на:<br><input type='radio' checked='true' name='set_url' value='playlist_url' onclick=\"$('#chtagid_url').show();$('#div_proxyurl').show();\" />страницу <input id='str' type='radio' name='set_url' value='stream_url' onclick=\"$('#chtagid_url').show();$('#div_proxyurl').hide();\" /> видео  <span title='Текст (с HTML оформлением) писать в description!'><input type='radio' name='set_url' value='description' onclick=\"$('#chtagid_url').hide();$('#div_proxyurl').hide();\" /> текст ?</span>                                                    <span title='Интерактивный поиск по текущей странице!'><input type='radio' name='set_url' value='SearchName' onclick=\"$('#chtagid_url').hide();$('#div_proxyurl').hide();$('#chtagid_title').val('Интерактивный поиск по странице');$('#chtagid_logo_30x30').val('"+siteurl+"/include/plugin/search/search.png');\" /> SearchName ?</span> <br><input style='width:380px;' id='chtagid_url' name='chtagurl' value='"+ch["playlist_url"]+ch["stream_url"]+"' /><br>";
	
	html+="<div id='div_proxyurl'><select name='chtagid_proxyurl' id='chtagid_proxyurl' style='height: 21px;font-size:75%;'><option value=''>Открытая ссылка.</option><option value='1'>&#128274;&#128274;&#128274;Скрыть и шифровать содерж. по IP+MAC.Только ForkPlayer</option> "+
		"<option value='2'>&#128274;&#128274;Скрыть и шифровать содержимое по IP. Только ForkPlayer</option> "+
		" <option value='3'>&#128274;&#128274;Cкрыть ссылку и переадрес. содержимое, защита по IP</option>"+
		" <option value='4'>&#128274;Cкрыть только ссылку, защита по IP</option>  <option value='-1'>&#9760; Не отображать / Отключить (кроме админ.)</option>  </select></div>";
	 
	
	html+="Позиция: <br><input type='radio' checked='true' name='set_position' value='' />по умолчанию <input type='radio' name='set_position' value='list' onclick=\"if(Main['typeList']!='start') {confirm('Необходимо установить Вид: плитка'); return false};\" />список  <input type='radio' name='set_position' value='label' onclick=\"if(Main['typeList']!='start') {confirm('Необходимо установить Вид: плитка'); return false};\" />label <input type='radio' name='set_position' value='hlink' onclick=\"if(Main['typeList']!='start') {confirm('Необходимо установить Вид: плитка'); return false};\" />гориз. ссылка  <br><input type='radio' name='set_position' value='bigtile' onclick=\"if(Main['typeList']!='start') {confirm('Необходимо установить Вид: плитка'); return false};\" />высокая плитка 128х215 <input type='radio' name='set_position' value='fulleditline' onclick=\"if(Main['typeList']!='start') {confirm('Необходимо установить Вид: плитка'); return false};\" />широкое поле ввода<br> <span title='Необходимо будет HTML оформление прописать в теге template с $title и $logo_30x30'><input type='radio' name='set_position' value='html' onclick=\"if(Main['typeList']!='start') {confirm('Необходимо установить Вид: плитка'); return false};\" />html ?</span><br>";
	for(var i in channels[n]){
		if(i&&channels[n][i]&&html.indexOf("chtagid_"+i+"")==-1&&i!="stream_url"&&i!="playlist_url"&&i!="imgsrc") html+=i+" <span style='color:gray;'>"+gV(chtag_info,i)+"</span><br><input style='width:380px;' id='chtagid_"+i+"' name='chtag["+i+"]' value='"+channels[n][i].toString()+"' /><br>";
	}
	html+="<a href=\"javascript:if($('#alltags').css('display')=='block') $('#alltags').hide(); else $('#alltags').show();\">Показать все теги</a><br>";	
	html+="<div id='alltags' style='display:none';>";
	for(var i=5;i < chtag.length;i++) {
		if(html.indexOf("chtagid_"+chtag[i]+"")==-1){
			html+=chtag[i]+" <span style='color:gray;'>"+gV(chtag_info,chtag[i])+"</span><br>";
			html+="<input style='width:380px;' id='chtagid_"+chtag[i]+"' name='chtag["+chtag[i]+"]' value='"+ch[chtag[i]]+"' />";
		}
	}
	html+="</div>";
	html+="<input type='button' onclick=\"save_edit(); \" value='OK' /> <input type='button' onclick=\"del_edit(); \" value='Удалить' /> <input type='button' onclick=\"$('#edit').hide(); \" value='Отмена' />";
	html+="<div>";
	$("#edit").html(html);
	applico();
	$('[name=chtagid_proxyurl]').val([gV(ch,"proxyurl")]);
	
	
	if(ch["stream_url"]!="") $('[name=set_url]').val(['stream_url']);
	
	console.log("POS: "+gV(ch,"position"));
	if(gV(ch,"position")!="") $('[name=set_position]').val([ch["position"]]);
	
	if($('[name=set_url]:checked').val()!="playlist_url") $('#div_proxyurl').hide();
	
	if(ch["stream_url"]=="description") 
	$("#edit").css("width","778px");
	$("#edit").show();
	$("#chtagid_description").css("width","380px");
	$("#chtagid_description").htmlarea({
                // Override/Specify the Toolbar buttons to show
				css: "/include/templates/js/jHtml/jHtmlArea.Editor.css",
                toolbar: [
                    ["html","|","bold", "italic", "underline", "|", "forecolor"],
                    ["justifyLeft", "justifyCenter", "justifyRight","p"],
                    ["|", "image"]
                ]}).parent().resizable({ alsoResize: $(this).find("iframe") });
	/*$("#chtagid_description").htmlarea("pasteHTML", ch[chtag[4]]);	*/		 
			
	
	$("#edit").css("top",$('#ch'+nedit).offset().top-150);
}
function show_player(u,is_iptv,t){
	$("#player").css("top",$("#ch"+t).offset().top);
	$("#player").css("left",120);
	$("#player").css("background-color","black");
	var html=''; 
	if(u=='description'){
		html="";
		return;
	}
	else if((u.indexOf("/serial/")>0&&u.indexOf("/iframe")>0)||(u.indexOf("/video/")>0&&u.indexOf("/iframe")>0)) html='<iframe src="'+u+'" id="moonwalk_video" width="640" height="360" frameborder="0" allowfullscreen></iframe>';
	else if(u.indexOf("youtube.com/watch?v=") > 0 || u.indexOf("youtube.com/embed") > 0 || u.indexOf("youtube.com/video") > 0|| u.indexOf("youtu.be/") > 0) html='<iframe width="640" height="360" src="https://www.youtube.com/embed/'+u.match(/v=(.*)/)[1]+'" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';	
	else if(!is_iptv&&!u.match(/\.(m3u8)/)) html='<video width="640" height="360" autoplay=true src="'+u+'"></video>';
	else html='<object id="video_flash_api" class="vjs-tech" width="640" height="369" name="video_flash_api" data="/include/templates/js/GrindPlayer.swf" type="application/x-shockwave-flash" style="display: block;    background-color: #000;clear:both;">'+
'<param value="plugin_hls=templates%2Fjs%2FflashlsOSMF.swf&readyFunction=videojs.Flash.onReady&eventProxyFunction=videojs.Flash.onEvent&errorEventProxyFunction=videojs.Flash.onError&autoplay=true&preload=undefined&loop=undefined&muted=undefined&hls_debug=true&hls_capleveltostage=true&src='+encodeURIComponent(u)+'&" name="flashvars">'+
'<param value="always" name="allowScriptAccess"><param value="all" name="allowNetworking"><param value="transparent" name="wmode"><param value="#000000" name="bgcolor"></object>';
	 $("#player").html('<div style="background-color:black;float:right;color:white;"><a onclick="$(\'#player\').html(\'\');$(\'#player\').hide();">Закрыть</a></div>'+html);
	$("#player").show();
	
}
function del_edit(){
	channels.splice(nedit,1);
	$('#edit').hide();
	listch();
}
function save_edit(){
	var n=nedit;
	
	if(n==-1) {channels[n]={};for(var i=0;i < chtag.length;i++) channels[n][chtag[i]]="";	}
	
	for(var i=0;i < chtag.length;i++){
		if($("#chtagid_"+chtag[i])==null) continue;
		if(chtag[i]=="description") channels[n][chtag[i]]=$("#chtagid_"+chtag[i]).htmlarea('html');
		else channels[n][chtag[i]]=$("#chtagid_"+chtag[i]).val();
	}
	
	if($('[name=set_url]:checked').val()=="SearchName") {
		channels[n]["playlist_url"]="SearchName";
		channels[n]["stream_url"]="";
	}
	else if($('[name=set_url]:checked').val()=="description") {
		channels[n]["playlist_url"]="";
		channels[n]["stream_url"]="description";
	}
	else if($('[name=set_url]:checked').val()=="stream_url") {
		channels[n]["playlist_url"]="";
		channels[n]["stream_url"]=$("#chtagid_url").val();
	}
	else {
		channels[n]["playlist_url"]=$("#chtagid_url").val();
		channels[n]["stream_url"]="";
	}
	channels[n]["position"]=$('[name=set_position]:checked').val();	
		
	if($('[name=set_url]:checked').val()=="playlist_url"&&$('#chtagid_proxyurl').val()!="") channels[n]["proxyurl"]=$('#chtagid_proxyurl').val();
	else delete channels[n]["proxyurl"];
		
	
	var chnumb=$("#chnumb").val();
	if(chnumb<1) chnumb=1;
	else if(chnumb>channels.length) chnumb=channels.length;
	if(chnumb!=n+1){
		var tmp=channels.splice(n,1)[0];
		channels.splice(chnumb-1,0,tmp);
	}
	$("#userlink").val(JSON.stringify(channels[n]));
	$("#userlink").prop("type","text");
	$("#userlink").after( " "+channels[n]["title"]+"<br>");
	if(n==-1){
		delete channels[n];
		$('#ch-1').hide();
	}
	$('#edit').hide();
	listch(null,n); 
}
function upload_page(){
	for(var i=0;i < channels.length;i++){
		for(var j=0;j < chtag.length;j++) if(channels[i][chtag[j]]=="") delete channels[i][chtag[j]];
	}
	$("#pl_channels").val(JSON.stringify(channels));
	$("#formxml").submit();
}

function OpenUrl(url){
	document.location=url;
}
function OpenGoBack(){
	history.back();
}
function ConfirmMessage(s,func){
	if(func!=null) {
		if(confirm(s)) func.apply(this);
	}
	else confirm(s);
}

function applyStyles(st){
	for(var i in st["cssid"]) setStyles(i,"cssid|"+i,st);
}
function $_(id){
	return document.getElementById(id);
}

function $_inner(id,s){
	try{
		$_(id).innerHTML=s;
	}
	catch(e){
		console.log(id);
		console.log(e);
	}
}
function setStyles(id,styles,arraySt){
	if(typeof arraySt!="undefined"&&arraySt!=null&&$_(id)!=null){		
		var st=styles.split("|");
		if(arraySt!=null){
			if(typeof arraySt[st[0]]!="undefined"&&arraySt[st[0]]!=null){
				if(st.length>1){
					var el=st.shift();
					return setStyles(id,st.join("|"),arraySt[el]);
				}
				else{
					for(var i in arraySt[st[0]]){
						if(i=="before") $_inner(id,arraySt[st[0]][i]+$_(id).innerHTML);
						else if(i=="after") $_inner(id,$_(id).innerHTML+arraySt[st[0]][i]);
						else $_(id).style[i]=arraySt[st[0]][i];
					}
				}
			}
		}
	}
}


function fxml_input(name){
	var input = $('[name="' + name + '"]');
	var value;
	if (input.is('input[type="checkbox"]')) {
		value = input.prop('checked');
	} else if (input.is('input[type="radio"]')) {
		value = $('[name="' + name + '"]:checked').val();
	} else if (input.is('select')) {
		value = input.find('option:selected').val();
	} else {
		value = input.val();
	}
	return value;
}