//先にiconfunc.jsを読み込むこと


//選択タグ切り替え関数
function ToggleCommentTab(pGroupNum, pTabNum)
{
	//IEはDIVタグをタブごとに使うとタブが縦に表示されるため、一括で
	if(false){
//		var retText = "";
//		for(i=1;i<aTabName.length+1;i++){
//			if(aTabName.length<i){
//				i = 999;
//				retText += " |";
//				document.getElementById("gr"+pGroupNum+"tagtitle").innerHTML = retText;
//				document.getElementById("gr"+pGroupNum+"-tab").innerHTML = writecomcontent(pGroupNum,pTabNum);
//				return;
//			}
//			if(i == pTabNum){
//				retText += "| <b>▼"+aTabName[i-1]+"▼</b> ";
//			}else{
//				retText += "| <a href=\"javascript: ToggleCommentTab("+pGroupNum+","+(i)+")\">"+aTabName[i-1]+"</a> ";
//			}
//		}
//		retText += " |";
//		document.getElementById("gr"+pGroupNum+"tagtitle").innerHTML = retText;
	}else{
		//※divやiは1ベース、aTabNameは0ベース(なのでi-1)
		for(i = 1; i < aTabName.length + 1; i++){
//			if(aTabName.length<i){
//				i = 999;
//				document.getElementById("gr"+pGroupNum+"-tab").innerHTML = writecomcontent(pGroupNum,pTabNum);
//				return;
//			}

			if(i == pTabNum){
				if(i == 1){
					document.getElementById("gr"+pGroupNum+"tagtitle"+(i)).innerHTML = "| ";
					document.getElementById("gr"+pGroupNum+"tagtitle"+(i)).innerHTML += "<b>▼"+aTabName[i-1]+"▼</b> |";
				}else{
					document.getElementById("gr"+pGroupNum+"tagtitle"+(i)).innerHTML = "<b>▼"+aTabName[i-1]+"▼</b> |";
				}
				//このタブを開く
				document.getElementById("gr"+pGroupNum+"-tab"+i).style.display = "block";
			}else{
				if(i == 1){
					document.getElementById("gr"+pGroupNum+"tagtitle"+(i)).innerHTML = "| ";
					document.getElementById("gr"+pGroupNum+"tagtitle"+(i)).innerHTML += "<a href=\"javascript: ToggleCommentTab("+pGroupNum+","+(i)+")\">"+aTabName[i-1]+"</a> |";
				}else
				{
					document.getElementById("gr"+pGroupNum+"tagtitle"+(i)).innerHTML = "<a href=\"javascript: ToggleCommentTab("+pGroupNum+","+(i)+")\">"+aTabName[i-1]+"</a> |";
				}
				//他のタブは閉じる
				document.getElementById("gr"+pGroupNum+"-tab"+i).style.display = "none";
			}
		}
		//document.getElementById("gr"+pGroupNum+"-tab").innerHTML = writecomcontent(pGroupNum,pTabNum);
	}
}


function writecomcontent(pGroupNum,pTabNum)
{
	//IEの場合テーブルの中にテーブルをinnerHTMLで挿入できないので、テーブルなしのソースを返す
	if(false){
		//IEの場合
		var retText = "";

		var gbIconNum = 0;//グローバルアイコンカウンタ
		var i = 0;
		var ii = 0;
		var tmpIconCount = writecontent_GetIconCount(pTabNum);
		var tmpLineCount = writecontent_GetIconLineCount(pTabNum);
		for(i = 0; i < tmpLineCount; i++){//行数の数だけ実行、行数はaTabName配列の要素数
			for(ii = 0; ii < 18;){//列の数だけ実行
				if(gbIconNum >= aIcon.length){
					ii = 999;
					i = 999;
				}else
				if(pTabNum == aIcon[gbIconNum].tab){//表示すべきアイコンがまだある
					retText += "<img src=\""+aIcon[gbIconNum].img.src+"\" alt=\""+ aIcon[gbIconNum].alt +"\" width=\""+  aIcon[gbIconNum].img.width +"\" height=\""+ aIcon[gbIconNum].img.height+"\" onclick=\"comiconclick("+pGroupNum+","+gbIconNum+")\"> ";
					ii++;
					tmpIconCount--;
				}else
				if(pTabNum != aIcon[gbIconNum].tab){//違うタブの情報
					if(tmpIconCount==0){//これ以降先に選択タブのアイコンは存在しない
						ii = 99;
						i=999;
						retText += "<br>\n";
						return retText;

					}
				}else{//表示すべきアイコンはもうない
					ii = 99;
					i=999;
					retText += "<br>\n";
					return retText;
					ii++;
				}
				gbIconNum++;
			}
			retText += "<br>\n";
		}
		//alert(gbIconNum);
	}else
	if(false){
		//Firefoxその他の場合
		var retText = "<table  border=\"0\">\n";//タブ内のテーブル

		var gbIconNum = 0;//アイコンカウンタ
		var i = 0;
		var ii = 0;
		//alert(aIcon.length);
		for(i = 0; i < writecontent_GetIconLineCount(pTabNum); i++){//行数の数だけ実行、行数はaTabName配列の要素数
			retText += "<tr>\n";
			for(ii = 0; ii < 18;){//列の数だけ実行
				if(gbIconNum >= aIcon.length){
					ii = 999;
					i = 999;
				}else
				if(pTabNum == aIcon[gbIconNum].tab){//表示すべきアイコンがまだある
					retText += "<td><img src=\""+aIcon[gbIconNum].img.src+"\" alt=\""+ aIcon[gbIconNum].alt +"\" width=\""+  aIcon[gbIconNum].img.width +"\" height=\""+ aIcon[gbIconNum].img.height+"\" onclick=\"comiconclick("+pGroupNum+","+gbIconNum+")\"></td>\n";
					ii++;
				}else
				if(pTabNum != aIcon[gbIconNum].tab){//違うタブの情報

				}else{//表示すべきアイコンはもうない
					retText += "<td></td>\n";
					ii++;
				}
				gbIconNum++;
			}
			retText += "</tr>\n";
		}
		retText += "</table>\n";
	}
	if(true){
		//Firefoxその他の場合
		var retText = "<table  border=\"0\" align=\"center\">\n";//タブ内のテーブル

		var gbIconNum = 0;//アイコンカウンタ
		var i = 0;
		var ii = 0;

		retText += "<tr>";
		retText += "<td>";
		
		retText += "<img src=\""+aTabObj[pTabNum-1].Img+"\" usemap=\"#imgmap"+pTabNum+"\" style=\"border-style:none;\">\n";
		
		retText += "<map name=\"imgmap"+pTabNum+"\">\n";
		var nCurX = 0;
		var nCurY = 0;
		var nCurMaxY = 0;
		//alert(aIcon.length);
		for(i = 0; i < writecontent_GetIconLineCount(pTabNum); i++){//行数の数だけ実行、行数はaTabName配列の要素数
//			retText += "<tr>\n";
			for(ii=0;ii<18;){//列の数だけ実行
				if(gbIconNum >= aIcon.length){
					ii = 999;
					i = 999;
				}else
				if(pTabNum == aIcon[gbIconNum].tab){//表示すべきアイコンがまだある
					retText += "<area shape=\"rect\" coords=\""+nCurX+","+nCurY+","+(nCurX+aIcon[gbIconNum].width)+","+(nCurY+aIcon[gbIconNum].height)+"\" href=\"javascript: comiconclick("+pGroupNum+","+gbIconNum+");\">\n";
//					retText += "<td><img src=\""+aIcon[gbIconNum].img.src+"\" alt=\""+ aIcon[gbIconNum].alt +"\" width=\""+  aIcon[gbIconNum].img.width +"\" height=\""+ aIcon[gbIconNum].img.height+"\" onclick=\"comiconclick("+pGroupNum+","+gbIconNum+")\"></td>\n";
					nCurX += aIcon[gbIconNum].width;
					if(nCurMaxY < aIcon[gbIconNum].height){
						nCurMaxY = aIcon[gbIconNum].height;
					}
					ii++;
				}else
				if(pTabNum != aIcon[gbIconNum].tab){//違うタブの情報

				}else{//表示すべきアイコンはもうない
//					retText += "<td></td>\n";
					ii++;
				}
				gbIconNum++;
			}
			nCurY += nCurMaxY;
			nCurMaxY = 0;
			nCurX = 0;
		}
		retText += "</map>\n";
		
		
		retText += "</td>";
		retText += "</tr>";
		retText += "</table>\n";
	}
	return retText;
}

//コメント欄のアイコンをクリックしたときに動作させる関数
function comiconclick(pGroupNum, pArrayNum)
{
	//alert("ここにtextareaへの追加処理を書く");
	//IEとFirefoxでtextareaのカーソル位置の判別方法が異なるため処理分岐
	if(navigator.appName.indexOf("Microsoft") > -1){
		//IEの場合
		var target = document.getElementById("pass");
		target.focus();
		if (document.selection != null){
			var sSel = document.selection.createRange().text;
			if (sSel){
				document.selection.createRange().text = aIcon[pArrayNum].rep;
			}else{
				document.selection.createRange().text = aIcon[pArrayNum].rep;
			}
		}else if(target.selectionStart || target.selectionStart == '0'){
			var s = target.selectionStart;
			var e = target.selectionEnd;
			var str2 = target.value.substring(s,e);
			if (str2){
				target.value = target.value.substring(0,s) + aIcon[pArrayNum].rep + target.value.substring(e,target.value.length);
			}else{
				target.value = target.value.substring(0,s) + aIcon[pArrayNum].rep + target.value.substring(e,target.value.length);
			}
			target.focus();
		}else{
			target.value += aIcon[pArrayNum].rep;
		}
	}else{
		var tmpFirstText = document.getElementById("pass").value.substring(0,document.getElementById("pass").selectionStart);
		var tmpEndText = document.getElementById("pass").value.substring(document.getElementById("pass").selectionEnd,document.getElementById("pass").value.length);
		document.getElementById("pass").value = tmpFirstText + aIcon[pArrayNum].rep + tmpEndText;
	}
	preview("previewcontent", document.getElementById("pass"), pGroupNum);
}

//タブアイコンセット表示用関数、引数にグループ番号を指定する
function makecomtable(tabNum)
{
	var retText = "<hr style=\"border: medium dotted rgb(44, 179, 243);\" size=\"2\">";
	//IEの場合テーブルの中にテーブルをinnerHTMLで挿入できないので、テーブルなしのソースを返す
	if(false){
		//IEの場合

		//タブ表示
		retText += "<div id=\"gr"+tabNum+"tagtitle\"> | ";
		for(i=0;i<aIcon.length;i++){
			if(aTabName[i] === undefined){
				retText += " ";
			}else{
				retText += "<a href=\"javascript: ToggleCommentTab("+tabNum+","+(i+1)+")\">"+aTabName[i]+"</a> | \n";
			}
		}
		retText += "</div> \n";
	
		//タブの後のアイコン表示領域作成
		retText += "<hr style=\"border: medium dotted rgb(44, 179, 243);\" size=\"1\">";
		retText += "<div id=\"gr"+tabNum+"-tab\" style=\"visibility:visible\"></div>\n";
	}else{
		//Firefoxその他の場合
		retText += "<table border=\"0\" align=\"center\"><tr>\n";

		//タブ表示
		for(i = 0; i < aIcon.length; i++){
			if(typeof(aTabName[i]) == "undefined"){
//				retText += "<td></td>\n";
			}else{
				if(i == 0){
					retText += "<td><div id=\"gr"+tabNum+"tagtitle"+(i+1)+"\">| <a href=\"javascript: ToggleCommentTab("+tabNum+","+(i+1)+")\">"+aTabName[i]+"</a> |</div></td>\n";
				}else{
					retText += "<td><div id=\"gr"+tabNum+"tagtitle"+(i+1)+"\"><a href=\"javascript: ToggleCommentTab("+tabNum+","+(i+1)+")\">"+aTabName[i]+"</a> |</div></td>\n";
				}
			}
		}
		retText += "</tr></table>\n";
		retText += "<hr style=\"border: medium dotted rgb(44, 179, 243);\" size=\"1\">";
		//タブの後のアイコン表示領域作成
		for(var i = 1;i<aTabName.length+1;i++){
			retText += "<div id=\"gr"+tabNum+"-tab"+i+"\" style=\"display:none\">"+i+"</div>\n";
		}
//		retText += "<table border=\"0\"><tr>\n";
//		retText += "<div id=\"gr"+tabNum+"-tab\" style=\"visibility:visible\"></div>\n";
//		retText += "</tr></table>\n";
	}
	return retText;

}