var g_arrTagList = [];
var g_arrFavoriteTagList = [];
function ToSingle(strSrc) {
	var han= '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@-.,:';
	var zen= '１２３４５６７８９０ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ＠－．，：';
	var strDst = strSrc;
	for(i=0;i<zen.length;i++) {
		var regex = new RegExp(zen[i], "gm");
		strDst = strDst.replace(regex, han[i]);
	}
	return strDst;
}

function OnTagListUpdate() {
	var strSearch = $("#TagInputTxt").val().toLowerCase();
	var nFindNum = 0;
	var bFindComp = false;
	var strHtml = "";
	if(strSearch.length > 0) {
		for(var i=0; i<g_arrTagList.length; i++) {
			var strTagNameLower = g_arrTagList[i][1].toLowerCase();
			if(strTagNameLower.indexOf(strSearch)>=0) {
				nFindNum++;
				strHtml += CreateTagListItem(g_arrTagList[i][0], g_arrTagList[i][1], g_arrTagList[i][2]);
				if(strTagNameLower==strSearch) {
					bFindComp = true;
				}
			}
			if(nFindNum>9) break;
		}
	} else {
		for(var i=0; i<g_arrFavoriteTagList.length; i++) {
			strHtml += CreateTagListItem(g_arrFavoriteTagList[i][0], g_arrFavoriteTagList[i][1], g_arrFavoriteTagList[i][2]);
			bFindComp = true;
		}
	}
	if(!bFindComp && strSearch.length>0) {
		//strHtml += CreateTagListNewItem(strSearch);
	}
	$("#TagInputSuggest").show();
	$("#TagInputSuggest").html(strHtml);
}

function CreateTagListItem(nId, strTagName, nTagNum) {
	strTagName = EscapeString(strTagName);
	var strTagNameFull = strTagName + " (" + nTagNum + ")";
	var strTagFileName = "//tegaki.pipa.jp/user_img/tag/" + Math.floor(nId/10000) + "/" + nId + "_tag.png";
	$TagInputItem = $('<div></div>').addClass('TagInputItem TagInputItemCandidate').attr('title', strTagNameFull).attr('onclick', 'OnTagListClick('+nId+', "'+strTagName+'")');
	$TagInputImg = $('<img />').addClass('TagInputImg').attr('src', strTagFileName).attr('onerror', 'this.onerror=null;this.src="//tegaki.pipa.jp/img06/DefaultTag30.gif"');
	$TagInputTxt = $('<span></span>').addClass('TagInputTxt').html(strTagNameFull);
	$TagInputItem.append($TagInputImg).append($TagInputTxt);
	return $TagInputItem.prop("outerHTML");
}

function CreateTagListNewItem(strTagName) {
	var strTagNameDisp = strTagName + " を追加";
	var strRtn = "<div class=\"TagInputItem TagInputItemCandidate\" title=\"" + strTagNameDisp + "\" onclick=\"OnTagListAdd(-1)\">";
	strRtn += "<img class=\"TagInputImg\" src=&quot;//tegaki.pipa.jp/img06/DefaultTag30.gif&quot; />";
	strRtn += "<span class=\"TagInputTxt\">" + strTagNameDisp + "</span>";
	strRtn += "</div>";
	return strRtn;
}

function OnTagListFocus() {
	$("#TagInputSuggest").show();
}

function OnTagListBlur() {
	$("#TagInputSuggest").hide();
}

function OnTagListToggle() {
	if($("#TagInputSuggest").html().length < 1) {
		OnTagListUpdate();
	} else {
		$("#TagInputSuggest").toggle();
	}
}

function OnTagListClick(nId, strTagName) {
console.log(nId, strTagName);
	var elTag = $("*[name=TagInputItemData]");
	if(elTag.length >= 1) return;
	for(var i=0; i<elTag.length; i++) {
		if($(elTag[i]).val() == nId) return;
	}
	$("#TagInputItemList").append(CreateTagListItemData(nId, strTagName));
	$("#TagInputSuggest").hide();
	if($("*[name=TagInputItemData]").length >= 1) $("#TagInputForm").hide();
}

function CreateTagListItemData(nId, strTagName) {
	$TagInputItem = $('<div></div>').addClass('TagInputItem');
	var strTagFileName = "//tegaki.pipa.jp/user_img/tag/" + Math.floor(nId/10000) + "/" + nId + "_tag.png";
	$TagInputImg = $('<img />').addClass('TagInputImg').attr('src', strTagFileName).attr('onerror', 'this.onerror=null;this.src="//tegaki.pipa.jp/img06/DefaultTag30.gif"');
	$TagInputTxt = $('<span></span>').addClass('TagInputTxt').html(strTagName);
	$TagInputCmd = $('<div></div>').addClass('TagInputCmd fa fa-times').attr('onclick', 'OnTagListDelete('+ nId + ')');
	$TagInputItemData = $('<input />').attr('name','TagInputItemData').attr('type', 'hidden').val(nId);
	$TagInputItem.append($TagInputImg).append($TagInputTxt).append($TagInputCmd).append($TagInputItemData);
	return $TagInputItem.prop("outerHTML");
}

function OnTagListDelete(nId) {
	var elTag = $("*[name=TagInputItemData]");
	for(var i=0; i<elTag.length; i++) {
		if($(elTag[i]).val() == nId) {
			$(elTag[i]).parent().remove();
			break;
		}
	}
	if($("*[name=TagInputItemData]").length < 1) $("#TagInputForm").show();
}

var ADDNEWTAG = "タグ名を入力";

function OnFocusTagList() {
	if($("#TagInputTxt").val()==ADDNEWTAG) {
		$("#TagInputTxt").val("");
	}
}

function OnTagListAdd(nId) {
	var strTagName = $("#TagInputTxt").val();
	strTagName = strTagName.replace(/[<>€€]+/g, "");
	strTagName = strTagName.replace(/^[\s　]+|[\s　]+$/g, "");
	if(strTagName.length < 1) return;
	if(strTagName==ADDNEWTAG) {
		$("#TagInputTxt").val(ADDNEWTAG);
		return;
	}

	$.getJSON("VUploadNewTag.jsp", {TGN:strTagName, ID:nId}, function(data){
		if(data[0]>1) {
			OnTagListClick(data[0], data[1]);
		}
	});
}

function GetTagName(nId) {
	var strTagName = "";
	for(var i=0; i<g_arrTagList.length; i++) {
		if(g_arrTagList[i][0]==nId) {
			strTagName = g_arrTagList[i][1];
			break;
		}
	}
	return strTagName;
}


function attach(obj,eve,func){
	if(obj.attachEvent){
		obj.attachEvent('on'+eve,func);
	}else{
		obj.addEventListener(eve,func,false);
	}
}

attach(window,'load',function(){
	var strHtml = "";
	for(var i=0; i<g_arrFavoriteTagList.length; i++) {
		strHtml += CreateTagListItem(g_arrFavoriteTagList[i][0], g_arrFavoriteTagList[i][1], g_arrFavoriteTagList[i][2]);
	}
	$("#TagInputSuggest").html(strHtml);
	$("#TagInputTxt").val(ADDNEWTAG);
	});