var cmpActiveItem;

var modal = document.getElementById('myModal');
var span = document.getElementsByClassName("close")[0];

var corrH = [0,1,2,2,1,1,1,1,1,1,2,2,2]; //gumarvuma sport-in u eji karucvacqna voroshvum makeMatch-um
var gameId=gameIdM="", tableId=""; //ete xaxa sxmvac, xaxi id-n; gameIdM-n id-n demic g, ogtagorcvuma makeMatch-um
var initTmpObj=["",""]; //[0] goal-i u [1] tabliceq-i tvyalnery qasheluc heto lcnuma sra mej

document.addEventListener('click', this.documentClick,false);
function documentClick(e){   //document-i vra vortex sxmum en sa ashxatuma
	if(e.target.classList[1]==="rL"){ //sxmec hashvi vra
                initTmpObj[0]="";
                var ev = document.getElementById("matchInfo");
                if(ev) ev.remove();
                if(e.target.parentNode.parentElement.id!==gameId){
                        gameId=e.target.parentNode.parentElement.id;
                        gameIdM="g"+gameId;
                        makeDetails["Goal"](gameId, 0);
                }
                else gameId=gameIdM=0;
        }
        else if(e.target.className==="fa fa-youtube-play" || e.target.className==="vGoal"){// sxmec video
                if(e.target.className==="vGoal"){
                        var mId=e.target.parentNode.parentNode.parentNode.parentElement.id;
                        var goalId=e.target.id.replace("v","");
                }
                else{
                        var mId=e.target.parentNode.parentNode.parentNode.parentNode.parentElement.id;
                        var goalId=e.target.parentNode.id.replace("v","");
                }
                modal.style.display = "block";
//              document.getElementsByClassName("StandingsTeamRow")[0].innerHTML="<div class=vGoal><iframe src=\""+initObj.ev[mId][goalId].v+"\" frameborder=\"0\" width=\"100%\" allowfullscreen\"></iframe></div>";
                //modal.getElementsByClassName("title")[0].innerHTML=initObj.ev[mId][goalId].t;
                if(initObj.ev[mId][goalId].v.includes("mp4") && !initObj.ev[mId][goalId].v.includes("embed.html"))
                modal.getElementsByClassName("StandingsTeamRow")[0].innerHTML="<div style=\"width:100%;height:0px;position:relative;padding-bottom:56.327%;\"><video controls autoplay style=\"width:100%;height:100%;position:absolute;\"><source src=\""+initObj.ev[mId][goalId].v+"\" type=\"video/mp4\"></video></iframe></div>";
                else
                modal.getElementsByClassName("StandingsTeamRow")[0].innerHTML="<div style=\"width:100%;height:0px;position:relative;padding-bottom:56.327%;\"><iframe src=\""+initObj.ev[mId][goalId].v+"\" frameborder=\"0\" width=\"100%\" height=\"100%\" allowfullscreen style=\"width:100%;height:100%;position:absolute;\"></iframe></div>";
                modal.getElementsByClassName("modal-content")[0].style.height="50vh";
                modal.style.paddingTop="100px";
                if(window.innerWidth < 500)
                modal.getElementsByClassName("modal-content")[0].style.width="100%";
	}
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
        modal.getElementsByClassName("StandingsTeamRow")[0].innerHTML="<iframe src=\"\"></iframe>";
        if(window.innerWidth < 500)
        modal.getElementsByClassName("modal-content")[0].style.width="90%";
        modal.style.display = "none";
        modal.getElementsByClassName("icon")[0].style.backgroundImage="";
        tableId=0;
}

var makeMatch = {
	sport1: function(Match,cnt,brief=0){
		var str, rowT="";;
		var strRC1=strRC2=strN="";

		var goalFl={ row: [""," red"], html: ["","<div class=\"angle angleTop\"></div><div class=\"angle angleBot\"></div><div class=\"goal\">GOAL</div>"] };

		var min, minSt="";
		var res;
		var id=initObj.games[Match].id;

		var rL="";
		if(initObj.games[Match].rL) rL=" rL";

		min=initObj.games[Match].R.st;
                if(initObj.games[Match].sh===3){
			min=Math.floor(Number(initObj.games[Match].stT)/60);
			initObj.games[Match].stT=tmNow+Number(initObj.games[Match].stT);
			if(initObj.games[Match].R.st==="1T" && min>45){
				min-=45; if(min>10) min="";
				min="45+"+min;
			}
			else if(initObj.games[Match].R.st==="2T" && min>90){
				min-=90; if(min>10) min="";
				min="90+"+min;
			}
			else min+="<blink> '</blink>";
		}

		if(min){
			if(initObj.games[Match].sh > 1) minSt=" l w";
			res=initObj.games[Match].R.r1+" : "+initObj.games[Match].R.r2;
		}
		else res="-";

		if(initObj.rc[id]){
			if(initObj.rc[id].rc1>0)
			strRC1="<span class=\"cart p1\">"+initObj.rc[id].rc1+"</span>";
			if(initObj.rc[id].rc2>0)
			strRC2="<span class=\"cart p2\">"+initObj.rc[id].rc2+"</span>";
		}

		if(min){
			str="<div class=ltime>"+initObj.games[Match].tm+"</div>";
			str+="<div class=\"status"+minSt+"\">"+min+"</div>";
		}
		else{
			str="<time>"+initObj.games[Match].tm+" </time>";
			str+="<div class=\"lstatus"+minSt+"\">"+min+"</div>";
		}

		str+=goalFl.html[initObj.games[Match].c];
		str+="<div class=\"club h\">"+
				strRC1+initObj.games[Match].p1+"</div>"+
			"<div class=\"res"+rL+minSt+"\">"+res+"</div>"+
			"<div class=\"club\">"+
				initObj.games[Match].p2+strRC2+"</div>"+
			"<div class=\"lnk\">";
			//"<a href=details.html?d=>";
				//"<i class=\"fa fa-youtube-play\"></i>"+
				//"<i class=\"far fa-arrow-alt-circle-right\"></i>"+
				//"<i class=\"fas fa-arrow-right\"></i>"+
				//"<i class=\"far fa-hand-point-right\"></i>"+
				//"<i class=\"fas fa-ellipsis-h\"></i>"+
				//"<i class=\"fas fa-long-arrow-alt-right\"></i>"+
		if(initObj.games[Match].h==="1") str+=" h2h";
		if(initObj.games[Match].h==="2"){ 
			//var hrefL="/"+initObj.games[Match].p1+"-"+initObj.games[Match].p2+"-highlights/result/";
			var hrefL="/"+initObj.games[Match].p1+"-vs-"+initObj.games[Match].p2+"-"+id+"/";
			hrefL=hrefL.replaceAll("\* ","");
			hrefL=hrefL.replaceAll(" \*","");
			hrefL=hrefL.replaceAll(" ","-").toLowerCase();
			//console.log("hrefL="+hrefL);
			str+="<a href=\""+hrefL+"\">MC</a>";
		}
			str+="</div>";


		if(brief) return str;

		if(initObj.games[Match].n){
			strN="<div class=\"txtInfo white\">"+initObj.games[Match].n+"</div>";
//			rowT=" rowInfo";
		}
//		else rowT=" rowSt";
				
		if(cnt%2===0) rowT=" white";
		rowT+=goalFl.row[initObj.games[Match].c];
//		if(!min) rowT+=" rowF";
//		else rowT+=" rowR";
	
		str="<div id=\""+id+"\"><div class=\"row"+rowT+"\">"+str;
		str+="</div>";

		str+=strN;

		if(Match===gameIdM){
			var detEl=document.getElementById("matchInfo");
			if(detEl){
				str+="<div id=\"matchInfo\">";
				str+=detEl.innerHTML;
				str+="</div>";
			}
		}
		str+="</div>";
		if(initObj.games[Match].v)
			str+="<div class=\"videoM\"><iframe width=\"70%\" height=\"315\" src=\""+initObj.games[Match].v+"\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\"></iframe></div>";
		return str;
	},

	sport2: function(Match,cnt,brief=0){
	 	var str, rowT="";
		var strResP=strRC1=strRC2=strN="";

		var goalFl={ row: [""," red"], html: ["","<div class=\"angle angleTop\"></div><div class=\"angle angleBot\"></div>"] };

		var min, minSt="";
		var res;
		var id=initObj.games[Match].id;

		for(var i=0; i<initObj.games[Match].rP.length;i++){
			strResP+="<div class=resP>";
			strResP+="<div class=h>"+initObj.games[Match].rP[i]+"</div>";
			i++;
			strResP+="<div>"+initObj.games[Match].rP[i]+"</div>";
			strResP+="</div>";
		}

		min=initObj.games[Match].R.st;
		if(initObj.games[Match].sh===3){
			min+="<blink> '</blink>";
		}

		if(min){
			if(initObj.games[Match].sh > 1 && min) minSt=" l w";
			str="<div class=\"ltime\">"+initObj.games[Match].tm+" </div>";
			str+="<div class=\"status"+minSt+"\">"+min+"</div>";
		}
		else{
			str="<time>"+initObj.games[Match].tm+" </time>";
			str+="<div class=\"lstatus"+minSt+"\">"+min+"</div>";
		}

		str+=goalFl.html[initObj.games[Match].c];

		str+="<div class=\"club h\">"+initObj.games[Match].p1+
			"<div>"+initObj.games[Match].p2+"</div></div>"+
			"<div class=\"res"+minSt+"\"><div class=h>"+initObj.games[Match].R.r1+"</div>"+
			"<div>"+initObj.games[Match].R.r2+"</div></div>"+strResP+
			"<div class=\"lnk\">";
			if(initObj.games[Match].h==="1") str+=" h2h";
			str+="</div>";
		if(brief) return 0;

		if(initObj.games[Match].n){
			strN="<div class=\"txtInfo white\">"+initObj.games[Match].n+"</div>";
			//rowT="rowInfo";
		}
		//else rowT="rowSt";

		if(cnt%2===0) rowT+=" white";
		//if(!min) rowT+=" rowF";
		//else rowT+=" rowR";

		rowT+=goalFl.row[initObj.games[Match].c];

		str="<div id=\""+id+"\"><div class=\"row"+rowT+"\">"+str;

		str+="</div>";

		str+=strN;

		str+="</div>";

		if(initObj.games[Match].v)
			str+="<div class=\"videoM\"><iframe width=\"70%\" height=\"315\" src=\""+initObj.games[Match].v+"\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\"></iframe></div>";
		return str;
	}
}
init();

function init(){
	var initID=["TODAY","RESULT","FIXTURES"];
	var strMenu="";
	var j;

	name="<span>"+name+"</span>";
	document.getElementsByClassName("icon")[2].style.backgroundImage="url(\"//s3.amazonaws.com/bookmkrs/img/flags/"+cntId+".png\")";
	document.getElementsByClassName("title")[2].innerHTML=name;
//console.log(jsTxt);
	var getObj=JSON.parse(jsTxt);

	initObj=getObj[0];

	for(j=0;j<3;j++){
		str=showComp(getObj[j],j);
		var itemTmp=document.getElementById(initID[j]);
		itemTmp.innerHTML = str;
		itemTmp.style.display="none";

		if(str){
			if(!strMenu){
				strMenu="<div class=\"item active\">"+initID[j].toLowerCase()+"</div>";
				itemTmp.style.display="block";
			}
			else strMenu+="<div class=\"item\">"+initID[j].toLowerCase()+"</div>";
		}
	}

//table
	var strTable="";
	for(i in getObj[3].comps){
strTable+="<div class=\"comp\">";
strTable+="<div class=\"compBase\">"+getObj[3].comps[i].nm+"</div>";
strTable+="</div>";
strTable+="<div class=\"StandingsTeamRow\">";
strTable+="<div class=\"tbl header\">";
strTable+="<div class=\"col num centered\">N</div>";
strTable+="<div class=\"col name\">Club</div>";
strTable+="<div class=\"col p centered\">P</div>";
strTable+="<div class=\"col w centered\">W</div>";
strTable+="<div class=\"col d centered\">D</div>";
strTable+="<div class=\"col l centered\">L</div>";
strTable+="<div class=\"col fa centered\">F - A</div>";
strTable+="<div class=\"col pnt centered\">P</div>";
strTable+="</div>";

		var id=getObj[3].comps[i].id;
		var table=getObj[3].tables[id];
		for(j in table){
var n=Number(j)+1;
if(n%2===0) strTable+="<div class=\"tbl\">";
else strTable+="<div class=\"tbl white\">";
strTable+="<div class=\"col num centered\">"+n+"</div>";
strTable+="<div class=\"col name\">"+table[j].c+"</div>";
strTable+="<div class=\"col p centered\">"+table[j].p+"</div>";
strTable+="<div class=\"col w centered\">"+table[j].w+"</div>";
strTable+="<div class=\"col d centered\">"+table[j].d+"</div>";
strTable+="<div class=\"col l centered\">"+table[j].l+"</div>";
strTable+="<div class=\"col fa centered\">"+table[j].fa1+" - "+table[j].fa2+"</div>";
strTable+="<div class=\"col pnt centered\">"+table[j].pnt+"</div>";
strTable+="</div>";
		}
strTable+="</div>";
	}
	var itemTmp=document.getElementById("TABLE");
	itemTmp.innerHTML = strTable;
	itemTmp.style.display="none";
	if(strTable){
		if(!strMenu){
			strMenu="<div class=\"item active\">table</div>";
			itemTmp.style.display="block";
		}
		else strMenu+="<div class=\"item\">table</div>";
	}
//!table

	document.getElementsByClassName("TabMenu")[0].innerHTML=strMenu;

	var cmpItem = document.getElementsByClassName("item");
	for (var i = 0; i < cmpItem.length; i++) {
		cmpItem[i].addEventListener("click", clCompItem, 1);
		if(cmpItem[i].classList[1]==="active") cmpActiveItem=cmpItem[i];
	}
	getComp();
}

function showComp(getObj, dateFlag) {
	var compStr=gameStr=str=""; //gameStr-um gruma ete gmFl-a
	var currComp,currDate,compShow,gmCnt=0; //
	var i;

	for(i in getObj.rc){
		initObj.rc[i]=getObj.rc[i];
	}
	for(i in getObj.comp){
		initObj.comps[i]=getObj.comps[i];
	}
	for(i in getObj.ev){
		initObj.ev[i]=getObj.ev[i];
	}

	tmNow=0;
	for(i in getObj.games){
		initObj.games[i]=getObj.games[i];
		if(getObj.games[i].cm!==currComp || getObj.games[i].dt!==currDate){
			if(gameStr){
				str+=compStr+gameStr;//+"</div></div>";
			}
			currComp=getObj.games[i].cm; currDate=getObj.games[i].dt;
			compStr="<div class=\"comp\"><div class=\"compBase\">"+getObj.comps[currComp].nm;
			if(dateFlag) compStr+=" - "+currDate;
			compStr+="</div></div>";//<span>table</span></div>";</i> <i class=\"fas fa-bars\"></i>
			gameStr=""; compShow=gmCnt=0;
		}
		//gameStr+=makeMatch["sport](i,gmCnt);
		gameStr+=makeMatch["sport"+corrH[sportId]](i,gmCnt);
		gmCnt++;
	}
	if(gameStr){
		str+=compStr+gameStr;
	}
	return str;
}

function clCompItem(){
	var cmpPrevItem=document.getElementById(cmpActiveItem.innerText);
	var cmpClItem=document.getElementById(this.innerText);

	this.classList.toggle("active");
	cmpActiveItem.classList.toggle("active");

	cmpActiveItem.classList.remove="active";

	cmpPrevItem.style.display="none";
	cmpClItem.style.display="block";
	cmpActiveItem=this;
	getComp();
//makeDetails["Goal"]("730228", 0);
	return 0;
}

var makeDetails = {
	Goal: function(Id,cnt){
		if(gameId!==Id) return; //timeout-na ashxatel bayc arden poxvela
		var ev = document.getElementById("matchInfo");
		var evIcon={"goal": ["<i class=\"fa fa-futbol-o\"></i>",""], "og": ["<div class=og><i class=\"fa fa-futbol-o\"></i></div>"," (og)"], "pen": ["<i class=\"fa fa-futbol-o\"></i>"," (pen)"], "yc": ["<div class=\"card yc pos\">1</div>",""], "rc": ["<div class=\"card rc pos\">1</div>",""], "2yc": ["<div class=\"card rc pos\">1</div>",""], "m.pen": ["<div class=miss>&times;</div><i class=\"fa fa-futbol-o\"></i>"," (m.pen)"], "var": ["<div class=miss></div>","VAR - Goal Disallowed"] };

		var strHtm="";
		if(ev){
			ev.remove();
		}

		var match = document.getElementById(Id);
		var htm=document.createElement("div");
		htm.setAttribute("id","matchInfo");

		if(initObj.ev[Id]) initTmpObj[0]=initObj.ev[Id];
		else if(!initTmpObj[0]){
			//dnuma loader u sksum qashel
			strHtm="<div id=goalLoader><div class=loader></div></div>";
			htm.innerHTML="<div id=matchSummary>"+strHtm+"</div>";
			match.appendChild(htm);
			getTmp(Id,"Goal");
			return;
		}

		for(var i=0;i<initTmpObj[0].length;i++){
			if(initTmpObj[0][i].e=="p.pen") continue;
			if(initTmpObj[0][i].e=="p.m.pen") continue;
			console.log(initTmpObj[0][i].e);
			strHtm+="<div class=line>";
			if(initTmpObj[0][i].c==="1"){
				strHtm+="<div class=C1><div class=p>"+initTmpObj[0][i].p+evIcon[initTmpObj[0][i].e][1]+"</div><div class=\"e\">"+evIcon[initTmpObj[0][i].e][0]+"</div><div class=m>"+initTmpObj[0][i].m+"'</div></div>";
			}
			else{
				var c2Long=mLong="";
				if(initTmpObj[0][i].m.length > 3){
					c2Long=" c2Long"; mLong=" mLong";
				}
				strHtm+="<div class=\"C2"+c2Long+"\"><div class=\"m"+mLong+"\">"+initTmpObj[0][i].m+"'</div><div class=\"e\">"+evIcon[initTmpObj[0][i].e][0]+"</div><div class=p>"+initTmpObj[0][i].p+evIcon[initTmpObj[0][i].e][1]+"</div></div>";
			}
			if(initTmpObj[0][i].v){
				strHtm+="<div id=v"+i+" class=\"vGoal\"><i class=\"fa fa-youtube-play\"></i></div>";
			}

			strHtm+="</div>";
		}
		if(initObj.games["g"+Id].rP[4] || initObj.games["g"+Id].rP[5]){
			strHtm+="<div class=onPen>On penalties: "+initObj.games["g"+Id].rP[4]+" - "+initObj.games["g"+Id].rP[5]+"</div>";
		}

		/*
		if(initObj.games["g"+Id].cm==="15")
		strHtm+="<a target=_blank href=https://www.scorestrike.com/england-premier-league-goals/highlights/><div class=_lnk>England Premier League Goals...</div></a>";
		*/
//advertizing
/*
var evT  = document.getElementsByClassName("advB")[0];
evT.innerHTML="<iframe height=120px width=320px src=https://www.scorestrike.com/advH.php></iframe>";
*/
if(window.innerWidth < 600){
	htm.innerHTML="<div id=matchSummary>"+strHtm+"</div>";//mec
}
else{
	htm.innerHTML="<div id=matchSummary>"+strHtm+"<div class=line></div><div class=line></div></div>";//poqr
}
//strHtm+="<div class=line><div class=adv><iframe height=100px width=320px src=https://www.scorestrike.com/advH.php?w=320></iframe></div></div>";
//!advertizing
		//htm.innerHTML="<div id=matchSummary>"+strHtm+"<div class=line></div><div class=line></div></div>";//poqr
		//"<div id=matchSummary><div class=line><div class=C1><div class=name>Sergei Ignashevich</div><div class=\"event p2\"><i class=\"fa fa-futbol\"></i></div><div class=C2>17'</div></div></div></div>";
		match.appendChild(htm);


		var bounding = match.getBoundingClientRect();

		scrollBy(0,bounding.top-100);
/*
		if(bounding.top<0 && heightPrev){
			console.log("heightPrev="+heightPrev+";"+bounding.top);
			if(-bounding.top<heightPrev){
				console.log("aaa");
				scrollBy(0,-heightPrev);
			}
			else{
				scrollBy(0,-100);
				console.log("bbb");
			}
		}
*/
		heightPrev=bounding.height-82;
/*
		match.scrollIntoView();
		scrollBy(0,-100);
*/
	//	if(!add) timerG = window.setTimeout(makeDetails["Goal"], 12000, Id, 1);
	}
}

function getComp() {
	if(cmpActiveItem.innerText!=="TODAY") return;
	var url='//api.scorestrike.com/?i='+sportId+'&c='+competitionId;
	var xhr = new XMLHttpRequest();
	xhr.onreadystatechange = function() {
		if(this.readyState == XMLHttpRequest.DONE){
			if(this.status == 200) {
				var getObj = JSON.parse(this.responseText);
				var str=showComp(getObj,0);
				var itemTmp=document.getElementById("TODAY");
				itemTmp.innerHTML = str;
			}
			timer = window.setTimeout(getComp, 14000);
		}
	}
	xhr.timeout = 5000;
	xhr.open("POST", url, true);
	xhr.send();
}