//============================================
//	SLS common data
//
//	Color
//	Language
//	Icon
//============================================

/*
*/

var isNN = !document.all;

var CURRENT_TIME = Math.floor( ( new Date() ).getTime() / 1000 );


var THREAD_LIST = {};
var GROUP_LIST = {};

var THREAD_NUMBER = {};
var GROUP_NUMBER = {};

var HEAD_TOPIC = 0;
var HEAD_GROUP = 0;

var CALL_GROUP = 0;

var TOTAL_THREAD = 0;
var TOTAL_GROUP = 0;


var SPAN_THREAD = 0;
var SPAN_GROUP = 0;


var SEND_URL = "";

var COLOR_LIST = ["black","gray","09f","blue","brown","darkorange","red","0c0","green","fuchsia","c06"];

var SEARCH_KEY = "";


var QUOTE_TEXT = "";

var RESPONSE_LIST = {
	MODE : 'view'
};
var CONFIG_LIST = {};

//------------------- for tree open

var HEADer_TAG = "";


var DIR_ICON = "../FaceBall/";		// Icon folder


var ICON_LIST = {
	Basic : "Normal",
	Basic2 : "Normal2",
	AseAse : "Parspiration",
	VeryHot : "Very Hot",
	IraIra : "Very Hot!",
	Appare : "Brabo!",

	Yeah : "Yeah",

	IjiIji : "Shrink",
	LetsGo : "Let's Go !",
	Kya : "Awkward",
	Wink : "Wink",
	Uu : "Uu...",
	DevilStick : "Devil",
	UruUru : "Watery eye",
	UreshiNaki : "Happy Tear",
	UnUn : "Yes Yes",
	Uuun : "Ummm",
	Eee : "Eee",
	TereTere : "Shy",
	OiOi : "Check you",
	HeyYou : "Hey you!",

	ComeHere : "Come here",
	Vomit : "Vomit",

	Ooi : "Hey !",
	Okaimono : "Shopping",
	OSu : "Judo",
	Osumashi : "Cool",
	TakeCare : "Take care",

	FullMoon : "Full Moon",
	OK : "OK",
	MoguMogu : "Eating",
	Onegai : "Please",
	Bath : "Bath",
	OhMyGod : "Oh My God !",
	ZZZ : "ZZZ",
	GodDaikoku : "God of business",
	GodYebisu : "God of property",

	Gaan : "Shock",
	Kabuto : "Helmet",
	Singing : "Singing",
	BeerGlass : "Beer",
	Guiter : "Guiter",
	Kyahaha : "Laugh",
	CareerWoman : "Career Woman",






	Candle : "Candle",
	Gyoeee : "Ameizing !",
	Gyott : "Suprised",
	KyoroKyoro : "Look & Look",
	KiraKira : "Twincle eyes",
	Sneeze : "Sneeze",
	Kusun : "Tear",
	EatUp : "Satiety",
	Cracker : "Cracker",
	Xmas : "Xmas",
	Sniff : "Sniff",

	Mobile : "Mobile phone",
	MobileMail : "Mobile mail",

	Working : "Working",
	Coffee : "Coffee",
	Crying : "Crying",
	Lunch : "Lunch",
	KonRan : "Confusion",
	Sarfing : "Sarfing",
	Satt : "Hiding",
	Soccer : "Soccer",
	BuruBuru : "tremble",
	Monkey : "Monkey",
	Jee : "Gazing",
	Shiin : "Lost words",
	GoOut : "Go out !",
	Writing : "Writing",

	Swimming : "Swimming",

	Ski : "Ski",
	Shawer : "Shawer",
	Sooo : "Peeping",
	Cleaning : "Cleaning",
	AreYouOK : "Are you OK?",


	Kite : "Kite",
	TakoYaki : "Pasta ball",
	Tabako : "Cigarette",
	BirthdayCake : "Birthday",
	IeIe : "Defference",
	ChiChiChi : "Check again",
	NoNo : "No No",
	Fishing : "Casting",

	TsunTsun : "Piercing",

	Tennis : "Tennis",
	SunShine : "Weather:SunShine",
	Kumori : "Weather:Cloudy",
	Rain : "Weather:Rainy",
	Kaminari : "Weather:Thunder",
	SnowMan : "Weather:Show",
	Angel : "Angel",
	Dote : "Tumbling",
	Flying : "Flying",

	Secret : "Secret",
	NaniNani : "What ?",
	NamNam : "Amen",
	Niyari : "Nihilist",
	Goo : "understand ?",
	NemuNemu : "Sleepy",
	NoriNori : "Enjoy music !",
	LookOut : "Punch!",
	Hai : "Yes",
	Motorcycle : "Motorcycle",

	Running : "Running",
	PC : "PC",
	Hakushu : "Hands Clap",
	Nanto : "Gleam",
	HanaKuso : "Nose Wax",
	Bouquet : "Bouquet",


	Nosebleed : "Nosebleed",
	BunnyGirl : "Bunny girl",
	Hanetuki : "Shuttlecock",

	Hansei : "Reflection",
	ooo : "Fright",
	Peace : "Peace Sign",
	Hu : "Sigh",
	Pool : "Pool",

	Poogh : "Pooh",
	Hospital : "Hospital",
	HulaDance : "HulaDance",


	PunPun : "Angry",
	Akanbe : "Make Faces",
	PekoPeko : "Sorry",
	Hensou : "Disguise",
	Whistle : "Whistle",
	Boat : "Boat",
	HouHou : "Glasses",
	Ohoho : "Sneer with love",
	'Poke-' : "Absent-minded",
	Hazukashi : "Shameful",
	'HoHo-' : "Ah Oh",
	MushiMegane : "Found it !",
	MaJiDe : "Trouble",
	Witch : "Witch",

	ByeBye : "See you",
	KuruKuru : "Turning",

	Mukee : "Mortified",

	Mufu : "Chuckle",
	MemoMemo : "Memo",
	SweetPoteto : "SweetPoteto",
	Yodare : "Envious",
	Roger : "Yes Sir !",

	LoveLetter : "Love Letter",

	Cooking : "Cooking",
	Trip : "Trip",
	Waai : "Pleasure",

	Waan : "Tear Flow",

	WakuWakuWaku : "Exciting !",
	Forgot : "Forgot..",
	Hatena : "me ?",
	Nnnto : "Thinking",

	HoodMouse : "Hood:Mouse",
	HoodCow : "Hood:Cow",
	HoodTiger : "Hood:Tiger",
	HoodRabbit : "Hood:Rabbit",
	HoodDragon : "Hood:Dragon",
	HoodSnake : "Hood:Snake",
	HoodHorse : "Hood:Horse",
	HoodSheep : "Hood:Sheep",
	HoodMonkey : "Hood:Monkey",
	HoodCock : "Hood:Cock",
	HoodDog : "Hood:Dog",
	HoodBoar : "Hood:Boar",

	HoodDolphin : "Hood:Dolphin",
	HoodFrog : "Hood:Frog",
	HoodFox : "Hood:Fox",
	HoodGiraffe : "Hood:Giraffe",
	HoodBear : "Hood:Bear",
	HoodElephant : "Hood:Elephant",
	HoodRaccoon : "Hood:Raccoon",
	HoodCat : "Hood:Cat",
	HoodPanda : "Hood:Panda",
	HoodPig : "Hood:Pig",
	HoodPenguin : "Hood:Penguin",
	HoodLion : "Hood:Lion",


	FluitStrawberry : "Fluit:Strawberry",
	FluitSuika : "Fluit:Suika",
	FluitOrange : "Fluit:Orange",
	FluitMelon : "Fluit:Melon",
	FluitApple : "Fluit:Apple",
	PairKiss : "Pair:Kiss",
	PairNamida : "Pair:Tear",
	PairNakayoshi : "Pair:Friends",
	PairPunch : "Pair:Punch",
	PairYeah : "Pair:Promise",
	PairYoshiYoshi : "Pair:Comfort"
};

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//	window double click
//_________________________________________
document.ondblclick = function() {
	document.getElementById( "FLOAT_MENU" ).style.display = "block";

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

//===================================
//	window onresize
//===================================
window.onresize = function(){
	var getHead = parseInt( document.getElementById( 'THREAD_SELECT' ).value );

	if( !isNaN( getHead ) && 0 <= getHead ){
		viewThread( getHead );
	}
};


//===============================
//	change search
//===============================
/*
function changeSearch ( key, val ) {
	var getSearch = location.search;
	location.search = "?" + ( getSearch.replace( /^(\?|&)/, "" ) + "&" ).replace( new RegExp( key+"=[^&]*&", "g" ), "" ) + key + "=" + val;

}
*/

//==============================
//	access
//==============================
function submitSLS( searchList ){


	//--------------------------------- sending message
	if( searchList.MODE != 'view' ){
		with( document.getElementById( 'PROMPT_BOX' ) ){
			innerHTML = "sending now....";
			style.display = "block";
		}
		location.hash = "#PROMPT";
	}


	//--------------------------------- call ajax
	sendRequest( doResponse,
		searchList, "POST", SEND_URL, true, true
	);
}

//==============================
//	response
//==============================
function doResponse( XRobj ){
	try{





		eval( XRobj.responseText );

	}catch( errorMSG ){
		status = "eval error";
	}



	viewMenu();
	viewThread( HEAD_TOPIC );


	var MODE_MSG = {
		'new' : "new for admin",
		'edit' : "edit",

		'view' : false,


		'post' : "You completed to send thread [].",
		'right' : "right",
		'kill' : "You completed to remove thread [].",
		'up' : "`Specified thread []` was moved to the head of order.",
		'down' : "`Specified thread []` was moved to the tail of order.",
		'knave' : "knave",
		'peace' : "peace",
		'peel' : "peel",
		'group' : "You completed to send group <>",
		'JOIN' : "JOIN",
		'join' : "You completed to join group to <>"
	};
	//--------------------------- command response message
	with( RESPONSE_LIST ){
		if( MODE != 'view' ){

var tx = "";














			if( ERROR.length ){
				alert( "Has error\n-------------\n" + ERROR.join( "\n\t* " )
				);
			}else if( MODE_MSG[ MODE ] ){

				var message = MODE_MSG[ MODE ].replace( /\[\]/g, "[" + THREAD + "]" ).replace( /<>/g, "[" + PARENT + "]" );


				//--------------------------------- sending message
				with( document.getElementById( 'PROMPT_BOX' ) ){
					innerHTML = message +
						"<div><button type='button' onclick='" +
							"document.getElementById(\"PROMPT_BOX\").style.display=\"none\";" +
							"location.hash=\"#TOPICs_TREE\";" +
						"'>Go to Topics</button></div>" + tx;
//					setTimeout( "document.getElementById('PROMPT_BOX').style.display = 'none';", 28000 );
//					style.display = "";
				}


//				alert( message );
			}else{
				alert( "OK [ " + MODE + " ]" );
			}


			if( MODE.match( /post/ ) ){
				with( document.getElementById( 'FORM_TOPIC' ) ){
					var memoIcon = ICON.options[ ICON.selectedIndex ].value;
					reset();
					ICON.value = memoIcon;
				}
			}

			if( !MODE.match( /join|JOIN|up|down/ ) ){
				location.hash = "#TOPICs_TREE";
			}
		}
	}

	SEND_LOCK = false;

	doResponseExtra();

}

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



//=================================================
//	draw Usage
//=================================================
function drawUsageButton( thisArea ){
	document.write(
		"<button type='button' style='font-size:larger;padding:0.5ex 2em;' onclick='window.open( \"./Usage.php?AREA=" + thisArea + "&LANGUAGE=ENG\", \"RsSLS_USAGE\", \"scrollbars=yes,dependent=no,directories=no,personalbar=yes,location=no,menubar=no,toolbar=no,status=yes,resizable=yes\" );'>How to Use</button>"
	);

}


//=================================================
//	draw attention
//=================================================
function drawAttention( attentionText ){
	document.write(
		"<a name='ATTENTION'></a><br>" +
		"<div class='TitleBar'>ATTENTION</div>" +

		"<div class='indent'>" + attentionText + "</div>"
	);

}


//================================
//	make tag [ prompt box ]
//================================
function makeTagPromptBox(){
	return "<a name='PROMPT'></a><br>" +
		"<div id='PROMPT_BOX' style='border-style:inset;border-width:6px;padding:1em 2em;height:80%;display:none;'>8^-^8</div>";

}



//================================
//	make tag [ topic menu ]
//================================
function makeTagTopicMenu(){


	var tagString = "";


	//------------------------------
	//	draw input form
	//------------------------------


	tagString += "<table border='10' align='center' cellspacing='0' class='backWhite' style='margin:1ex auto;'>";


		tagString += "<col style='text-align:center;padding:0px 1ex;'>";
		tagString += "<col>";
		tagString += "<col>";

	//---------------- thread selecter

	tagString += "<tr>";


	tagString += "<th nowrap class='backBlack' style='width:1%;height:1em;'>Thread</th>";

	//---------------------------------------- thread selecter
	tagString += "<td rowspan='2' style='width:50%;height:80%;'>";

	tagString += "<select id='THREAD_SELECT' size='17' style='"+
			"width:100%;"+
			"color:black;"+
			"font-size:95%;"+
			"font-family:monospace;"+
		"' onchange='isFullData( this.value ) ? viewThread( this.value ) : callThread( this.value );'>";
	tagString += "</select>";


	tagString += "</td>";


	tagString += "<th nowrap class='backBlack' style='text-align:center;width:1%;height:1em;'>Group";



		tagString += "<input type='checkbox' name='USE_GROUP' id='USE_GROUP' value='1' onclick='callThread( 0 );'><label for='USE_GROUP'>Open</label>";

	tagString += "</th>";


	tagString += "</tr>";









	tagString += "<tr>";



	tagString += "<td class='backGray' style='text-align:left;'>";

		tagString += "<form id='FORM_CALL' action='' method='post' onSubmit='callThread( 0 );return false;'>";

		tagString += "<input type='text' id='THREAD_CALL' size='4' value='0' style='text-align:right;' onfocus='this.select();'>";

		tagString += "<input type='submit' onClick='callThreadBySerial();return false;' value='Call'>";


		tagString += "<br>";

		tagString += "<input type='radio' name='SORT' id='SORT_DATE' value='DATE' onclick='callThread( 0 );' checked><label for='SORT_DATE'>Date</label>";


		tagString += "<br>";

		tagString += "<input type='radio' name='SORT' id='SORT_THREAD' value='THREAD' onclick='callThread( 0 );'><label for='SORT_THREAD'>Thread</label>";

		tagString += "<br>";

		tagString += "<input type='checkbox' name='SORT_DIRECTION' id='SORT_DIRECTION' value='1' onclick='callThread( 0 );'><label for='SORT_DIRECTION'>Rev.</label>";


		tagString += "</form>";


	tagString += "</td>";

	tagString += "<td rowspan='3' class='backGray' style='font-size:smaller;width:40%;vertical-align:top;'>";


		tagString += "<select id='GROUP_SELECT' size='6' style='"+
				"width:100%;"+
				"color:black;"+
				"font-size:100%;"+
				"font-family:monospace;"+
				"' " +
				"onchange='" +
					"if( parseInt( this.value ) < 0 || document.getElementById( \"USE_GROUP\" ).checked ){" +
				//2008/02/03		"callThread( 0 );" +
						"callThread( HEAD_TOPIC );" +
					"}" +
					"if( 0<=parseInt( this.value ) && document.getElementById( \"GROUP_MODE_EDIT\" ).checked ){" +
						"openGroupForm( \"edit\" );" +
					"}" +
				"'" +
			">";
		tagString += "</select>";


		tagString += "<table border cellspacing='0' class='backGray' style='width:100%;border-style:none;'>";

		tagString += "<col span='2' style='text-align:center;'>";
		tagString += "<tr class='backBlack'>";
		tagString += "<td>";
			tagString += "Thread";
		tagString += "</td>";
		tagString += "<td>";
		tagString += "Order";
		tagString += "</td>";
		tagString += "</tr>";

		tagString += "<tr>";
		tagString += "<td nowrap>";
		tagString += "<button type='button' onclick='joinGroup( \"JOIN\" );'>Join</button>";
		tagString += "<button type='button' onclick='joinGroup( \"join\" );'>Leave</button>";
		tagString += "</td>";

		tagString += "<td nowrap>";
		tagString += "<button type='button' onClick='moveGroup(true);'>Top</button>";
		tagString += "<button type='button' onClick='moveGroup(false);'>Down</button>";
		tagString += "</th>";
		tagString += "</tr>";


		tagString += "<form id='FORM_GROUP' action='' method='post'" +
			" onSubmit='sendGroup( \"group\", this );return false;'"+
			" onReset='openGroupForm( \"new\" );'"+
			">" +

//			"SE<input type='text' name='SERIAL' value='0'>";		// serial number in thread

			"<input type='hidden' name='SERIAL' value='0'>";		// serial number in thread


			tagString += "<table border cellspacing='0' class='backWhite' style='width:100%;border-style:none;'>";

				tagString += "<col span='3' style='text-align:center;'>";



				tagString += "<tr class='backBlack'>";
					tagString += "<td>";
					tagString += "<input type='button' onclick='killGroup();' value='Delete'>";

					tagString += "</td>";
					tagString += "<td colspan='2'>";
					tagString += "<input type='radio' name='GROUP_MODE' id='GROUP_MODE_EDIT' onclick='openGroupForm( \"edit\" );'><label for='GROUP_MODE_EDIT'>Edit</label>";
					tagString += "<input type='radio' name='GROUP_MODE' id='GROUP_MODE_NEW' onclick='openGroupForm( \"new\" );' checked><label for='GROUP_MODE_NEW'>New</label>";



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


					tagString += "<tr>" +
						"<th nowrap class='backBlack' style='width:1%;'>Title" +
						"</th>" +
						"<td style='width:80%;'>" +
							"<input type='text' name='TITLE' size='10' class='backWhite' style='width:100%;' value='' " +
								"onFocus='if(document.getElementById(\"GROUP_MODE_NEW\").checked){this.form.PARENT_SELECT.value=0;}'" +
							">" +
						"</td>";

					//-------------------- submit button
					tagString += "<th nowrap class='backGray' style='width:1%;'>";
						tagString += "<input type='submit' id='GROUP_SUBMIT_BUTTON' value='New'>";
					tagString += "</th>";
					tagString += "</tr>";


					//-------------------- parent group
					tagString += "<tr>";

					tagString += "<th class='backBlack' style='width:1%;'>Parent</th>";

					tagString += "<td colspan='2'>";

					tagString += "<select id='PARENT_SELECT' style='"+
							"width:100%;"+
							"color:black;"+
							"font-size:90%;"+
						"font-family:monospace;"+

							"' onchange='if( parseInt( this.value ) < 0 ){"+
								"document.getElementById( \"GROUP_SELECT\" ).value=this.value;"+
								"callThread( 0 );"+
							"}'" +
						">";
					tagString += "<option value='0'>* none</option>";
					tagString += "</select>";

					tagString += "</td>";

					tagString += "</tr>";

					//-------------------- memo

					tagString += "<tr>";


					tagString += "<th nowrap class='backBlack' style='width:1%;'>Memo</th>";

					tagString += "<td colspan='2'>" +
						"<textarea name='MESSAGE' rows='2' cols='20' wrap='soft' class='backWhite'" +
							" style='width:100%;font-size:medium;padding:0.5ex;color:#000;'>" +
						"</textarea>" +
					"</td>";


					tagString += "</tr>";

		tagString += "</table>";



		tagString += "</form>";



	tagString += "</td>";



	tagString += "</tr>";


	//---------------- search box

	tagString += "<tr>";
	tagString += "<th nowrap class='backBlack' style='width:1%;'>Search";

	tagString += "</th>";

	tagString += "<td>";

		tagString += "<form id='FORM_SEARCH' action='' method='post' onSubmit='callThread( 0 );return false;'>";

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

		tagString += "<td nowrap style='width:20%;'>";

		tagString += "<input type='submit' value='Search'>";

		tagString += "<input type='reset' value='Clear'>";

		tagString += "</td>";

		tagString += "<td style='width:80%;'>";
		tagString += "<input type='text' name='SEARCH_STRING' id='SEARCH_STRING' size='5' style='width:100%;' onfocus='this.select();' value=''>";

		tagString += "</td>";


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

	tagString += "</td>";







	tagString += "</tr>";



	//---------------- replay open
	tagString += "<tr>";

	tagString += "<th nowrap align='center' class='backBlack' style='width:1%;'>Reply Open</th>";


	tagString += "<td nowrap class='backGray'>";

	//-------------------------- Main topic title & ID & date


	var radioDaysObj = {
		0 : "None",
		1 : "1day",
		2 : "2days",
		3 : "3days",
		"-1" : "All"
	};
		tagString += "<form id='FORM_REPLY' action='' method='post' RADIO_REPLY='1' onSubmit='callThread( 0 );return false;'>";

		for( var Rnum in radioDaysObj ){
			tagString += "<input type='radio' name='OPEN_REPLY' id='OPEN_REPLY" + Rnum + "' " +
					"value='" + Rnum + "' " +
					"onclick='this.form.setAttribute(\"RADIO_REPLY\","+Rnum+");openMessage( " + Rnum + " );'" +
					( Rnum == '1' ? " checked" : "" ) +
				">" +
				"<label for='OPEN_REPLY" + Rnum + "'>" + radioDaysObj[ Rnum ] + "</label>";
		}

		tagString += "</form>";



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




	tagString += "<div id='FLOAT_MENU' style='display:none;border-style:ridge;background-color:lightgreen;'>8^-^8</div>";


	return( tagString );
}

//================================
//	move to next prev thread
//================================
function pageThread( direction ){
	with( document.getElementById( 'THREAD_SELECT' ) ){
		value = parseInt( value ) + ( direction ? 1 : -1 );
		onchange();
	}
}

//================================
//	show group form
//================================
function openGroupForm( mode ){
	//-------------------------- close form
	var sw = mode != 'close';


	if( !sw ){
		retrun;
	}

	with( document.getElementById( 'FORM_GROUP' ) ){
		with( document.getElementById( 'GROUP_SELECT' ) ){
			var editGroup = ( selectedIndex < 0
				? 0
				: options[ selectedIndex ].value
			);
		}
		//-------------------------- set form as [ edit ]
		if( mode == 'edit' && editGroup && GROUP_LIST[ editGroup ] ){

			//--------------------- check password
			if( !GROUP_LIST[ editGroup ].RIGHT ){
				noRightMessage();
				return;
			}

			SERIAL.value = editGroup;
			PARENT_SELECT.value = GROUP_LIST[ editGroup ].GROUP;
			TITLE.value = GROUP_LIST[ editGroup ].TITLE;
			MESSAGE.value = GROUP_LIST[ editGroup ].MESSAGE;


			document.getElementById( 'GROUP_SUBMIT_BUTTON' ).value = "Edit";
			

		//-------------------------- set form as [ new ]
		}else{
			SERIAL.value = 0;
			PARENT_SELECT.value = 0;
			TITLE.value = "";
			MESSAGE.value = "";

			
			document.getElementById( 'GROUP_SUBMIT_BUTTON' ).value = "New";
		}

	}

	location.hash = "#GROUP_EDIT";


}

//====================================
//	message open
//====================================
function openMessage ( openSwitch ){


	var currentHead = parseInt( document.getElementById( "THREAD_SELECT" ).value );
	if( isNaN( currentHead ) || !isFullData( currentHead ) ){
		return;
	}
	var currentThread = THREAD_NUMBER[ currentHead ];
	var currentList = THREAD_LIST[ currentThread ];


	for( var SEnum in currentList.SERIAL ){
		if( parseInt( SEnum ) < 2 || !currentList.SERIAL[ SEnum ].MESSAGE ){
			continue;
		}

		var MSGobj = document.getElementById( "MESSAGE" + SEnum );
		if( !MSGobj ){
			continue;
		}

		with( MSGobj ){
			if( style.display != ( ( openSwitch < 0 || getPassDays( currentList.SERIAL[ SEnum ].DATE_EDIT ) < openSwitch )
				? "block"
				: "none"
			) ){
				document.getElementById( "OPEN" + SEnum ).onclick();
			}
		}
	}

}


//================================================
//	call thread by serial
//================================================
function callThreadBySerial(){
	var serialNumber = parseInt( document.getElementById( 'THREAD_CALL' ).value );
	if(
		THREAD_LIST[ serialNumber ] &&
		isFullData( THREAD_LIST[ serialNumber ].HEAD )
	){
		viewThread( THREAD_LIST[ serialNumber ].HEAD );
	}else{
		callThread( 0 );
		document.getElementById( 'THREAD_CALL' ).value = 0;
	}
}

//================================================
//	send topic/group command to RsSLSaccess
//
//	mode :
//		[topic] post/edit/kill/head/back
//		[group] post/edit/kill/head
//	Fobj : form object
//================================================
function sendGroup( mode, Gobj ){


	var Fobj = document.getElementById( 'FORM_TOPIC' );

	//--------------- input check
	if( submitCheck( 'right', Fobj ) ){
		return;
	}

	if( !Gobj ){
		Gobj = document.getElementById( 'FORM_GROUP' );
	}
	with( Gobj ){
		var sendObj = {
			MODE : mode,
			PAGE : 'group',
			AREA : "",
			GENRE : "",

			LABEL : MODE_LABEL,

			SORT_THREAD : getSortKey(),

			STYLE : "",

			USE_GROUP : document.getElementById( 'USE_GROUP' ).checked ? 1 : 0,
			GROUP : getUseGroup(),
			HEAD_GROUP : getUseGroupHead()
		};

		//--------------------------------------------
		//	new group
		//--------------------------------------------
		if( sendObj.MODE == 'group' ){
			//-------------------- hidden data
			sendObj.SERIAL = SERIAL.value;
			sendObj.PARENT = PARENT_SELECT.value;

			//-------------------- input data
			sendObj.NAME = Fobj.NAME.value;
			sendObj.KEY = Fobj.KEY.value;

			sendObj.TITLE = TITLE.value;
			sendObj.MESSAGE = MESSAGE.value;

			//----------------- clear form
			// SERIAL, PARENT,
			SERIAL.value = 0;
			PARENT_SELECT.value = 0;
			TITLE.value = "";
			MESSAGE.value = "";
			document.getElementById( 'GROUP_MODE_NEW' ).checked = true;

		//--------------------------------------------
		//	move thread [ up / down ]
		//--------------------------------------------
		}else if( sendObj.MODE.match( /up|down/ ) ){
			sendObj.NAME = Fobj.NAME.value;
			sendObj.KEY = Fobj.KEY.value;

			sendObj.SERIAL = SERIAL.value;

		//--------------------------------------------
		//	move thread [ kill ]
		//--------------------------------------------
		}else if( sendObj.MODE == 'kill' ){
			sendObj.NAME = Fobj.NAME.value;
			sendObj.KEY = Fobj.KEY.value;

			sendObj.SERIAL = SERIAL.value;

		//--------------------------------------------
		//	others
		//--------------------------------------------
		}else{
			return;
		}


		//----------------------------
		//	reset
		//----------------------------
		onreset();
	}

//	getCookie( "BBS_LOCK", );

	submitSLS( sendObj );

}








//================================
//	set menu
//================================
function viewMenu() {

	//----------------------------
	//	thread
	//----------------------------

	//--------------------------- get current head of topic
	if( !THREAD_LIST[ THREAD_NUMBER[ HEAD_TOPIC ] ] ){
		for( var Tnum in THREAD_LIST ){
			HEAD_TOPIC = THREAD_LIST[ Tnum ].HEAD;
			break;
		}
	}

	//-------------------------------------- all thread selecter
	with( document.getElementById( 'THREAD_SELECT' ) ){
		options.length = 0;


		//------------------------- set options before page
		var headTopic = 0;
		for( var pos in THREAD_NUMBER ){
			headTopic = parseInt( pos ) - 1;
			break;
		}

		var page = 1;
		var optList = [];
		while( 0 < headTopic ){
			headTopic -= SPAN_THREAD;

			headRound = Math.max( 0, headTopic );
			optList = [ new Option(
					( headRound
						? "-" + page++ + " page"
						: "top page"
					),
					headRound
				) ].concat( optList );
		}
		for( var Onum in optList ){
			( options[ options.length ] = optList[ Onum ] ).style.backgroundColor = 'lightgreen';
		}

		//------------------------- set options by data
		for( var THpos in THREAD_NUMBER ){

			var THnum = THREAD_NUMBER[ THpos ];
			if( !THREAD_LIST[ THnum ] ){
				continue;
			}

			with( THREAD_LIST[ THnum ] ){
				var dateWrite = DATE;
				var mainTopic = SERIAL[ 1 ];

				var hasReply = REPLY;
				var hasReader = READer;

				var hasMessage = !!SERIAL[ 1 ].MESSAGE;
				var hasTitle = !!SERIAL[ 1 ].TITLE;


				( options[ options.length ] = new Option(
					( hasMessage ? "[" + THnum + "]" : "(" + THnum + ")" ) + " " +

					( hasTitle
						? SERIAL[ 1 ].NAME + ( REPLY || READer
							? "(" + ( REPLY ? REPLY : "" ) + ( READer ? "+" : "" ) + ")"
							: ">"
						) + trimTitle( SERIAL[ 1 ].TITLE, 16, "//" )
						: "-"
					).replace( /LLIO/g, USHER_ID ),
					HEAD
				) ).style.backgroundColor = getPassDaysColor( dateWrite );
			}
		}

		//------------------------- set options after page
		var tailTopic = TOTAL_THREAD;
		for( var pos in THREAD_NUMBER ){
			tailTopic = parseInt( pos ) + 1;
		}

		var page = 1;
		var optList = [];
		while( tailTopic < TOTAL_THREAD - 1 ){

			tailRound = Math.min( TOTAL_THREAD - 1, tailTopic );
			optList = optList.concat( [ new Option(
					( tailRound < TOTAL_THREAD
						? "+" + page++ + " page"
						: "bottom page"
					),
					tailRound
				) ] );
			tailTopic += SPAN_THREAD;
		}
		for( var Onum in optList ){
			( options[ options.length ] = optList[ Onum ] ).style.backgroundColor = 'lightgreen';
		}
		//---------------------- current thread
		value = HEAD_TOPIC;

	}

	//----------------------------
	//	group
	//----------------------------

	//--------------------------- get current head of group
	if( !GROUP_LIST[ GROUP_NUMBER[ HEAD_GROUP ] ] ){
		for( var Gnum in GROUP_LIST ){
			if( GROUP_LIST[ Gnum ].HEAD != -1 ){
				HEAD_GROUP = GROUP_LIST[ Gnum ].HEAD;
				break;
			}
		}
	}

	//-------------------------------------- all thread selecter
	with( document.getElementById( 'GROUP_SELECT' ) ){
		options.length = 0;

		//------------------------- set options before page
		var headGroup = 0;
		for( var pos in GROUP_NUMBER ){
			headGroup = parseInt( pos ) - 1;
			break;
		}

		var page = 1;
		var optList = [];
		while( 0 < headGroup ){

			headRound = Math.max( 0, headGroup );
			optList = [ new Option(
					( headRound
						? " -" + page++ + " page"
						: " top page"
					),
					-headRound
				) ].concat( optList );

			headGroup -= SPAN_GROUP;
		}

		for( var Onum in optList ){
			( options[ options.length ] = optList[ Onum ] ).style.backgroundColor = 'lightgreen';
		}


		//------------------------- set options by data
		for( var GRpos in GROUP_NUMBER ){

			var GRnum = GROUP_NUMBER[ GRpos ];
			if( !GROUP_LIST[ GRnum ] ){ continue; }

			with( GROUP_LIST[ GRnum ] ){
				if( HEAD == -1 ){ continue; }
				options[ options.length ] = new Option(
					"[" + GRnum + "] " +
					trimTitle( TITLE, 16, "//" ).replace( /LLIO/g, USHER_ID ),
					GRnum
				);

				//----------------- children
				setChildren( options, 0, CHILDREN );

			}

		}

		//------------------------- set options after page
		var tailGroup = TOTAL_GROUP;
		for( var pos in GROUP_NUMBER ){
			tailGroup = parseInt( pos ) + 1;
		}

		var page = 1;
		var optList = [];
		while( tailGroup < TOTAL_GROUP - 1 ){

			tailRound = Math.min( TOTAL_GROUP - 1, tailGroup );
			optList = optList.concat( [ new Option(
					( tailRound == TOTAL_GROUP - 1
						? "  bottom page"
						: "  +" + page++ + " page"
					) + " (" + -tailRound + ")",
					-tailRound
				) ] );
			tailGroup += SPAN_GROUP;
		}
		for( var Onum in optList ){
			( options[ options.length ] = optList[ Onum ] ).style.backgroundColor = 'lightgreen';
		}


		//---------------------- current group
		value = ( CALL_GROUP
			? CALL_GROUP
			: ( GROUP_NUMBER[ HEAD_GROUP ]
				? GROUP_NUMBER[ HEAD_GROUP ]
				: 0
			)
		);
	}

	var orgObj = document.getElementById( 'GROUP_SELECT' ).options;
	var setObj = document.getElementById( 'PARENT_SELECT' ).options;

	setObj.length = 1;
	for( var pos=0; pos<orgObj.length; pos++ ){
		( setObj[ setObj.length ] = new Option(
			orgObj[ pos ].text,
			orgObj[ pos ].value
		) ).style.backgroundColor = orgObj[ pos ].style.backgroundColor;
	}
	setObj.value = orgObj.value;


	//===========================================
	//	set table menu
	//===========================================
	viewTableMenu();

	//===========================================
	//	group children
	//===========================================
	function setChildren ( optionObj, nestLevel, childList ){

		var Npos = ++nestLevel;

		var nestString = "";
		while( Npos-- ){
			nestString += ">";
		}

		//----------------- children
		for( var CHpos in childList ){

			var CHnum = childList[ CHpos ];
			if( !GROUP_LIST[ CHnum ] ){
				continue;
			}

			with( GROUP_LIST[ CHnum ] ){
				optionObj[ optionObj.length ] = new Option(

					" " + nestString +
					( nestLevel
						? "[" + CHnum + "] "
						: "[" + CHnum + "] "
					) + trimTitle( TITLE, 16, "//" ).replace( /LLIO/g, USHER_ID ),

					CHnum
				);

				//----------------- children
				setChildren( optionObj, nestLevel, CHILDREN );
			}
		}
	}
}


//===========================================
//	get pass days
//===========================================
function getPassDays ( dateSec ){
	return Math.floor( Math.max( 0, CURRENT_TIME - dateSec ) / ( 3600 * 24 ) );
}

function getPassDaysColor ( dateSec ){

	var pass = getPassDays( dateSec );

	if( pass < 7 ){
		return ( 0xf88 + 0x11 * pass ).toString( 16 );
	}else{
		return "transparent";
	}

}

//	var passDaysColorList = [ "f99", "fc9", "ff9", "transparent" ];
//	return passDaysColorList[ Math.min( passDaysColorList.length - 1, getPassDays( dateSec ) ) ];


//=============================================
//	is full datta
//=============================================
function isFullData( head ){
	return( THREAD_NUMBER[ head ]
		&& THREAD_LIST[ THREAD_NUMBER[ head ] ]
		&& THREAD_LIST[ THREAD_NUMBER[ head ] ].SERIAL[ 1 ].MESSAGE
	);
}

//=============================================
//	call new thread
//=============================================
function callThread( head ){
	submitSLS( {
		MODE : 'view',
		PAGE : 'topic',
		AREA : "",
		GENRE : "",

		LABEL : MODE_LABEL,

		HEAD_TOPIC : head,

		THREAD : getCallThread(),


		SORT_THREAD : getSortKey(),

		SEARCH : getSearchString(),

		USE_GROUP : document.getElementById( 'USE_GROUP' ).checked ? 1 : 0,
		GROUP : getUseGroup(),
		HEAD_GROUP : getUseGroupHead()
	} );

	//-------------------------- has thread data
	function getCallThread(){
		var getThread = parseInt( document.getElementById( 'THREAD_CALL' ).value );
		return( isNaN( getThread ) || getThread < 0
			? 0
			: getThread
		);
	}
}


//================================================
//	has thread data
//================================================
function hasThread( threadNumber ){
	return(
		THREAD_LIST[ threadNumber ] &&
		THREAD_LIST[ threadNumber ].SERIAL[ 1 ] &&
		THREAD_LIST[ threadNumber ].SERIAL[ 1 ].TITLE
	);
}

//================================================
//	get sort key
//================================================
function getSortKey (){

	var getSortKey = "DATE";

	if( document.getElementById( 'SORT_THREAD' ).checked ){
		getSortKey = 'THREAD';
	}

	if( document.getElementById( 'SORT_DIRECTION' ).checked ){
		getSortKey = getSortKey.toLowerCase();
	}

	return getSortKey;

}

//================================================
//	get search string
//================================================
function getSearchString (){
	return document.getElementById( 'SEARCH_STRING' ).value;
}

//================================================
//	get group
//================================================
function getUseGroup (){

	var groupNumber = parseInt( document.getElementById( 'GROUP_SELECT' ).value );

	return ( 0 <= groupNumber && document.getElementById( 'USE_GROUP' ).checked
		? groupNumber
		: 0
	);
}

//================================================
//	get group
//================================================
function getUseGroupHead (){

	var GRnum = parseInt( document.getElementById( 'GROUP_SELECT' ).value );

	if( GRnum < 0 ){
		return -GRnum;
	}

	if( isNaN( GRnum ) || !GROUP_LIST[ GRnum ] ){
		return 0;
	}

	while( GROUP_LIST[ GRnum ].HEAD == -1 ){
		GRnum = GROUP_LIST[ GRnum ].GROUP;
	}

	return GROUP_LIST[ GRnum ].HEAD;

}



var SEND_LOCK = false;
//=====================================
//	check form input
//=====================================
function submitCheck( mode, Fobj ){

	//------------------- 20 sec lock
	if( getCookie( "BBS_LOCK" ) && getCookie( 'ID' ) != 'LLIO' ){
		alert( "locking now\nWait 20sec please" );
		return( true );
	}

	var msg = "";

	with( Fobj ){
		var getMessage;
		if( getMessage = isErrorName( NAME.value ) ){ msg += getMessage; }
		if( getMessage = isErrorKey( KEY.value ) ){ msg += getMessage; }

		if( mode != 'right' ){
			if( getMessage = isErrorMail( MAIL.value ) ){ msg += getMessage; }
			if( getMessage = isErrorLink( LINK.value ) ){ msg += getMessage; }

			if( PARENT.value == '0' && ( getMessage = isErrorTitle( TITLE.value ) ) ){ msg += getMessage; }
			if( getMessage = isErrorMessage( MESSAGE.value ) ){ msg += getMessage; }
		}
	}
	if( msg.length ){

		alert( "You made mistake to input in form;\n" + msg );

		return true;		// true:error
	}


	//--------------- if(input = OK), lock "submit button"
	if( SEND_LOCK ){
		alert( "I am sending now.\nPlease wait 8^-^8" );
		return( true );
	}
	SEND_LOCK = true;





	//----------------------- time lock
	setCookieLimited( "BBS_LOCK", "8^-^8", 1 / ( 180 * 24 ) );


	return false;


}


//========================================================
//	checkRight for NAME
//========================================================
function isErrorName ( checkNAME ){
	if( checkNAME == '' ){
		return( "\n* must input Name" );
	}
	return( false );
}

//========================================================
//	checkRight for KEY
//========================================================
function isErrorKey ( checkKEY ){
	if( checkKEY == '' || checkKEY.length<4 || 8<checkKEY.length ){
		return( "\n* KEY must be 4-8 letters" );
	}else if( checkKEY.match( /\W/ ) ){
		return( "\n* KEY must be alphabets or numbers" );
	}

	return( false );
}


//========================================================
//	checkRight for MAIL
//========================================================
function isErrorMail ( checkMAIL ){
	if( checkMAIL != '' && !checkMAIL.match( /^[\w\.\-]+@[\w\.\-]+$/ ) ){
		return( "\n* It is an invalid MAIL address" );
	}
	return( false );
}

//========================================================
//	checkRight for LINK
//========================================================
function isErrorLink ( checkLINK ){
	if( checkLINK != '' && !checkLINK.match( /^http:\/\/[\w\.\/\?#&=~\-%]+$/ ) ){
		return( "\n* It is an invalid WEBSITE address" );
	}
	return( false );
}

//========================================================
//	checkRight for TITLE
//========================================================
function isErrorTitle ( checkTitle ){
	if( checkTitle == '' ){
		return( "\n* must input TITLE." );

	}else if( checkTitle.match( /[∟Ｌｌ]{2}|llio/ ) ){
		return( "\n* can not write such the TITLE."
		);
	}
	return( false );
}

//========================================================
//	checkRight for Message
//========================================================
function isErrorMessage ( checkMessage ){

	var MaxText = 3000;

	if( checkMessage == '' ){
		return( "\n* must input MESSAGE." );

	}else if( MaxText < checkMessage.length ){
		return( "\n* MESSAGE is too long\n* can send this..." + "\n----\n" + checkMessage.substring( 0, MaxText ) );

	}else if( checkMessage.match( /[∟Ｌｌ]{2}|llio/ ) ){
		return( "\n* can not write such the MESSAGE."
		);

	}

	return( false );
}


//=================================================================================
//=================================================================================
//=================================================================================
//=================================================================================
//	make message box tag
//=================================================================================
//=================================================================================
//=================================================================================
//=================================================================================
function makeThreadNestTag( THnum, SEnum ){

	if( !hasThread( THnum ) ){
		return 'no thread';
	}



	var viewSet = THREAD_LIST[ THnum ].SERIAL[ SEnum ];


	//------------------------------------ reader topic
	if( !viewSet.MESSAGE ){
		return '';
	}

	var isRsSLS = viewSet.GEM_LINE != null;

	//------------------------------------ nest lebel count
	if( !this.nestLebel ){ this.nestLebel = 0; }
	this.nestLebel ++;


	//------------------------------------ open status from cookie
	var openStatus = document.getElementById( 'FORM_REPLY' ).RADIO_REPLY;


	var isMain = viewSet.PARENT == 0;




	var outputString = "";


	var searchRegExp = new RegExp( transSearchKey( SEARCH_KEY ), "g" );
	var replaceString = "";
	if( SEARCH_KEY ){
		replaceString = "<span style='font-weight:bolder;background-color:yellow;color:black;'>" + SEARCH_KEY + "</span>";
	}


//==========================================================================================================
	with( viewSet ){
		//----------------------------- header [name(mail),serial,home,date

		var hasGemLine = viewSet.GEM_LINE && GEM_LINE.replace( /!---$/, "" ).length;


		outputString = "<div " +
			( ( this.nestLebel & 1 )
				? "class='backWhite' style='"
				: "style='background-color:#e6e6ff;"
			);


		if( isMain ){
			outputString += "border-style:outset;border-width:10px";
			if( hasGemLine ){
				outputString += ";overflow:auto;height:" + ( Sspan * 19 );
			}
		}else{
			outputString += "border-style:none none none solid;border-color:gray";
		}
		outputString += ";'>";






		var headerTag = "";

		//------------------ group nest
		if( isMain ){


			var groupNest = "";
			if( THREAD_LIST[ THnum ].SERIAL[ 0 ] ){
				var tempGroup = THREAD_LIST[ THnum ].SERIAL[ 0 ].PARENT;
				while( tempGroup ){
					if( GROUP_LIST[ tempGroup ] ){
						with( GROUP_LIST[ tempGroup ] ){
							groupNest = TITLE + " &rArr; " + groupNest;
							tempGroup = GROUP;
						}
					}else{
						groupNest = "[" + tempGroup + "]" + " &rArr; " + groupNest;
						break;
					}
				}
				headerTag += "<div class='backBlack' style='padding:0.2ex 1ex;font-weight:bolder;'>" +
						groupNest +
					"</div>";
			}

		}

//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
		headerTag += "<div class='" + ( THREAD_LIST[ THnum ].SERIAL[ SEnum ].PARENT == 1 || SEnum == 1 ? "backBlack" : "backGray" ) + "' id='OPEN" + SEnum + "'" +
				( !isMain || SEnum != 1
					? " onclick='openThisMessage( " + SEnum + ", 0 );'"
					: ""
				) +
				" style='margin-bottom:1px;padding:0ex 0.5ex;'>";

		headerTag += ( SEnum == 1 ? "[" + THnum + "] " : "(" + SEnum + ") " );

		if( hasGemLine ){
			headerTag += "<button type='button' " +
				"onclick='callBoard(" + THnum + "," + SEnum + ");" +
					( !isMain || SEnum != 1
						? "openThisMessage( " + SEnum + ", 1 );"
						: ""
					) +
				"' style='margin:0px 1ex;'>Score " + SEnum + "</button>";
		}

		headerTag += "<span title='" + TITLE + "'" + ( isMain ? " style='font-size:larger;'" : "" ) + ">";
		headerTag += trimTitle( TITLE, 28, "..." ).replace( searchRegExp, replaceString );
		headerTag += "</span>";


		if( isMain ){
			headerTag += "</div>";
			headerTag += "<div class='backGray'>";
		}

		headerTag += "<span style='padding:0px 1ex;'>" + NAME.replace( searchRegExp, replaceString ) + " (" + SAME + ")</span>";
		headerTag += "<span title='Write date: " + ( new Date( DATE_WRITE * 1000 ) ).toLocaleString();


		if( DATE_WRITE < DATE_EDIT ){
			with( new Date( DATE_EDIT * 1000 ) ){

				headerTag += "\nEdit date: " + toLocaleString();
			}
		}

		headerTag += "' style='font-family:monospace;font-size:smaller;background-color:" +
			getPassDaysColor( DATE_EDIT ) +
			";color:" + ( isMain || getPassDays( DATE_EDIT ) < 7 ? "black" : "white" ) + ";'>";
			headerTag += ( new Date( DATE_WRITE * 1000 ) ).toLocaleString();
		headerTag += "</span>";
		headerTag += "</div>";

//---------------------------------------------------------------------------
//---------------------------------------------------------------------------


		var messageHTML = "<div style='width:100%;padding:0ex 1ex;'>";

		//------------------------------ mail & link
		if( MAIL != "" || LINK != "" ){
			messageHTML += "<table cellspacing='0' style='float:right;margin:0px 0px 0.2ex 1em;'><col span='2'><tr>";
			if( MAIL != "" ){ messageHTML += "<td><a href='mailto:" + MAIL + "' target='_blank'>Mail</a></td>"; }
			if( LINK != "" ){ messageHTML += "<td><a href='" + LINK + "'" + ( LINK.match( /^http:\/\/(works|table)28.renju.info/ ) ? "" : " onclick='return( confirm4Link() );'" ) + " target='_blank'>Link</a></td>"; }
			messageHTML += "</tr></table>";
		}


		//------------------------- face ball
		var getALT = ICON_LIST[ ICON ];


		messageHTML += "<img src='" + DIR_ICON + ICON +".gif' alt='" + ( getALT ? getALT : "unknown" ) + "' border='0' style='float:left;margin:0px 1em 1ex 0.5ex;'>";



		messageHTML += "<table cellspacing='0' style='margin:0.2ex 0px;'><tr>";

		messageHTML += "<td><button type='button' onClick='replySet(" + THnum + "," + SEnum + ");'>Reply</button></td>";


		messageHTML += "<td><button type='button' onClick='editSet(" + THnum + "," + SEnum + ");'>Edit</button></td>";
		messageHTML += "<td><button type='button' onClick='eraser(" + THnum + "," + SEnum + ");'>Delete</button></td>";

		if( isMain ){
			messageHTML += "</tr>";
			messageHTML += "<tr>";
			messageHTML += "<td><button type='button' onClick='moveThread("+THnum+",true);'>Top</button></td>";
			messageHTML += "<td><button type='button' onClick='moveThread("+THnum+",false);'>Down</button></td>";
			messageHTML += "<td><button type='button' onClick='readSet(" + THnum + ");'>Read</button></td>";
		}
		messageHTML += "</tr>";






		messageHTML += "</table>";


		var makeColor = "";





		var thisMSG = MESSAGE.replace( /\\n/g, "<br>" ).replace( /'/g, "&#039;").replace( /"/g, "&quot;" ).replace( /<br>-+<br>/g, "<br><hr>" );

		if( SEARCH_KEY ){
			thisMSG = thisMSG.replace( searchRegExp, replaceString );
		}

var checkList = [];
while( thisMSG.match( /&gt;&gt;(\d+)/ ) ){
	var callNum = RegExp.$1;
	thisMSG = thisMSG.replace( new RegExp( "&gt;&gt;" + callNum, "g" ), "<a href='javascript:document.getElementById(\"THREAD_CALL\").value = " + callNum + ";callThreadBySerial();' style='text-decoration:underline;'>&rArr;" + callNum + "</a>" );
}



		messageHTML += "<div style='padding:0px 1em;color:" + STYLE + ";" + makeColor + "'>" + thisMSG + "</div>";

		messageHTML += "<br clear='all'>";


		messageHTML += "</div>";


//---------------------------------------------------------------------------
//---------------------------------------------------------------------------

		var messagePassDays = getPassDays( DATE_EDIT );

		var messageTag = "<div id='MESSAGE" + SEnum + "' " +
			"style='display:" + ( ( openStatus<0 || messagePassDays<openStatus || PARENT == 0 ) ? "block" : "none" ) + ";' " +
			"PASS_DAYs='" + messagePassDays + "'>" + messageHTML + "</div>";


HEADer_TAG = headerTag;

		outputString += ( SEnum == 1 ? "" : headerTag ) + messageTag;
	//	outputString += ( isRsSLS && SEnum == 1 ? "" : headerTag ) + messageTag;
	//	outputString += headerTag + messageTag;
//==========================================================================================================


		//---------------------------------------------
		//	children tree
		//---------------------------------------------
		var childrenTag = "";
		for( var Cnum in CHILDREN ){
			childrenTag += makeThreadNestTag( THnum, CHILDREN[ Cnum ] );
		}
		if( childrenTag != "" ){
			outputString += "<div style='margin-left:1ex;'>" + childrenTag + "</div>";
		}
	}


	outputString += "</div>";
	this.nestLebel --;

	return( outputString );

}

//===================================
//	open message
//===================================
function openThisMessage( SEnum, setMode ){
	with( document.getElementById( "MESSAGE" + SEnum ).style ){
		display = ( setMode == 0 ? ( display == "block" ) : ( 0 < setMode ) ) ? "none" : "block";
	}

}

//===========================================
//	make tag [ readers ]
//===========================================
function makeTagReader ( threadNumber ){
	var readString = "";

	if( !hasThread( threadNumber ) ){
		return "";
	}

	var readString = "";

	with( THREAD_LIST[ threadNumber ] ){
		for( var SEnum in SERIAL ){
			if( parseInt( SEnum ) < 2 ){
				continue;
			}

			var getName = SERIAL[ SEnum ].NAME;

			if( SERIAL[ SEnum ].MESSAGE == '' ){
				readString += "<span style='margin-left:1em;'>" +
					( SERIAL[ SEnum ].RIGHT
						? ( "<a href='' onclick='if( confirm( \"delete this reading sign.\\nOK?\" ) ){ eraser( " + threadNumber + "," + SEnum + "); } return false;'>" + getName + "</a>" )
						: getName
					) +
					"</span>";
			}

		}
	}

	if( readString != "" ){
		readString = "<div class='backWhite' style='margin:1ex;padding:0.5ex;border-style:inset;border-width:3px;'>" +
			"<div class='backGray' style='padding:0px 1ex;float:left;'>Readers</div>" +
				readString + 
				"<br clear='all'>" +
			"</div>";
	}

	return( readString );

}

//================================================
//	send topic/group command to RsSLSaccess
//
//	mode :
//		[topic] post/edit/kill/head/back
//		[group] post/edit/kill/head
//	Fobj : form object
//================================================
function sendTopic( mode, Fobj ){

	if( !Fobj ){
		Fobj = document.getElementById( 'FORM_TOPIC' );
	}

	//--------------- input check
	if( mode.match( /post|right/ ) && submitCheck( mode, Fobj ) ){
		return;
	}else if( mode == 'read' ){
		mode = 'post';
	}


	var sendObj = {
		MODE : mode,
		PAGE : 'topic',
		AREA : "",
		GENRE : "",

		LABEL : MODE_LABEL,
		STYLE : "black",

		SORT_THREAD : getSortKey(),
		SEARCH : getSearchString(),



		USE_GROUP : document.getElementById( 'USE_GROUP' ).checked ? 1 : 0,
		GROUP : getUseGroup(),
		HEAD_GROUP : getUseGroupHead()

	};
	with( Fobj ){

		//--------------------------------------------
		//	new topic
		//--------------------------------------------
		if( sendObj.MODE == 'post' ){
			//-------------------- hidden data
			sendObj.THREAD = THREAD.value;
			sendObj.SERIAL = SERIAL.value;
			sendObj.PARENT = PARENT.value;

			//-------------------- input data
			sendObj.NAME = NAME.value;
			sendObj.KEY = KEY.value;
			sendObj.MAIL = MAIL.value;
			sendObj.LINK = LINK.value;
			sendObj.TITLE = TITLE.value;
			sendObj.MESSAGE = MESSAGE.value;

			sendObj.ICON = ICON.value;

			for ( var pos=0; pos<COLOR.length; pos++ ){
				if( COLOR[ pos ].checked ){
					sendObj.STYLE = COLOR[ pos ].value;
					break;
				}
			}


			//---------------------- get applet GemLine
			sendObj = sendTopicExtra( sendObj );


		//--------------------------------------------
		//	get right
		//--------------------------------------------
		}else if( sendObj.MODE == 'right' ){
			sendObj.NAME = NAME.value;
			sendObj.KEY = KEY.value;

		//--------------------------------------------
		//	kill topic
		//--------------------------------------------
		}else if( sendObj.MODE == 'kill' ){
			sendObj.THREAD = THREAD.value;
			sendObj.SERIAL = SERIAL.value;

		//--------------------------------------------
		//	move thread [ up / down ]
		//--------------------------------------------
		}else if( sendObj.MODE.match( /up|down/ ) ){
			sendObj.NAME = NAME.value;
			sendObj.KEY = KEY.value;
			sendObj.THREAD = THREAD.value;

		//--------------------------------------------
		//	label
		//--------------------------------------------
		}else if( sendObj.MODE.match( /knave|peace|peel/ ) ){
			sendObj.THREAD = THREAD.value;
			sendObj.SERIAL = SERIAL.value;

		//--------------------------------------------
		//	join thread to group
		//--------------------------------------------
		}else if( sendObj.MODE.match( /join/i ) ){
			sendObj.NAME = NAME.value;
			sendObj.KEY = KEY.value;

			sendObj.THREAD = THREAD_NUMBER[ document.getElementById( 'THREAD_SELECT' ).value ];
			sendObj.PARENT = ( sendObj.MODE == 'JOIN'
				? document.getElementById( 'GROUP_SELECT' ).value
				: 0
			);

			sendObj.MODE = 'join';

		//--------------------------------------------
		//	others
		//--------------------------------------------
		}else{
			return;
		}
	}

	submitSLS( sendObj );

}


//===============================
//	extra send topic
//===============================
function sendTopicExtra( sendObj ){
	return sendObj;
}


//========================================
//	form set for EDIT & REPLY
//========================================
function formSet( ThreadNumber, SerialNumber, isEditMode ){

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

	with( document.getElementById( 'FORM_TOPIC' ) ){
		//----------------- common of Edit & Reply
		var transTitle = decodeHTMLstring( Glist.TITLE );
		TITLE.value = isEditMode ? transTitle : transReplyTitle( transTitle );	// isEditMode = true:Edit/false:Reply

		//----------------- for GEM_LINE @RsSLS
		formSetExtra( ThreadNumber, SerialNumber, isEditMode );

		//----------------- Edit mode (change all data)
		if( isEditMode ){
			NAME.value = decodeHTMLstring( Glist.NAME );
			MESSAGE.value = decodeHTMLstring( Glist.MESSAGE.replace( /[\s\n]+$/g, " " ) );
			MAIL.value = Glist.MAIL;
			LINK.value = Glist.LINK.replace( /&amp;/g, "&" );

			//---------------------------- text color
			for( var Cnum in COLOR_LIST ){
				if( Glist.STYLE == COLOR_LIST[ Cnum ] ){
					COLOR[Cnum].checked = true;

MESSAGE.style.color = Glist.STYLE;
					break;
				}
			}


			//---------------------------- face ball
			ICON.value = Glist.ICON;
			showIcon();
		}else{
			QUOTE_TEXT = Glist.MESSAGE.replace( /&lt;/g, "<" ).replace( /&gt;/g, ">" ).replace( /<br>/g, "\n" );

		}
	}


	//============================
	//	trans reply title
	//============================
	function transReplyTitle ( title ){
		if( title.match( /^Re/ ) ){
			return( title.match( /^Re\{(\d+)\}/ )
				? "Re{" + (parseInt(RegExp.$1)+1) + "} " + RegExp.rightContext
				: "Re{2} " + RegExp.rightContext.substring( 1 )
			);
		}else{
			return( "Re:"+title );
		}
	}

	//============================
	//	decode HTML string
	//============================
	function decodeHTMLstring( text ){
		return( text.replace( /&lt;/g, "<" ).replace( /&gt;/g, ">" ).replace( /&quot;/g, "\"" ).replace( /&rArr;/g, ">>" ).replace( /&amp;/g, "&" ).replace( /<br>/g, "\n" ) );
	}
}


//===============================
//	for GEM_LINE @RsSLS
//===============================
function formSetExtra( ThreadNumber, SerialNumber, isEditMode ){
}


//============================
//	reply set
//============================
function replySet( ThreadNumber, ParentNumber ){
	var Fobj = document.getElementById( 'FORM_TOPIC' );
	if( !Fobj ){
		return true;
	}

	//--------------------- set reply data
	formSet( ThreadNumber, ParentNumber, false );		// false:reply mode


	with( Fobj ){
		THREAD.value = ThreadNumber;
		SERIAL.value = '0';				// as NEW
		PARENT.value = ParentNumber;

		SUBMIT_BUTTON.value = "Reply";
	}
	//--------------------- goto input form
	location.hash = '#INPUT';
}

//============================
//	edit set
//============================
function editSet( ThreadNumber, SerialNumber ){
	var Fobj = document.getElementById( 'FORM_TOPIC' );
	if( !Fobj ){
		return true;
	}

	//--------------------- set Edit data
	var getList = THREAD_LIST[ ThreadNumber ].SERIAL[ SerialNumber ];

	//--------------------- check password
	if( !getList.RIGHT ){
		noRightMessage();
		return;
	}

	formSet( ThreadNumber, SerialNumber, true );		// true:edit mode

	with( Fobj ){
		THREAD.value = ThreadNumber;
		SERIAL.value = SerialNumber;
		PARENT.value = getList.PARENT;

		SUBMIT_BUTTON.value = "Edit";
		MODE.value = "post";
	}
	//--------------------- goto form
	location.hash='#INPUT';
}

//======================================
//	Icon change
//======================================
function showIcon(){
	with( document.getElementById( 'FORM_TOPIC' ) ){
		SHOW_ICON.src = DIR_ICON + ICON.options[ ICON.selectedIndex ].value + ".gif";
	}
}


//============================
//	kill message
//============================
function eraser( ThreadNumber, SerialNumber ){
	var Fobj = document.getElementById( 'FORM_TOPIC' );
	if( !Fobj ){
		return true;
	}

	//--------------------- get data
	var getList = THREAD_LIST[ ThreadNumber ].SERIAL[ SerialNumber ];

	//--------------------- check password
	if( !getList.RIGHT ){
		noRightMessage();
		return;
	}

	if( getList.MESSAGE &&
		!confirm( "Delete this message OK ?" + ( getList.MESSAGE != '' ? "\n--------------\n" : "" ) +

			"[" + ThreadNumber + "] (" + SerialNumber + ") " + getList.NAME + "\n\n" +
			getList.MESSAGE.replace( /&lt;/g, "<" ).replace( /&gt;/g, ">" ).replace( /<br>/g, "\n" )
		)
	){
		return;
	}

	with( Fobj ){
		THREAD.value = ThreadNumber;
		SERIAL.value = SerialNumber;
	}
	sendTopic( 'kill', Fobj );

}


//============================
//	edit set
//============================
function readSet( ThreadNumber ){
	var Fobj = document.getElementById( 'FORM_TOPIC' );
	if( !Fobj ){
		return true;
	}

	//--------------------- set Edit data

	with( Fobj ){
		THREAD.value = ThreadNumber;
		SERIAL.value = 0;		// as NEW
		PARENT.value = 1;

		MAIL.value = "";
		LINK.value = "";
		TITLE.value = "";
		MESSAGE.value = "";

		document.applets[ FORM_APPLET ].setGemLineString( "" );

	}

	sendTopic( 'read', Fobj );
}

//============================
//	move thread
//============================
function moveThread( ThreadNumber, directionFlag ){
	var Fobj = document.getElementById( 'FORM_TOPIC' );
	if( !Fobj ){
		return;
	}

	//--------------------- check password
	if( !THREAD_LIST[ ThreadNumber ].SERIAL[ 1 ].RIGHT ){
		noRightMessage();
		return;
	}

	//--------------------- set data

	if( !confirm( directionFlag
		? "Do you want to make this topic done most up ?"
		: "Do you want to make this topic done down ?"
	) ){
		return;
	}

	with( Fobj ){
		THREAD.value = ThreadNumber;
	}

	sendTopic( directionFlag ? 'up' : 'down', Fobj );

}


//============================
//	move group
//============================
function moveGroup( directionFlag ){

	var groupNumber = parseInt( document.getElementById( 'GROUP_SELECT' ).value );

	if( isNaN( groupNumber ) || groupNumber < 0 ){
		alert( "Target group was not found" );
		return;
	}

	//--------------------- check password
	if( !GROUP_LIST[ groupNumber ].RIGHT ){
		noRightMessage();
		return;
	}

	//--------------------- set data

	if( !confirm( directionFlag
		? "Do you want to make this GROUP done most up ?"
		: "Do you want to make this GROUP done down ?"
	) ){
		return;
	}

	var Gobj = document.getElementById( 'FORM_GROUP' );
	if( !Gobj ){
		return;
	}
	with( Gobj ){
		SERIAL.value = groupNumber;
	}

	sendGroup( directionFlag ? 'up' : 'down', null );

}

//====================================
//	join thread to group
//====================================
function joinGroup( mode ){
	var Fobj = document.getElementById( 'FORM_TOPIC' );
	if( !Fobj ){
		return;
	}


	var getJoinGroup = parseInt( document.getElementById( 'GROUP_SELECT' ).value );

	if( isNaN( getJoinGroup ) || getJoinGroup < 0 ){
		alert( "Join group was not found" );
		return;
	}

	var getJoinThread = THREAD_NUMBER[ document.getElementById( 'THREAD_SELECT' ).value ];
	if( !getJoinThread ){
		return;
	}

	//--------------------- check password
	if( !THREAD_LIST[ getJoinThread ].SERIAL[ 1 ].RIGHT ){
		noRightMessage();
		return;
	}
	if( isNaN( getJoinThread ) || !THREAD_LIST[ getJoinThread ] ){
		alert( "Join thread was not found" );
		return;
	}

	sendTopic( mode, null );
}

//============================
//	kill group
//============================
function killGroup(){

	var groupNumber = parseInt( document.getElementById( 'GROUP_SELECT' ).value );

	if( isNaN( groupNumber ) || groupNumber < 0 ){
		alert( "Target group was not found" );
		return;
	}

	//--------------------- check password
	if( !GROUP_LIST[ groupNumber ].RIGHT ){
		noRightMessage();
		return;
	}

	//--------------------- check cheldren group
	if( GROUP_LIST[ groupNumber ].CHILDREN.length ){
		alert( "Target group has children group.\nYou can not remove this group." );
		return;
	}

	//--------------------- set data

	if( !confirm( "Do you want to remove this GROUP ?" ) ){
		return;
	}

	var Gobj = document.getElementById( 'FORM_GROUP' );
	if( !Gobj ){
		return;
	}
	with( Gobj ){
		SERIAL.value = groupNumber;
	}

	sendGroup( 'kill', null );

}


//===================================
//	confirm for page link
//===================================
function confirm4Link(){
	return(
		confirm( "You will go to other website.\nIt might possibly give you a big problem.\nEven if so, you can go there. Is it OK ?" )
	);
}



//=================================================================================
//
//	button operation
//
//=================================================================================

//===================================
//	no right message
//===================================
function noRightMessage(){
	alert( "You have no right to edit this message" );

}





//====================================
//	view thread menu
//====================================
function viewTableMenu () {

	tagString = "<table border='1' cellspacing='0' class='backWhite' style='border-width:6px;border-style:outset;'>";

		tagString += "<colgroup style='text-align:center;'>";
			tagString += "<col>";
			tagString += "<col span='6' style='font-size:smaller;'>";
		tagString += "</colgroup>";
		tagString += "<col style='padding:0px 0.2ex;font-size:smaller;'>";


	var headString = "<tr class='backBlack' style='text-align:center;'>" +
		"<td>No.</td>" +
		"<td>Pass Days</td>" +
		"<td>Date</td>" +
		"<td>Name</td>" +
		"<td>Reply</td>" +
		"<td>Read</td>" +
		"<td>Group</td>" +
		"<td>Title</td>" +
	"</tr>";

	var searchRegExp = new RegExp( transSearchKey( SEARCH_KEY ), "g" );
	var replaceString = "";
	if( SEARCH_KEY ){
		replaceString = "<span style='font-weight:bolder;background-color:yellow;color:black;'>" + SEARCH_KEY + "</span>";
	}


	var floatMenuString = "";
	var doronString = "document.getElementById(\"FLOAT_MENU\").style.display=\"none\";";
	var pos = 0;
	for( var Tnum in THREAD_LIST ){


		with( THREAD_LIST[ Tnum ] ){
			var passDays = getPassDays( DATE );
			var passColor = getPassDaysColor( DATE );

			with( SERIAL[ 1 ] ){
				if( !SERIAL[ 1 ].TITLE ){ continue; }



		if( pos++ % 10 == 0 ){
			tagString += headString;
		}


				var hasData = !!SERIAL[ 1 ].MESSAGE;

				var passDaysTag = ( passDays
							? ( 31 < passDays ? "31+" : passDays )
							: "<img src='../Marks/NewStar.gif' alt='new' border='0'>"
						);

				tagString += "<tr style='background-color:" + passColor + ";'>" +
					"<th><a href='#TOPICs_TREE' onclick='" +
						( hasData
							? "viewThread"
							: "callThread"
						) +
						"( " + HEAD + " );'>" +
						( hasData ? "[" + Tnum + "]" : "(" + Tnum + ")" ) +
					"</a></th>" +
					"<td style='background-color:" + ( passDays ? passColor : "transparent" ) + ";'>" + passDaysTag + "</td>";
				with( new Date( DATE * 1000 ) ){
					tagString += "<td nowrap>" + ( passDays < 7 ? toLocaleTimeString() : toLocaleDateString() ) + "</td>";
				}
				tagString += "<td>" + NAME.replace( searchRegExp, replaceString ) + "</td>";




				tagString +=
					"<td>" + ( REPLY ? REPLY : "&nbsp;" ) + "</td>" +
					"<td>" + ( READer ? " (" + READer + ")" : "&nbsp;" ) + "</td>";




				var groupNest = "";
				if( SERIAL[ 0 ] ){
					var tempGroup = SERIAL[ 0 ].PARENT;
					if( tempGroup ){
						if( GROUP_LIST[ tempGroup ] ){
							with( GROUP_LIST[ tempGroup ] ){
								groupNest = TITLE;
								tempGroup = GROUP;
							}
						}else{
							groupNest = "[" + tempGroup + "]";
						}
					}
				}

				tagString +=
					"<td>" + ( groupNest ? groupNest : "&nbsp;" ) + "</td>" +
					"<td" +
						( hasData
							? " title='" + ( TITLE + "\n------------\n" + MESSAGE ).replace( /'/g, "&#39;" ).replace( /<br>/ig, "\n" ) + "'"
							: ""
						) +
					">" +
						trimTitle( TITLE, 20, "..." ).replace( searchRegExp, replaceString ) +
					"</td>";


				tagString += "</tr>";


				//---------------------- float menu
				if( hasData ){
					floatMenuString += "<tr>"+
						"<td nowrap colspan='2' style='font-size:80%;padding:0.2ex 1ex;background-color:" + passColor + ";'>"+
							"<a href='#TOPICs_TREE' onclick='viewThread(" + HEAD + ");" + doronString + "' style='text-decoration:none;'>"+
								"[" + Tnum + "] " + NAME + " (" + REPLY + ") " + trimTitle( TITLE, 20, "..." ) +
							"</a>"+
						"</td>"+
					"</tr>";
				}
			}
		}
	}


	tagString += "</table>";


	document.getElementById( "MENU_BOX" ).innerHTML = tagString.replace( /LLIO/g, USHER_ID );


	document.getElementById( "FLOAT_MENU" ).innerHTML = ( "<table cellspacing='0'>"+
		"<tr style='font-size:larger;font-weight:bold;text-align:center;background-color:green;color:white;padding:0.2ex 0.5ex;'>"+
			"<td nowrap>MENU</td>"+
			"<td align='right'>"+
				"<button type='button' style='font-weight:bold;background-color:yellow;' onclick='" + doronString + "'>&times;</button>"+
			"</td>"+
		"</tr>" +
		floatMenuString +

	"</table>" ).replace( /LLIO/g, USHER_ID );


}

//====================================
//	trim title
//====================================
function trimTitle( title, cut, dash ){
	return ( cut < title.length
		? title.substr( 0, cut ) + dash
		: title
	);
}

//--------------------------------------
//	trans search key
//--------------------------------------
function transSearchKey ( tempKey ){
	var keyList = [ "\\", ".", "|", "[", "]", "(", ")", "*", "+", "-", "?", "{", "}", "^", "$" ];

	for( var Knum in keyList ){
		if( tempKey.indexOf( keyList[ Knum ] ) < 0 ){ continue; }
		for( var pos=0, cutKey=""; tempKey.length; tempKey=tempKey.substring(1) ){
			var readKey = tempKey.charAt( 0 );
			if( readKey == keyList[ Knum ] ){
				if( readKey == "\\" ){
					cutKey += "\\\\\\\\";
				}else if( readKey == "?" ){
					cutKey += "\\?";
				}else{
					cutKey += "\\" + readKey;
				}
			}else{
				cutKey += readKey;
			}
		}
		tempKey = cutKey;
	}

	return( tempKey );

}