let maestroID = -1;

let addPlayerListManager;
let searchPlayerListManager;

let mouseAppList;
let typingAppList;


$(document).ready(function() {
	maestroID = sessionStorage.getItem("maestroID");
	console.log("maestroID : " + maestroID);
});

function tabClicked(tabNo) {
	// hide and show tab
	for(let i = 0; i < 4; i++) {
		$("#page-tabs li").filter(":eq(" + i + ")").removeClass("activated");
	}

	let tabIndex = tabNo - 1;
	$("#page-tabs li").filter(":eq(" + tabIndex + ")").addClass("activated");

	// hide and show content
	switch(tabNo) {
		case 1:
		addPlayerListManager.setupAddPlayerList();
		$("#section_add_player").removeClass("hide");

		$("#search_player").addClass("hide");
		$("#mouse_app_list").addClass("hide");
		$("#typing_app_list").addClass("hide");
		break;
		case 2:
		$("#section_add_player").addClass("hide");

		$("#search_player_name").val("");
		searchPlayerListManager.setupSearchPlayerList("");
		$("#search_player").removeClass("hide");

		$("#mouse_app_list").addClass("hide");
		$("#typing_app_list").addClass("hide");
		break;
		case 3:
		$("#section_add_player").addClass("hide");
		$("#search_player").addClass("hide");
		$("#mouse_app_list").removeClass("hide");
		$("#typing_app_list").addClass("hide");
		break;
		case 4:
		$("#section_add_player").addClass("hide");
		$("#search_player").addClass("hide");
		$("#mouse_app_list").addClass("hide");
		$("#typing_app_list").removeClass("hide");
		break;
	}
}


function onClickPlayerListPage(item, pageNo) {
	let tagDiv = $(item).closest("div");
	let tagDivIDName = tagDiv.prop("id");
	// console.log(tagDivIDName);

	if(tagDivIDName === "add_player_list_navigator")
		addPlayerListManager.onClickPlayerListPage(pageNo);
	else if(tagDivIDName === "search_player_list_navigator")
		searchPlayerListManager.onClickPlayerListPage(pageNo);
}