//======================================================
//	roll counter list JS
//	2005/09/05~
//======================================================
/*




*/



	var ROLL_COUNTER_RARE_LIST = [];
/*
//===============================================
//	draw current total
//===============================================
function drawCurrentTotal (){

	tagString = "";

	tagString += "<table border='7' align='center' cellspacing='0' class='backWhite'>";
	tagString += "<col span='2' style='padding:0.5ex 1em;'>";

	tagString += "<th class='backBlack'>Total";
	tagString += "</th><td>"+ROLL_COUNTER_CURRENT+"</td>";

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

	document.write( tagString );

}
*/
//===============================================
//	make tag roll list
//===============================================
function makeTagRollCounterList (){

	tagString = "";





	tagString += "<table border='10' align='center' cellspacing='0' class='backWhite' style='height:80%;'>";

	tagString += "<col span='3' valign='top'>";





	tagString += "<tr>";


	tagString += "<th class='backBlack'>Total";
	tagString += "</th>";

//	tagString += "<td>8^-^8</td>";
	tagString += "<td>"+ROLL_COUNTER_CURRENT+"</td>";


	tagString += "<th class='backBlack' style='height:1%;'>Month List</th>";

	tagString += "<th id='MONTH_TITLE' class='backBlack' style='height:1%;'>"+getMonthString( ROLL_COUNTER_MONTH_LIST[ 0 ] )+"</th>";

	tagString += "</tr>";




	tagString += "<tr>";


	//---------------------------------------- selecter
	tagString += "<td colspan='2' style='width:1px;'>";

	var lastYear = 0;
	tagString += "<select size='12' style='height:100%;' onclick='this.onchange();' onchange='showRollCounterList( this.value );'>";
	for( var Mnum in ROLL_COUNTER_MONTH_LIST ){
		var getMonth = ROLL_COUNTER_MONTH_LIST[ Mnum ];
		var cutYear = Math.floor( getMonth / 100 );
		var cutMonth = getMonth % 100;
		if( lastYear != cutYear ){
			if( lastYear ){
				tagString += "</optgroup>";
			}
			tagString += "<optgroup label='" + cutYear + "'>";
		}

		lastYear = cutYear;

	//	tagString += "<option value='"+getMonth+"'>"+getMonthString( getMonth )+"</option>";
		tagString += "<option value='"+getMonth+"'>"+cutMonth+"</option>";
	}
	tagString += "</select>";

	tagString += "</td>";

	tagString += "<td id='MONTH_BOX' valign='top'>"+makeMonthTag( ROLL_COUNTER_MONTH_LIST[ 0 ] )+"</td>";
	tagString += "<td id='DAYs_BOX' valign='top'>"+makeDaysTag( ROLL_COUNTER_MONTH_LIST[ 0 ] )+"</td>";

	tagString += "</tr>";



	tagString += "</table>";

	return tagString;
}

//=====================================
//	getMonthString
//=====================================
function getMonthString ( monthKey ){
	if( isNaN( monthKey ) ){
		monthKey = 0;
	}
	return( Math.floor( monthKey / 100 ) + '-' + ( monthKey % 100 ) + ''
	);
}


//=====================================
//	make month list tag
//=====================================
function makeMonthTag ( monthKey ){


	var monthTag = "";

	monthTag += "<table border='1' cellspacing='0'>";

	monthTag += "<col><col style='text-align:right;'>";

	monthTag += "<tr><th class='backGray' style='text-align:center;'>Month</th><th class='backGray' style='text-align:center;'>Counts</th><th class='backGray' style='text-align:center;'><div  style='width:5em;'>Bar</div></th></tr>";

	var maxCount = 2000;
	var getTotalCount = 0;
	for( var Mnum in ROLL_COUNTER_MONTH_LIST ){

		var getMonthCount = eval( ROLL_COUNTER_LIST[ ROLL_COUNTER_MONTH_LIST[ Mnum ] ].join( "+" ) );
		maxCount = Math.max( maxCount, getMonthCount );
		getTotalCount += getMonthCount;

	}


	var leastCount = 0;
	for( var Mnum in ROLL_COUNTER_MONTH_LIST ){

		var thisMonth = ROLL_COUNTER_MONTH_LIST[ Mnum ];

		if( 30 < leastCount && (thisMonth < monthKey-100 || monthKey+100 <= thisMonth ) ){
			continue;
		}



		var monthTotal = eval( ROLL_COUNTER_LIST[ thisMonth ].join( "+" ) );


		monthTag += "<tr>";

		monthTag += "<td"+( thisMonth == monthKey ? " style='background-color:lightgreen;'" : "" )+">";

		monthTag += getMonthString( thisMonth );

		monthTag += "</td>";


		monthTag += "<td>";

		monthTag += monthTotal;

		monthTag += "</td>";


		monthTag += "<td>";

		var countBar = Math.floor( monthTotal / maxCount * 50 );

		if( countBar ){
			while( countBar-- ){
				monthTag += "|";
			}
		}else{
			monthTag += "-";
		}

		monthTag += "</td>";



		monthTag += "</tr>";

	}

//	monthTag += "<tr><td colspan='3'>8^-^8</td></tr>";
	monthTag += "<tr><td colspan='3'>"+getTotalCount+"</td></tr>";


	monthTag += "</table>";


	return( monthTag );

}

//=====================================
//	make days list tag
//=====================================
function makeDaysTag ( monthKey ){
	var daysTag = "";

	daysTag += "<table border='1' cellspacing='0'>";
	daysTag += "<col style='text-align:center;'>";
	daysTag += "<col style='text-align:right;'>";

	daysTag += "<tr><th class='backGray'>Date</th><th class='backGray' style='text-align:center;'>Counts</th><th class='backGray' style='text-align:center;'><div style='width:10em;'>Bar</div></th></tr>";

	var maxCount = 100;
	for( var Dnum in ROLL_COUNTER_LIST[ monthKey ] ){

		maxCount = Math.max( maxCount, ROLL_COUNTER_LIST[ monthKey ][ Dnum ] );

	}

	var thisYear = Math.floor( monthKey / 100 );
	var thisMonth = monthKey % 100;

	for( var Dnum in ROLL_COUNTER_LIST[ monthKey ] ){

		var thisDay = ROLL_COUNTER_LIST[ monthKey ][ Dnum ];


		todayColor = "";
		with( new Date() ){
			if( thisYear == getFullYear() && thisMonth == getMonth()+1 && parseInt( Dnum ) + 1 == getDate() ){
				todayColor = "style='background-color:lightgreen;'";
			}
			//---------------------- is illeagal day ( small month )
			setUTCFullYear( thisYear );
			setUTCMonth( thisMonth - 1 );
			setUTCDate( parseInt( Dnum ) + 1 );

			if( getUTCDate() != parseInt( Dnum ) + 1 ){
				continue;
			}

		}

		daysTag += "<tr style='font-size:smaller;'>";


		daysTag += "<td class='backBlack'>" + ( parseInt( Dnum ) + 1 ) + "</td>";



		daysTag += "<td "+todayColor+">" + thisDay + "</td>";


		daysTag += "<td "+todayColor+">";

		var countBar = Math.floor( thisDay / maxCount * 150 );

		if( countBar ){
			while( countBar-- ){
				daysTag += "|";
			}
		}else{
			daysTag += "-";
		}

		daysTag += "</td>";

		daysTag += "</tr>";

	}

	daysTag += "</table>";


	return( daysTag );
}




//=====================================
//	show list
//=====================================
function showRollCounterList( monthKey ){
	var showYear = parseInt( monthKey.substr( 0, 4 ) );
	var showMonth = parseInt( monthKey.substr( 4, 2 ) );

	document.getElementById( 'MONTH_BOX' ).innerHTML = makeMonthTag( monthKey );

	document.getElementById( 'DAYs_BOX' ).innerHTML = makeDaysTag( monthKey );


//	monthTag += "<tr><th colspan='3' class='backBlack'>"+getMonthString( monthKey )+"</th></tr>";
	document.getElementById( 'MONTH_TITLE' ).innerHTML = getMonthString( monthKey );

}



//===============================================
//	draw rare number list
//===============================================
function drawRollCounterRareNumberList (){

	tagString = "";


	tagString += "<table border='10' align='center' cellspacing='0' style='margin:1em 0ox;' class='backWhite'>";
	tagString += "<col span='3' style='padding:0px 1em;'>";


	tagString += "<tr><th nowrap class='backBlack'>Rare Number</th><th class='backBlack'>Date</th><th class='backBlack'>ID</th><th class='backBlack'>Comment</th></tr>";


	var mineList = [];

	for( var Rnum in ROLL_COUNTER_RARE_LIST ){
		var RareNumber = ROLL_COUNTER_RARE_LIST[ Rnum ];
		var Rset = ROLL_COUNTER_RARE_DATA[ RareNumber ];

		var dateNumber = Rset[ 0 ];
		var gainer = Rset[ 1 ];
		var isMine = Rset[ 2 ];
		var message = Rset[ 3 ];


		if( isMine ){
			mineList = mineList.concat( [ RareNumber ] );
		}

		tagString += "<tr>";
		tagString += "<th class='backGray'>"+RareNumber+"</th>";
		with( new Date() ){
			setFullYear( Math.floor( dateNumber / 10000 ) );
			setMonth( Math.floor( dateNumber / 100 ) % 100 - 1 );
			setDate( dateNumber % 100 );
			tagString += "<td nowrap>"+toLocaleDateString()+"</td>";
		}

		tagString += "<td>"+( isMine && gainer == '*' ? "You got it" : gainer )+"</td>";

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

		tagString += "</tr>";
	}

	tagString += "</table>";


	//--------------------------------- rare number form tag
	var formTagString = "";
	if( mineList.length ){
		formTagString += "<form action='#RARE_NUMBER_LIST' method='post' onSubmit=''>";
		formTagString += "<input type='hidden' name='RARE' value='0' readonly>";

		formTagString += "<table border='10' align='center' cellspacing='0' class='backWhite'>";
		formTagString += "<tr><th class='backBlack'>ID</th><th class='backBlack'>Message</th></tr>";
		formTagString += "<tr><td><input type='text' name='NAME' value='' style='width:10em;'></td>";
		formTagString += "<td><input type='text' name='COMMENT' value='' style='width:30em;'></td></tr>";

		formTagString += "<tr><th class='backGray'>writing number</th><td align='center'>";
		for( var Mnum in mineList ){
			formTagString += "<input type='submit' value='"+mineList[ Mnum ]+"' onclick='document.forms[ 0 ].RARE.value = this.value;'>";
		}
		formTagString += "</td></tr>";


		formTagString += "</table>";
		formTagString += "</form>";
	}

	document.write(
		"<div class='titleBar'>Rare Number</div>",
		formTagString,
		tagString
	);

}