//=============================================
//
//	RsSLS JavaScript
//	2003/12/30~
//	2005/01/18~
//	2005/10/20~
//	2006/09/06~2007/02/11
//
//=============================================
/*


alert( '' );

( dd = { A: 0 } ).MODE = "8^-^8";
	alert( dd[ "MODE" ] );


*/
//==============================
//	global
//==============================


var VIEW_GENRE = "";

//----------------- for viewing topics
var LAST_LIST = {};

var FORM_APPLET = 0;
var VIEW_APPLET = 0;

var MEMO_GEM_LINE = "";
var Sspan = 21;

var SEND_URL = "./RsSLSaccess.php";

//===================================================================================
//===================================================================================
//===================================================================================

//	extra for [ RsSLS ]

//===================================================================================
//===================================================================================
//===================================================================================

//===============================
//	extra send topic
//===============================
function doResponseExtra(){
	MEMO_GEM_LINE = "";
	return;
}


//===============================
//	extra send topic
//===============================
function sendTopicExtra( sendObj ){

	var getGL = ( document.applets[ FORM_APPLET ].getGemLine() + "" ).replace( /!---$/, "" );

	if( getGL == MEMO_GEM_LINE.replace( /!---$/, "" ) && sendObj.SERIAL == '0' ){		// serial=0 : reply mode
		getGL = '';
	}

	sendObj.GEM_LINE = makeGemLine( getGL );

	return sendObj;
}

//--------------------------- trans GemLine
function makeGemLine( GL ){
	return GL;
}

//========================================
//	form set extra [ GEM_LINE ]
//========================================
function formSetExtra( ThreadNumber, SerialNumber, isEditMode ){

	var Glist = THREAD_LIST[ ThreadNumber ].SERIAL[ SerialNumber ];

	with( document.getElementById( 'FORM_TOPIC' ) ){
		MEMO_GEM_LINE = isEditMode ? '' : Glist.GEM_LINE;
		document.applets[ FORM_APPLET ].setGemLineString( Glist.GEM_LINE );
	}

}




//=============================================
//	draw input form
//=============================================
function drawForm (){



	var tagString = "";


	tagString += "<a name='INPUT'></a><br>"+
		"<div class='titleBar'>投稿欄</div>";



	tagString += "<form id='FORM_TOPIC' action='' method='post'" +
			" onSubmit='sendTopic( \"post\", this );return false;'" +
			" onReset='this.SUBMIT_BUTTON.value = \"投稿\";MEMO_GEM_LINE=\"\";return true;'" +
		">" +



		"<input type='hidden' name='THREAD' value='0'>" +		// thread number
		"<input type='hidden' name='SERIAL' value='0'>" +		// serial number in thread
		"<input type='hidden' name='PARENT' value='0'>" +		// parent number in thread
		"<input type='hidden' name='MODE' value='postTopic'>" +
		"<input type='hidden' name='GEM_LINE' value=''>";


	//---------------------- draw score
	tagString += "<table align='center' border='10' cellspacing='0' style='width:92%;' class='backWhite'>" +
		"<tr>";


	//----------------------- draw form part

	tagString += "<td>";

		tagString += "<table cellspacing='0'>";
		tagString += "<tr>";
			tagString += "<th nowrap class='backBlack' style='width:1%;'>名前</th>" +
			"<td style='width:10%;'><input type='text' name='NAME' size='16' class='backWhite' style='width:100%;' value=''></td>";

		tagString += "<th nowrap class='backBlack' style='width:1%;padding:0px 0.5ex;'>編集鍵</th>" +
			"<td style='width:10%;'>" +
				"<input type='password' name='KEY' class='backWhite' size='8' style='width:100%;' value=''>" +
			"</td>" +


			"<td style='width:1%;text-align:center;'>" +
				"<button type='button' id='RIGHT_BUTTON' onclick='sendTopic( \"right\", null );'>権利</button>" +
			"</td>";
		tagString += "</tr>";

		//---------------------- mail
		tagString += "<tr>" +
			"<th nowrap class='backBlack' style='width:1%;'>メール" +
			"</th>" +
			"<td colspan='4'><input type='text' name='MAIL' size='10' class='backWhite' style='width:100%;" + ( !!document.all ? "ime-mode:disabled;" : "" ) + "' value='" + LAST_LIST.MAIL + "'></td>";


		//---------------------- link

		tagString += "<tr>" +
				"<th nowrap class='backBlack' style='width:1%;'>リンク</th>" +
			"<td colspan='4'><input type='text' name='LINK' size='10' class='backWhite' style='width:100%;" + ( !!document.all ? "ime-mode:disabled;" : "" ) + "'></td>" +
		"</tr>";


		tagString += "<tr>" +
			"<th class='backBlack' style='width:1%;'>お題</th>" +
			"<td colspan='4'><input type='text' name='TITLE' size='10' class='backWhite' style='width:100%;' value=''></td>" +
		"</tr>";

		tagString += "</table>";


	tagString += "</td>";

	//-------------------- message
	tagString += "<td rowspan='3' class='backGray' style='width:80%;height:80%;'>";

		tagString += "<table border='0' cellspacing='0' style='width:100%;height:100%;'>";

		tagString += "<tr>";
		tagString += "<th colspan='2' class='backBlack'>投稿文" +
			"</th>";
		tagString += "</tr>";






		tagString += "<tr><td rowspan='2' style='width:90%;height:50%;'>" +
			"<textarea name='MESSAGE' rows='5' cols='35' wrap='soft' class='backWhite'" +
				" style='width:100%;height:100%;padding:0.5ex;" + (
						LAST_LIST.STYLE
							? "color:" + LAST_LIST.STYLE
							: "color:#000;"
					) + "'>" +
			"</textarea>" +
			"</td>";


		//-------------------- color selecter

		tagString += "<th nowrap style='height:1%;'>字色</th>";

		tagString += "</tr>";





		tagString += "<tr>";
		tagString += "<td>";
	
			tagString += "<table cellspacing='0' style='width:100%;height:100%;'>";

			var splitList = ( "color:" + LAST_LIST.STYLE ).split( ";" );
			var styleList = {};
			for( var Snum in splitList ){
				var pair = splitList[ Snum ].split( ":" );
				if( pair.length == 2 ){
					styleList[ pair[ 0 ] ] = pair[ 1 ];
				}
			}

			for( var Cnum in COLOR_LIST ){
				var getC = COLOR_LIST[Cnum];
				tagString += "<tr><td align='center' style='background-color:white;'>" +
					"<div style='background-color:" + getC + ";height:100%;'>" +
						"<input type='radio' name='COLOR' value='" + getC + "'" +
							( styleList.color == getC ? " checked" : "" ) +
							" onclick='this.form.MESSAGE.style.color=this.value;'" +
						">" +
					"</div>" +
				"</td></tr>";
			}
			tagString += "</table>";

		tagString += "</td>";

		tagString += "</tr>";








		tagString += "<tr>";
		//-------------------- Quote Reply

		var Qtext = "返信引用";
		tagString += "<td colspan='2' style='text-align:center;height:1%;'>" +
			"<button type='button' id='QUOTE_REPLY_BUTTON' onclick='if(QUOTE_TEXT!=\"\" && confirm(\"" + Qtext + " OK ?\\n----\\n\" + QUOTE_TEXT)){ this.form.MESSAGE.value=QUOTE_TEXT; }'>" + Qtext + "</button>";

		//-------------------- game formula
		tagString += "<button type='button' onclick='callFormula();'>対局情報定式</button>" +
		"</td>";


		tagString += "</tr>";




		//-------------------- face ball
		tagString += "<tr>";
		tagString += "<td colspan='2' style='height:1%;'>";


			tagString += "<table cellspacing='0' style='width:100%;height:100%;'>";



			tagString += "<tr>";
			tagString += "<th class='backBlack' style='text-align:center;height:1%;'>顔珠</th>";

			tagString += "<td rowspan='2' class='backWhite' style='border-style:solid;border-width:1px;border-color:black;text-align:center;height:20%;'>";








			tagString += "<img name='SHOW_ICON' src='" + DIR_ICON + ( LAST_LIST.ICON != "" ? LAST_LIST.ICON : ICON_LIST['Basic'][0] ) + ".gif' alt='FaceBall' border='0'>" +
			"</td>";
			tagString += "</tr>";
			tagString += "<tr>";



			tagString += "<td style='text-align:center;height:10%;'>";



				tagString += "<select name='ICON' onChange='showIcon();' style='font-family:monospace;margin:auto;'>";

				for( var Inum in ICON_LIST ){
					tagString += "<option value='" + Inum + "'" +
						( LAST_LIST.ICON == Inum ? " selected" : "" ) +
						">" + ICON_LIST[ Inum ] + "</option>";
				}

				tagString += "</select>";


			tagString += "</td>";

			tagString += "</tr>";
			tagString += "</table>";

		tagString += "</td>";


		tagString += "</tr>";


		//-------------------- submit button


		tagString += "<tr>";


		tagString += "<td colspan='2' class='backBlack' style='text-align:center;height:1%;'>" +


			"<input type='submit' id='SUBMIT_BUTTON' value='投稿' style='font-size:larger;padding:0px 1ex;margin:0.2ex 1em;'>" +


			"<input type='reset' id='RESET_BUTTON' value='リセット' style='font-size:smaller;'>" +


		"</td>" +

		"</tr>";






		tagString += "</table>";



	tagString += "</td>";


	tagString += "</tr>";



	tagString += "<tr>";

	//------------------------------ board

	tagString += "<td style='width:1%;' class='backWhite'>";

		tagString += makeTagRDFA( 'E', -Sspan, "", [], false );

	tagString += "</td>";

	tagString += "</tr>";







	//-------------------- submit button
	var clearMessage = "珠クリア";

	tagString += "<tr>";


	tagString += "<td align='center' class='backGray'>" +

		"<button type='button' id='CLEAR_BORAD_BUTTON' onclick='if(confirm(\"" + clearMessage + " OK ?\")){ document.applets[ FORM_APPLET ].setGemLineString( \"\"); }' style='width:70%;padding:0px 1em;'>" +
			clearMessage +
		"</button>" +


		"</td>";


	tagString += "</tr>";


	tagString += "</table>";





	tagString += "</form>";


	//================================
	//	game formula
	//================================
	tagString += "<div id='FLOAT_FORMULA' style='display:none;border-style:ridge;background-color:cyan;'>";

	tagString += "<div class='backBlack' style='text-align:center;'>対局情報定式</div>";


	tagString += "<form id='FORM_FORMULA' action='' method='post'" +
			" onSubmit='setFormula(this);document.getElementById(\"FLOAT_FORMULA\").style.display=\"none\";return false;'" +
		">";


	tagString += "<div nowrap style='padding:1ex;'>";
	//-------------------- date
	with( new Date() ){
		tagString += "<select name='DATE_YY' id='DATE_YY'>";
			var currentYear = getFullYear();
			for( var YY=2000; YY<=currentYear + 1 ; YY++ ){
				tagString += "<option value='" + YY + "'" +
						( YY == currentYear ? " selected" : "" ) +
					">" + YY + "</option>";
			}

		tagString += "</select>年";

		tagString += "<select name='DATE_MM' id='DATE_MM'>";
			var currentMonth = getMonth() + 1;
			for( var MM=1; MM<=12; MM++ ){
				tagString += "<option value='" + MM + "'" +
						( MM == currentMonth ? " selected" : "" ) +
					">" + MM + "</option>";
			}

		tagString += "</select>月";
		tagString += "<select name='DATE_DD' id='DATE_DD'>";
			var currentDate = getDate();
			for( var DD=1; DD<=31; DD++ ){
				tagString += "<option value='" + DD + "'" +
						( DD == currentDate ? " selected" : "" ) +
					">" + DD + "</option>";
			}

		tagString += "</select>日";
	}

	//-------------------- place
	var placeList = [ "RtPBS", "WtPBS", "Hangame", "Infoseek", "ORC", "" ];
	tagString += "<br><select name='PLACE' id='PLACE'>";
		for( var Pkey in placeList ){
			tagString += "<option value='@" + placeList[ Pkey ] + "'" + ( Pkey=='0' ? " selected" : "" ) + ">@" + placeList[ Pkey ] + "</option>";
		}
	tagString += "</select>";


	//-------------------- turn
	var turnList = {
		EQUAL : "示黒/択白",
		REVERSE : "択黒/示白",
		FREE : "黒/白"
	};

	var partationMark = "：";

	tagString += "<br><select name='TURN' id='TURN'>";
		for( var Tkey in turnList ){
			tagString += "<option value='" + turnList[Tkey].replace( /\//, partationMark + "\n" ) + partationMark + "'" + ( Rkey=='0' ? " selected" : "" ) + ">" + turnList[ Tkey ] + "</option>";
		}
	tagString += "</select>";

	//-------------------- result
	var resultList = {
		BLACK : "で黒投了",
		WHITE : "で白投了",
		DRAW : "で満局",
		NONE : ""
	};

	tagString += "<br><select name='RESULT' id='RESULT'>";
		for( var Rkey in resultList ){
			tagString += "<option value='" + resultList[ Rkey ] + "'" + ( Rkey=='0' ? " selected" : "" ) + ">" + resultList[ Rkey ] + "</option>";
		}
	tagString += "</select>";
	tagString += "</div>";
		tagString += "<div class='backGray' style='text-align:center;'>"+
			"<input type='submit' value='セット'>"+
			"<button type='button' onclick='document.getElementById(\"FLOAT_FORMULA\").style.display=\"none\";'>閉じる</button>"+
		"</div>";
	tagString += "</form>";



	tagString += "</div>";



	document.write( tagString );



	FORM_APPLET = document.applets.length - 1;


}


//===================================
//	call formula
//===================================
function callFormula(){
	document.getElementById( "FLOAT_FORMULA" ).style.display = "block";

	with( isNN ? CATCH_AXIS : event ){
		callFloatBox( "FLOAT_FORMULA",
			document.body.scrollLeft + x -140,
			document.body.scrollTop + y -200
		);
	}
}

//=======================================
//	set formula
//=======================================
function setFormula( Fobj ){
	var outputString = "";
	with( Fobj ){
		outputString += DATE_YY.value + "/" + DATE_MM.value + "/" + DATE_DD.value + " " + PLACE.value + "\n";
		outputString += TURN.value + "\n" + RESULT.value;
	}

	if( confirm( "この情報をセットしますか？\n-------------\n" + outputString ) ){
		var FMobj = document.getElementById( "FORM_TOPIC" );
		if( FMobj ){
			FMobj.MESSAGE.value = outputString + ( FMobj.MESSAGE.value ? "\n\n" : "" ) + FMobj.MESSAGE.value;
		}
	}


}



//=======================================
//	draw topics
//=======================================
function drawTopics(){

	var Tnum;

	var tagString = "";

	//----------------------------
	//	prompt message box
	//----------------------------
	tagString += makeTagPromptBox();

	//----------------------------
	//	title bar
	//----------------------------
	tagString += "<a name='TOPICs'></a><br>";
	tagString += "<div class='TitleBar'>投稿文</div>";

	//----------------------------
	//	topic menu box
	//----------------------------
	tagString += makeTagTopicMenu();


	tagString += "<a name='TOPICs_TREE'></a><br>";

	tagString += "<table id='TABLE_BOX' align='center' cellspacing='0' style='width:92%;'>";
	//----------------------------
	//	topic box
	//----------------------------


	//---------------------------- move button
	tagString += "<tr>";
	tagString += "<td colspan='2'>";

	tagString += "<button type='button' onclick='pageThread( false );'>Prev</button>";
	tagString += "<button type='button' onclick='pageThread( true );'>Next</button>";
	tagString += "</td>";
	tagString += "</tr>";

	//---------------------------- title box
	tagString += "<tr>";
	tagString += "<td colspan='2'>";


	tagString += "<div id='TITLE_BOX' style='margin:1ex;" +
				"border-width:5px;" +
				"border-style:ridge;" +
			"'>TITLE_BOX</div>";


	tagString += "</td>";
	tagString += "</tr>";



	tagString += "<tr>";

	//----------------------------
	//	message main
	//----------------------------

	tagString += "<td id='MESSAGE_HOME' style='width:auto;'>";
		tagString += "<div id='MESSAGE_MAIN' style='overflow:auto;height:" + ( Sspan * 19 ) + "px;'>MESSAGE_MAIN</div>";
	tagString += "</td>";


	//----------------------------
	//	board box
	//----------------------------

	tagString += "<td id='BOARD_HOME' style='vertical-align:top;width:" + ( Sspan * 18 + 4 ) + "px;'>";

		tagString += "<div id='BOARD_BOX' style='padding:1ex 1ex 0px;border-style:ridge;background-color:lightgreen;'>";
		tagString += makeTagRDFA( 'D', -Sspan, "", [], false );
		tagString += "<div nowrap id='BOARD_TITLE' style='text-align:center;padding:1ex;'>8^-^8</div></div>";

	tagString += "</td>";

	tagString += "</tr>";



	//----------------------------
	//	message box
	//----------------------------
	tagString += "<tr>";

	tagString += "<td colspan='2'><div id='MESSAGE_NEST_BOX'>MESSAGE_NEST_BOX</div></td>";

	tagString += "</tr>";

	tagString += "</table>";


	//----------------------------
	//	menu box
	//----------------------------


	tagString += "<div id='MENU_BOX' style='padding:1em;'>MENU_BOX</div>";



	document.write( tagString );

	//----------------------------
	//	get applet number
	//----------------------------
	VIEW_APPLET = document.applets.length - 1;

}


//=============================================
//	call new thread
//=============================================
function viewThread( headNumber ){
	var threadNumber = THREAD_NUMBER[ headNumber ];


	var Tnum;
	//-------------------- no data
	if( !threadNumber ){
		for( Tnum in THREAD_LIST ){
			if( hasThread[ Tnum ] ){
				threadNumber = parseInt( Tnum );
				break;
			}
		}
		if( !threadNumber ){
			with( document ){
				getElementById( 'TITLE_BOX' ).innerHTML = "<div class='backGray' style='padding:1ex;text-align:center;'>投稿がありません</div>";
				getElementById( "MESSAGE_MAIN" ).innerHTML = "";
				getElementById( "MESSAGE_NEST_BOX" ).innerHTML = "";

				homeBoard();
				applets[ VIEW_APPLET ].setGemLineString( "" );
			}
			return;
		}

	}

	var thisThread = THREAD_LIST[ threadNumber ];

	if( !thisThread ){
		return;
	}


	//--------------------------------------------- set nest
	with( thisThread ){
		for( Tnum in SERIAL ){
			SERIAL[ Tnum ].CHILDREN = [];
			var getParent = SERIAL[ Tnum ].PARENT;
			if( Tnum != '0' && SERIAL[ getParent ] ){
				SERIAL[ getParent ].CHILDREN = SERIAL[ getParent ].CHILDREN.concat( [ parseInt( Tnum ) ] );
			}
		}
	}

	//--------------------------------------------- readers + reply nest
	var childrenTag = "";
	with( thisThread.SERIAL[ 1 ] ){
		for( var SEnum in CHILDREN ){
			childrenTag += makeThreadNestTag( threadNumber, CHILDREN[ SEnum ] ) ;
		}
	}

	document.getElementById( "MESSAGE_NEST_BOX" ).innerHTML =
		(
			makeTagReader( threadNumber ) +
			( childrenTag != ""
				? "<div class='backBlack' style='margin-top:1ex;border-style:outset;border-width:10px;'>" + childrenTag + "</div>"
				: ""
			)
		).replace( /LLIO/g, USHER_ID );

	//------------------ main message
	var children = thisThread.SERIAL[ 1 ].CHILDREN;
	thisThread.SERIAL[ 1 ].CHILDREN = [];
	document.getElementById( "MESSAGE_MAIN" ).innerHTML = makeThreadNestTag( threadNumber, 1 ).replace( /LLIO/g, USHER_ID );
	thisThread.SERIAL[ 1 ].CHILDREN = children;


	document.getElementById( 'TITLE_BOX' ).innerHTML = HEADer_TAG.replace( /LLIO/g, USHER_ID );
	//----------------------------- set width
	with( document ){
		getElementById( 'MESSAGE_HOME' ).style.width =
			Math.max( 30,
				getElementById( 'TABLE_BOX' ).offsetWidth - parseInt( getElementById( 'BOARD_HOME' ).style.width )
			) + "px";
	}

	//----------------------------- board to home position
	callBoard( threadNumber, 1 );

	//------------------ adjust selecter
	document.getElementById( 'THREAD_SELECT' ).value = thisThread.HEAD;

}

//=============================================
//	set home position from <td>
//=============================================
function homeBoard(){
	//--------------- get <td> position ( left-top )
	var Bobj = document.getElementById( "BOARD_HOME" );

	FLOAT_HOME.BOARD_BOX = {
		X : Bobj.parentNode.parentNode.parentNode.offsetLeft + Bobj.offsetLeft,
		Y : Bobj.parentNode.parentNode.parentNode.offsetTop + Bobj.offsetTop
	};

	//--------------- standard function for FloatBox
	homeFloatBox( "BOARD_BOX" );
}




//===================================
//	call board from button
//===================================
function callBoard( THnum, Snum ){

	//--------------- get <td> position ( left-top )

	if( Snum == 1 ){
		homeBoard();
	}else{

		var Xpos = 0;
		var Ypos = 0;
		for( var Fobj = document.getElementById( "OPEN" + Snum ); Fobj ; Fobj = Fobj.offsetParent ){
			Xpos += Fobj.offsetLeft;
			Ypos += Fobj.offsetTop;
		}

		callFloatBox( "BOARD_BOX",
			document.body.clientWidth - Sspan*18 - 20,
			Ypos - Sspan*18.5
		);
	}


	try{
var memo = 0;
		document.applets[ VIEW_APPLET ].setGemLineString( 
			( THnum && Snum &&
				THREAD_LIST[ THnum ] &&
				THREAD_LIST[ THnum ].SERIAL[ Snum ] &&
				THREAD_LIST[ THnum ].SERIAL[ Snum ].GEM_LINE
			)
			? THREAD_LIST[ THnum ].SERIAL[ Snum ].GEM_LINE
			: ""
		);
memo ++;
		document.getElementById( "BOARD_TITLE" ).innerHTML = "珠譜 " + Snum;

	}catch( err ){
		status = "RDFA set : " + THREAD_LIST[ THnum ].SERIAL[ Snum ].GEM_LINE + "/" + err;
	}


}