<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>JE Pairing Ranker</title>
<script type="text/javascript">
<!--
//*********************************************************
//
// 評価するメンバーの名前のリスト
//
// この部分を変更して下さい。名前の削除・追加も可能です。
// 名前を引用符(")で括り、コンマ(,)で区切って下さい。
// 但し、リストの最後にはコンマを入れてはいけません。
//
//*********************************************************
var namMember = new Array(
"Hina/Maru",
"Hina/Ohkura",
"Hina/Ryo",
"Hina/Subaru",
"Hina/Yasu",
"Hina/Yoko",
"Maru/Ohkura",
"Maru/Ryo",
"Maru/Subaru",
"Maru/Yasu",
"Maru/Yoko",
"Ohkura/Ryo",
"Ohkura/Subaru",
"Ohkura/Yasu",
"Ohkura/Yoko",
"Ryo/Subaru",
"Ryo/Yasu",
"Ryo/Yoko",
"Subaru/Yasu",
"Subaru/Yoko",
"Yasu/Yoko",
"Aiba/Matsujun",
"Aiba/Nino",
"Aiba/Ohno",
"Aiba/Sho",
"Matsujun/Nino",
"Matsujun/Ohno",
"Matsujun/Sho",
"Nino/Ohno",
"Nino/Sho",
"Ohno/Sho",
"Kame/Jin",
"Kame/Taguchi",
"Kame/Koki",
"Kame/Ueda",
"Kame/Nakamaru",
"Jin/Taguchi",
"Jin/Koki",
"Jin/Ueda",
"Jin/Nakamaru",
"Taguchi/Koki",
"Taguchi/Ueda",
"Taguchi/Nakamaru",
"Koki/Ueda",
"Koki/Nakamaru",
"Ueda/Nakamaru",
"Koyama/Massu",
"Koyama/Ryo",
"Koyama/Shige",
"Koyama/Tegoshi",
"Koyama/Yamapi",
"Massu/Ryo",
"Massu/Shige",
"Massu/Tegoshi",
"Massu/Yamapi",
"Ryo/Shige",
"Ryo/Tegoshi",
"Ryo/Yamapi",
"Shige/Tegoshi",
"Shige/Yamapi",
"Tegoshi/Yamapi",
"Takki/Tsubasa",
"Yamapi/Jin",
"Yamapi/Kame",
"Ryo/Ueda",
"Ryo/Jin",
"Ryo/Uchi",
"Yamapi/Toma",
"Ryo/Matsujun",
"Ryo/Kame",
"Nakamaru/Massu",
"Miyake Ken/Morita Go",
"Yoko/Aiba",
"Yamada/Chinen",
"Nino/Ryo"
);
//*********************************************************

var lstMember = new Array();
var parent = new Array();
var equal = new Array();
var rec = new Array();
var cmp1,cmp2;
var head1,head2;
var nrec;

var numQuestion;
var totalSize;
var finishSize;
var finishFlag;

//変数の初期化+++++++++++++++++++++++++++++++++++++++++++++
function initList(){
	var n = 0;
	var mid;
	var i;

	//ソートすべき配列
	lstMember[n] = new Array();
	for (i=0; i<namMember.length; i++) {
		lstMember[n][i] = i;
	}
	parent[n] = -1;
	totalSize = 0;
	n++;

	for (i=0; i<lstMember.length; i++) {
		//要素数が２以上なら２分割し、
		//分割された配列をlstMemberの最後に加える
		if(lstMember[i].length>=2) {
			mid = Math.ceil(lstMember[i].length/2);
			lstMember[n] = new Array();
			lstMember[n] = lstMember[i].slice(0,mid);
			totalSize += lstMember[n].length;
			parent[n] = i;
			n++;
			lstMember[n] = new Array();
			lstMember[n] = lstMember[i].slice(mid,lstMember[i].length);
			totalSize += lstMember[n].length;
			parent[n] = i;
			n++;
		}
	}

	//保存用配列
	for (i=0; i<namMember.length; i++) {
		rec[i] = 0;
	}
	nrec = 0;

	//引き分けの結果を保存するリスト
	//キー：リンク始点の値
	// 値 ：リンク終点の値
	for (i=0; i<=namMember.length; i++) {
		equal[i] = -1;
	}

	cmp1 = lstMember.length-2;
	cmp2 = lstMember.length-1;
	head1 = 0;
	head2 = 0;
	numQuestion = 1;
	finishSize = 0;
	finishFlag = 0;
}

//リストのソート+++++++++++++++++++++++++++++++++++++++++++
//flag：比較結果
//  -1：左を選択
//   0：引き分け
//   1：右を選択
function sortList(flag){
	var i;
	var str;

	//recに保存
	if (flag<0) {
		rec[nrec] = lstMember[cmp1][head1];
		head1++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp1][head1];
			head1++;
			nrec++;
			finishSize++;
		}
	}
	else if (flag>0) {
		rec[nrec] = lstMember[cmp2][head2];
		head2++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp2][head2];
			head2++;
			nrec++;
			finishSize++;
		}
	}
	else {
		rec[nrec] = lstMember[cmp1][head1];
		head1++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp1][head1];
			head1++;
			nrec++;
			finishSize++;
		}
		equal[rec[nrec-1]] = lstMember[cmp2][head2];
		rec[nrec] = lstMember[cmp2][head2];
		head2++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp2][head2];
			head2++;
			nrec++;
			finishSize++;
		}
	}

	//片方のリストを走査し終えた後の処理
	if (head1<lstMember[cmp1].length && head2==lstMember[cmp2].length) {
		//リストcmp2が走査済 - リストcmp1の残りをコピー
		while (head1<lstMember[cmp1].length){
			rec[nrec] = lstMember[cmp1][head1];
			head1++;
			nrec++;
			finishSize++;
		}
	}
	else if (head1==lstMember[cmp1].length && head2<lstMember[cmp2].length) {
		//リストcmp1が走査済 - リストcmp2の残りをコピー
		while (head2<lstMember[cmp2].length){
			rec[nrec] = lstMember[cmp2][head2];
			head2++;
			nrec++;
			finishSize++;
		}
	}

	//両方のリストの最後に到達した場合は
	//親リストを更新する
	if (head1==lstMember[cmp1].length && head2==lstMember[cmp2].length) {
		for (i=0; i<lstMember[cmp1].length+lstMember[cmp2].length; i++) {
			lstMember[parent[cmp1]][i] = rec[i];
		}
		lstMember.pop();
		lstMember.pop();
		cmp1 = cmp1-2;
		cmp2 = cmp2-2;
		head1 = 0;
		head2 = 0;

		//新しい比較を行う前にrecを初期化
		if (head1==0 && head2==0) {
			for (i=0; i<namMember.length; i++) {
				rec[i] = 0;
			}
			nrec = 0;
		}
	}

	if (cmp1<0) {
		str = "Battle No."+(numQuestion-1)+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
		document.getElementById("battleNumber").innerHTML = str;

		showResult();
		finishFlag = 1;
	}
	else {
		showImage();
	}
}

//結果の表示+++++++++++++++++++++++++++++++++++++++++++++++
function showResult() {
	var ranking = 1;
	var sameRank = 1;
	var str = "";
	var i;

	str += "<table style=\"width:200px; font-size:12px; line-height:120%; margin-left:auto; margin-right:auto; border:1px solid #000; border-collapse:collapse\" align=\"center\">";
	str += "<tr><td style=\"color:#ffffff; background-color:#000; text-align:center;\">Place<\/td><td style=\"color:#ffffff; background-color:#000; text-align:center;\">Name<\/td><\/tr>";

	for (i=0; i<namMember.length; i++) {
		str += "<tr><td style=\"border:1px solid #000; text-align:right; padding-right:5px;\">"+ranking+"<\/td><td style=\"border:1px solid #000; padding-left:5px;\">"+namMember[lstMember[0][i]]+"<\/td><\/tr>";
		if (i<namMember.length-1) {
			if (equal[lstMember[0][i]]==lstMember[0][i+1]) {
				sameRank++;
			} else {
				ranking += sameRank;
				sameRank = 1;
			}
		}
	}
	str += "<\/table>";

	document.getElementById("resultField").innerHTML = str;
}

//比較する２つ要素の表示+++++++++++++++++++++++++++++++++++
function showImage() {
	var str0 = "Battle No."+numQuestion+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
	var str1 = ""+toNameFace(lstMember[cmp1][head1]);
	var str2 = ""+toNameFace(lstMember[cmp2][head2]);

	document.getElementById("battleNumber").innerHTML = str0;
	document.getElementById("leftField").innerHTML = str1;
	document.getElementById("rightField").innerHTML = str2;

	numQuestion++;
}

//数値を名前（顔文字）に変換+++++++++++++++++++++++++++++++
function toNameFace(n){
	var str = namMember[n];

	//顔文字を追加する場合は以下のコメントアウトを外す
	//namMemberのインデックスと矛盾しないように注意
	/*
	str += "<br>────<br>";
	switch(n) {
		//case -1 はサンプルなので削除すること
		case -1: str+="（ ´∀｀）";break;
		default: str+=""+n;
	}
	*/
	return str;
}
//-->
</script>
<style type="text/css">
<!--
/**********************************************************

 表のスタイルを変更する場合はここを編集してください。

**********************************************************/
#mainTable{
	font-size: 16px;
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	vertical-align: middle;
	width: 410px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-spacing: 10px 5px;
}
#leftField{
	width: 120px;
	height: 150px;
	border: 1px solid #000;
}
#rightField{
	width: 120px;
	height: 150px;
	border: 1px solid #000;
}
.middleField{
	width: 120px;
	height: 70px;
	border: 1px solid #000;
}
//-->
</style>
</head>

<body>
<table id="mainTable" align="center">
	<tr>

		<td id="battleNumber" colspan="3" style="padding-bottom: 10px;">
			&nbsp;
		</td>
	</tr>
	<tr>
		<td id="leftField" onClick="if(finishFlag==0)sortList(-1);" rowspan="2">
			&nbsp;
		</td>
		<td class="middleField" onClick="if(finishFlag==0)sortList(0);">

			Like Both Same
		</td>
		<td id="rightField" onClick="if(finishFlag==0)sortList(1);" rowspan="2">
			&nbsp;
		</td>
	</tr>
	<tr>
		<td class="middleField" onClick="if(finishFlag==0)sortList(0);">
			No Opinion
		</td>

	</tr>
</table><br><br>
<div id="resultField" style="text-align:center;">

<BR>
<BR>
<BR>

Edited for pairings by <a href=http://spurious.livejournal.com>spurious @ livejournal</a>. Original code from <a href=http://www.bathkame.com/johnnys.html>BATHKAME</a>.

<BR><BR>
</div>
<script type="text/javascript">
<!--
	initList();
	showImage();
//-->
</script>

</body>
</html>

�