// clog("dbg_+ vcon0")
mod_templates_vcon = $(`<span><!--#include virtual="/ign/xf/vc/vcon.html" --></span>`)
// C:\bspace\repos\jc4\ign4\xf\vc\vcon.html

glob_mx.filmstrip_handlers[undefined] = function function_name(argument) {
    clog("default FN HANDLER")
}
// glob_mx.vcon = 0
glob_mx.vcon = glob_mx.vcon || {
	fn:{}
} 

glob_mx.filmstrip_tile_handlers[undefined] = function function_name(argument) {
    clog("default FN TILE HANDLER")
}

window.glob_dev_fns.sv_onContainerClick = function(a,b,c,d,e,f){
	clog("sv_onContainerClick",a.kv,{that:this,a,b,c,d,e,f})
	var event = a.kv.event
	clog(":EVENT",event)
	event.eobj ? 0 : event.eobj = {}
	event.eobj.triggerPin = a.kv.triggerPin
	// return
	if (event.stopPropagation && !a.kv.triggerPin ){

// event.stopPropagation();
            // event.preventDefault();
	}
	// console.trace("sv_onContainerClick")

	return {}
}
function vspace_click(jevent,b,c,d,e){

	// clog("vspace_click.",{that:this,jevent,b,c,d,e},{t:jevent.target,ab:$(jevent.originalEvent.target).parents().addBack()})
	clog("vspace_click.")
	// clog("vspace_click.",{that:this,jevent,b,c,d,e},{t:jevent.target,ab:$(jevent.originalEvent.target).parents().addBack()})
	

	// clog("vspace_click_x",{that:this,jevent,b,c,d,e},{jevent,eobj:jevent.originalEvent.eobj})



	// clog("vspace_click",{that:this,jevent,b,c,d,e,args:arguments})
	jevent.originalEvent.eobj ? 0 : jevent.originalEvent.eobj = {}
	// jevent.originalEvent.eobj
	// set_corner

	// clog("vspace_click2",jevent,jevent.originalEvent.eobj)
	if (!("triggerPin" in jevent.originalEvent.eobj) || jevent.originalEvent.eobj.triggerPin){
		// $(jevent.originalEvent.target).has(".icont")
		// jevent.originalEvent.target
		// .addBack() 
		let ab = $(jevent.originalEvent.target).parents().addBack()
		if (!ab.filter(".icont")[0]){
			return
		} 
		if (ab.filter(".maf_vid_template")[0]){
			return

		}
		set_corner(
		$(jevent.originalEvent.target).parents().addBack().filter(".icont")[0].dataset.corner
			)
/*
		clog("TRI",$(jevent.originalEvent.target).hasClass("icont"),
			$(jevent.originalEvent.target).parents().hasClass("icont"),
			$(jevent.originalEvent.target).parents().addBack().hasClass("icont"),
			// $(jevent.originalEvent.target).parents().hasClass("vspace"),
			"...",
			$(jevent.originalEvent.target).parents().addBack().filter(".icont")[0].dataset.corner,
			[jevent.originalEvent.target],)
*/
	} else {

		clog("~TRI~")
	}

		// clog("~TRI2~",!"triggerPin" in jevent.originalEvent.eobj,!("triggerPin" in jevent.originalEvent.eobj),"triggerPin" in jevent.originalEvent.eobj)

}


function init_apix_info(){
	clog("init_apix_info 4",window.msto,window.glob_td)
}

function _init_apix(){
	clog("init_apix")
	clog("init_apix_ ~4")
	try {
		init_apix_info()
	} catch (err){
		console.error("init_apix_info err:",err)
	}
	clog("init_apix...",jc(glob_mx.qxi_cb))
	saftly_remove(".plugin_top")
	// return
	// return
	var n,nj,p
	var ps0,ps1,ps2,ps3,ps4
	nj = mod_templates_vcon.find("#vspace_filmstrip_template")
	clog("init_apix",nj.length,nj)
	clog("init_apix",$(".vspace"),$("#videospace"))
	if (nj.length){
	// n= mod_templates_vcon.find("#vspace_filmstrip_template")[0].outerHTML
	n= mod_templates_vcon.find("#vspace_filmstrip_template").clone()
	ps0= mod_templates_vcon.find(".pseudo_vid_anon")[0].outerHTML
	ps1= mod_templates_vcon.find(".pseudo_vid_dflt")[0].outerHTML
	ps2= mod_templates_vcon.find(".pseudo_vid_named")[0].outerHTML
	ps3= mod_templates_vcon.find(".pseudo_num_1")[0].outerHTML

	n=$(n)
	glob_mx.override_fns.iapx_hdec? glob_mx.override_fns.iapx_hdec(n):0

	// n.find(".ic1").append(ps0)
	// n.find(".ic1").append(ps1)
	// n.find(".ic1").append(ps2)
	// n.find(".ic1,.ic2").append(ps3,ps1)
	// n.find(".ic1").append(ps3)
	// n.find(".ic1").append(p)
	add_node(n,`.vspace`,"append")
	// $(".vspace").off("click")
	$(".vspace").click(vspace_click)
	place_psuedo_vids()

	// html_hooks.create_video_tile(p)
	}
}
function td_init_apix(arg_obj,o,cb_meta){
	clog("init_apix")
	clog("rhc",arg_obj,o,cb_meta)
	if (o.skip_default_fn){
		return
	}
	clog("td_init_apix_ ~4")
	try {
		init_apix_info()
	} catch (err){
		console.error("init_apix_info err:",err)
	}
	// clog("init_apix...",jc(glob_mx.qxi_cb))
	saftly_remove(".plugin_top")
	// return
	// return
	var n,nj,p
	var ps0,ps1,ps2,ps3,ps4
	nj = mod_templates_vcon.find("#vspace_filmstrip_template")
	clog("init_apix",nj.length,nj)
	clog("init_apix",$(".vspace"),$("#videospace"))
	if (nj.length){
	// n= mod_templates_vcon.find("#vspace_filmstrip_template")[0].outerHTML
	n= mod_templates_vcon.find("#vspace_filmstrip_template").clone()
	ps0= mod_templates_vcon.find(".pseudo_vid_anon")[0].outerHTML
	ps1= mod_templates_vcon.find(".pseudo_vid_dflt")[0].outerHTML
	ps2= mod_templates_vcon.find(".pseudo_vid_named")[0].outerHTML
	ps3= mod_templates_vcon.find(".pseudo_num_1")[0].outerHTML

	n=$(n)
	glob_mx.override_fns.iapx_hdec? glob_mx.override_fns.iapx_hdec(n):0

	// n.find(".ic1").append(ps0)
	// n.find(".ic1").append(ps1)
	// n.find(".ic1").append(ps2)
	// n.find(".ic1,.ic2").append(ps3,ps1)
	// n.find(".ic1").append(ps3)
	// n.find(".ic1").append(p)
	add_node(n,`.vspace`,"append")
	$(".vspace").off("click")
	$(".vspace").click(vspace_click)
	place_psuedo_vids()

	// html_hooks.create_video_tile(p)
	}
}



function gen_arr(val,len){
	var arr = []
	if (len){
		arr[len-1]=1
	}
	arr.fill(val)
	return arr
}
function set_vid_names(){
	var i,k,v,j
	var cnt = 0
	j=$(".small_vid")
	for (v of j){
		cnt += 1
		$(v).css({
			"--vindex":`"${cnt}"`,
			"--vindex2":`"${cnt}~"`,
		})
	}
}

function oslc_0(obj,index,attrs){
	var ret = {}
	var i,j,k,v
	var i2,j2,k2,v2
	var key
	var val
	for ([i,k,v] of keyVal2(obj)) {
		if (typeof(index)=="object"){
			switch (index[0]){
				case "i":
					key = i
					break;

				case "k":
					key = k
					break;
					default:
					key = i


			}
		} else {
		key = v[index]

		}
		val = {}
		val.ik = {i,k,t:typeof(index),key}
		ret[key]=val
		for ([i2,k2,v2] of keyVal2(attrs)){
			val[k2] = v[v2]
		}

	}
	return ret

}
function oslc_0x(obj,index,attrs){
	var ret = {}
	var i,j,k,v
	var i2,j2,k2,v2
	var key
	var val
	for ([i,k,v] of keyVal2(obj)) {
		if (typeof(index)=="object"){
			switch (index[0]){
				case "i":
					key = i
					break;

				case "k":
					key = k
					break;
					default:
					key = i


			}
		} else {
		key = v[index]

		}
		val = {}
		val.ik = {i,k,t:typeof(index),key}
		ret[key]=val
		for ([i2,k2,v2] of keyVal2(attrs)){
			val[k2] = v[v2]
		}
		if (attrs == "val"){
			ret[key] = v
			// clog("VAL",attrs)
		}

	}
	return ret

}
function oslc(obj,index,attrs){
	var ret = {}
	var i,j,k,v
	var i2,j2,k2,v2
	var key
	var val
	for ([i,k,v] of keyVal2(obj)) {
		if (typeof(index)=="object"){
			switch (index[0]){
				case "i":
					key = i
					break;

				case "k":
					key = k
					break;
					default:
					key = i


			}
		} else {
		key = v[index]

		}
		val = {}
		val.ik = {i,k,t:typeof(index),key}
		ret[key]=val
		for ([i2,k2,v2] of keyVal2(attrs)){
			// val[k2] = v[v2]
			ret[key] = v[v2]

		}

	}
	return ret

}



function set_volume_(vloc,retx,k,vlow){
	clog("jev_v","set_volume_")



		if (vloc != msto.my_data.corner.loc ){
			retx[k].$container.addClass("a0 ax")
			retx[k].$container.removeClass("a1 a2")
			// let 
			// let among_us = msto.my_data.corner.loc == "ic1" && glob_mx.among_us ? 0 : .09
			let among_us = msto.my_data.corner.loc == "ic1" && glob_mx.among_us ? 0 : vlow

			// let among_us = msto.my_data.corner.loc == "ic1"  ? 0 : .1

			// retx[k].$container.find("audio,video").prop("volume",.1)
			// retx[k].$container.find("audio,video").prop("volume",among_us)
			
			let av = retx[k].$container.find("audio,video")
			av.prop("volume",among_us)
			av.addClass("vlow")
			av.removeClass("vhi")
			// let = retx[k].$container.find("audio,video").prop("volume",among_us)


		// clog(":~:_0",retx[k].isLocal,jc(loc),retx[k])
// clog("dbg_a_10","!=")
		} else if (!retx[k].isLocal){
// clog("dbg_a_10","elif")
		// } else if (!retx[k].isLocal){
			retx[k].$container.addClass("a1 ax")
			retx[k].$container.removeClass("a0 a2")
			// retx[k].$container.find("audio,video").prop("volume",1)
			let av = retx[k].$container.find("audio,video")
			av.prop("volume",1)
			av.removeClass("vlow")
			av.addClass("vhi")
			// clog("")
		// clog(":~:_1",retx[k].isLocal,jc(loc),retx[k])
		} else {
// clog("dbg_a_10","else")
			retx[k].$container.addClass("a2 ax")
			retx[k].$container.removeClass("a1 a0")
			if (msto.my_data.corner.loc == "ic1" && glob_mx.among_us ){
				$(".fs_container").addClass("among_us")
			} else {

				$(".fs_container").removeClass("among_us")
			}
			// $(".local_corner").removeClass("local_corner")
			// $("."+vloc).parents(".cont").addClass("local_corner")

		// clog(":~:_2",retx[k].isLocal,jc(loc),retx[k])
		}


}





function place_remote_vids(){
	// return
	var i,k,v,j

		// clog("dbg_ place_remote_vids",msto.my_data.corner.loc,glob_mx.flags["VCON_INITED"])
	if (glob_dbg.prv_ret){
	return
		
	}
	// clog("dbg_a_","\n\n")
	// clog("dbg_ place_remote_vids")
	// console.trace("dbg_place_remote_vids")
	// j = $(".remote_vid,.local_vid")
	// var loc = msto.my_data.corner.loc
	 // msto.conference.corners.corner_list
	 // vsto.corners

	var loc = msto.conference.corners.corner_list[msto.my_data.corner.loc] || {}
	// 35
	// row_template
	// column_template

	// loc.row_template
	// loc.column_template
	// msto.conference.corners.corner_list[msto.my_data.corner.loc]
	// if (glob_mx.vcon.){}
	if (glob_mx.vcon.fn.grid_cb){
		glob_mx.vcon.fn.grid_cb()
	} else {


	glob_dev_fns.vdec ? glob_dev_fns.vdec() : 0

	$('.fs_container').css({

	// "--gt_rows": 65,
	// "--gt_columns": 65,
	"--gt_rows": loc.row_template,
	"--gt_columns": loc.column_template,
	// "--gt_columns": 35,
	})
	}
	var small_vids = get_smallvids()
	var retx = oslc_0x(get_smallvids(),"id","val") 
	var vhi = 1
	var vlow = .089
	if (msto.private_local.vcon && !isNaN(msto.private_local.vcon.vlow) ){
		vlow = msto.private_local.vcon.vlow
		// msto.private_local.vcon.vlow
	}


	// oslc_0x(get_smallvids(),"id","val") 
// 
	// return
	var  animation_flag = 0
	var dev_flag = 3
	dev_flag = 3
	var iv,ik,ik_
	// for ([ik_,iv] of Object.entries(smallvids)){
	for ([ik,iv] of Object.entries(retx)){
		k = ik
		v = msto.participants[k] || {}


	// for ([k,v] of Object.entries(msto.participants)){
		// if
		// loc
		// clog(":-:",k,retx[k],v)
		var vloc
			// clog("vcon_qxi !.")
		if (!v.corner){
			// clog("vcon_qxi !")
			// continue
			vloc = msto.conference.corners.default_corner
			// continue
		} else {
		vloc = v.corner.loc

		}



// clog("dbg_a_00",{k,v:jc(v)})
		// /*
if (1){

			// retx[k].$container.removeClass("a1 a2 ax a0")
		if (vloc != msto.my_data.corner.loc ){
		} else if (!retx[k].isLocal){
		} else {
			$(".local_corner").removeClass("local_corner")
			$("."+vloc).parents(".cont").addClass("local_corner")

		}
		if (window.glob_dev_fns.jev_set_volume_){
			glob_dev_fns.jev_set_volume_(vloc,retx,k,vlow)
		} else {

		set_volume_(vloc,retx,k,vlow)
		}
		





} else {}
		//	*/
		// clog(":~:__",retx[k],retx[k].isLocal)

		if (dev_flag && 2){
			if (retx[k].$container.parents(".vspace").length && !retx[k].$container.parents("."+vloc).length){
				animation_flag = 3
				// "."+v.corner.loc
			} else {
				animation_flag = 0
			}
		// dev_mv(retx[k].$container,"."+v.corner.loc,1)
		dev_mv(retx[k].$container,"."+vloc,animation_flag)

		}

	}
		if (dev_flag && 1){
	resizeThumbnailsForCustomView()

		}
}
function place_psuedo_vids(){
	var ps0,ps1,ps2,ps3,ps4
	place_remote_vids()
	return
	var arrs
	ps3= mod_templates_vcon.find(".pseudo_num_1")[0].outerHTML
	// ps3= mod_templates_vcon.find(".pseudo_vid_dflt")[0].outerHTML
	// ps3= mod_templates_vcon.find(".pseudo_vid_anon")[0].outerHTML
	// ps3= mod_templates_vcon.find(".pseudo_vid_named")[0].outerHTML
	arr = []
	// return
	$(".ic1").append(...gen_arr(ps3,13))
	$(".ic2").append(...gen_arr(ps3,2))
	$(".ic3").append(...gen_arr(ps3,3))
	$(".ic5").append(...gen_arr(ps3,2))
	set_vid_names()

	// $(".ic1").append(...gen_arr()
}

function fs_place(){
	// fs_place
	var smallvids_ = get_smallvids()
	var smallvids = []

	var k,v,j
	for (v of smallvids_){
		clog("?",v.container)
		smallvids.push(v.container)
	}
	// clog(smallvids.splice(0,3))
	// $(".ic1").append(smallvids.splice(0,3))
	$(".ic1").append(smallvids.splice(0,6))
	$(".ic2").append(smallvids.splice(0,3))
	// $(".ic3").append(smallvids.splice(0,3))
	$(".ic3").append(smallvids.splice(0))



}


function vcon_refresh(){

}


function set_cbs(){

window.glob_mx.qxi_cb.SET_TILE_VIEW_DIMENSIONS = window.glob_mx.qxi_cb.SET_TILE_VIEW_DIMENSIONS || {}
window.glob_mx.qxi_cb.SET_TILE_VIEW_DIMENSIONS.vcon = function(o){
	// return
		// clog("vcon_qxi","SET_TILE_VIEW_DIMENSIONS",jc(glob_mx.flags),o)
	if (glob_mx.flags.VCON_INITED){
		// vcon_event()
		// setTimeout(vcon_event,1000)
		setTimeout(vcon_event,1)
	}
}
window.glob_mx.qxi_cb.PARTICIPANT_JOINED.vcon = function(o){
	// clog("vcon_qxi","PARTICIPANT_JOINED",jc(glob_mx.flags),o)
	if (glob_mx.flags.VCON_INITED){
		// vcon_event()
		setTimeout(vcon_event,1000)
	}



}
window.glob_mx.qxi_cb.PARTICIPANT_LEFT.vcon = function(o){
	// clog("vcon_qxi","PARTICIPANT_LEFT",jc(glob_mx.flags),o)

}
window.glob_mx.qxi_cb.CONFERENCE_JOINED.vcon = function(o){
	// clog("vcon_qxi","CONFERENCE_JOINED",jc(glob_mx.flags),o)
}
clog("CONFERENCE_JOINED set_cbs vcon",jc(glob_mx.qxi_cb.CONFERENCE_JOINED))
}
set_cbs()


// if 
if (window.reg_html_cb){
	// reg_html_cb()
	clog("CONFERENCE_JOINED reg_html_cb",jc(glob_mx.qxi_cb.CONFERENCE_JOINED))
	let run_now = !!glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix

	if (!glob_mx.cb.init_db.vcon){
		glob_mx.cb.init_db.vcon = nop
	}
	// glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix = function(){
	glob_mx.cb.init_db.init_apix = function(){
		run_html_cbs("vspace_filmstrip",{})
	run_html_cbs("tbx_top")
	run_html_cbs("cmenu_cont")


	}
	// reg_html_cb(glob_mx.override_fns.init_apix || _init_apix,"vspace_filmstrip","_init_apix",-1)
	reg_html_cb(td_init_apix,"vspace_filmstrip","_init_apix",0)
	// reg_html_cb(td_init_apix,"vspace_filmstrip","_init_apix",NaN,0)
	if (run_now){
		// glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix()
		glob_mx.cb.init_db.init_apix()
	}
	// clog("r1 init_apix_",run_now)
} else if (glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix){

// init_apix()
	glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix = glob_mx.override_fns.init_apix || _init_apix 
glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix()
} else {
	glob_mx.qxi_cb.CONFERENCE_JOINED.init_apix = glob_mx.override_fns.init_apix || _init_apix 
}





// }
// set_cbs()


// saftly_remove

// glob_mx.override_fns


// filmstrip_handlers


// ... 


// glob_mx.filmstrip_handlers

// glob_mx.flags.CONFERENCE_JOINED