<!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>THE PRINCE OF TENNIS CHARACTER RANKING MEME</title>

<script type="text/javascript">
<!--
//*********************************************************
//
// 評価するメンバーの名前のリスト
//
// この部分を変更して下さい。名前の削除・追加も可能です。
// 名前を引用符(")で括り、コンマ(,)で区切って下さい。
// 但し、リストの最後にはコンマを入れてはいけません。
//
//*********************************************************
var namMember = new Array(
"Akazawa Yoshirou",
"Akira Kamio",
"Akutagawa Jirou",
"Akutsu Jin",
"Amane 'Davide' Hikaru",
"Aoi Kentarou",
"Aragaki",
"Arai Masashi",
"Arnald Ignashov",
"Atobe Keigo",
"Banda 'Banjii' Mikiya",
"Billy Cassidy",
"Bobby Max",
"Chinen Hiroshi",
"Chitose Miyuki",
"Chitose Senri",
"Dan Taichi",
"Echizen Nanjirou",
"Echizen Ryoga",
"Echizen Ryoma",
"Fuji Shuusuke",
"Fuji Yuuta",
"Habu Itto",
"Higashikata Masami",
"Hirakoba Rin",
"Hitouji Yuuji",
"Hiyoshi Wakashi",
"Horio Satoshi",
"Ibu Shinji",
"Inoue Mamoru",
"Inui Sadaharu",
"Ishida Gin",
"Ishida Tetsu",
"Itsuki Marehiko",
"Kabaji Munehiro",
"Kai Yuujirou",
"Kaidou Kaoru",
"Kajimoto Takahisa",
"Kaneda Ichirou",
"Karupin",
"Katou Kachirou",
"Kawamura Takashi",
"Kevin Smith",
"Kikumaru Eiji",
"Kiraku Yasuyuki",
"Kirihara Akaya",
"Kiriyama Daichi",
"Kisarazu Atsushi",
"Kisarazu Ryou",
"Kita Ichiuma",
"Kitamura Wataru",
"Kite Eishirou",
"Kongawa Junpei",
"Konjiki Koharu",
"Kurobane Karukaze",
"Kuwahara Jackal",
"Marui Bunta",
"Meino Nanako",
"Michael Lee",
"Minami Kentarou",
"Minamoto Takuma",
"Mizuki Hajime",
"Mizuno Katsuo",
"Momoshirou Takeshi",
"Mori Tatsunori",
"Mukahi Gakuto",
"Muromachi Touji",
"Niou Masaharu",
"Nishikiori Tsubasa",
"Nitobe Inakichi",
"Nomura Takuya",
"Oishi Shuichirou",
"Ojii",
"Ootori Choutarou",
"Osakada Tomoka",
"Osamu Watanabe",
"Oshitari Kenya",
"Oshitari Yuushi",
"Ota Shou",
"Richard Baker",
"Ryuuzaki Sakuno",
"Ryuuzaki Sumire",
"Saeki Koujirou",
"Sakaki Tarou",
"Sakurai Masaya",
"Sanada Genichirou",
"Saotome Harumi",
"Sengoku Kiyosumi",
"Shiba Saori",
"Shinjou Reiji",
"Shiraishi Kuranosuke",
"Shiranui Tomoya",
"Shishido Ryou",
"Shudou Satoshi",
"Tachibana An",
"Tachibana Kippei",
"Takase Masato",
"Taki Haginosuke",
"Tanaka Kouhei",
"Tanaka Youhei",
"Tanishi Kei",
"Terry Griffey",
"Tezuka Kunimitsu",
"Tom Griffey",
"Tooyama Kintarou",
"Tsuta Akane",
"Uchimura Kyousuke",
"Urayama Shiita",
"Wakato Hiroshi",
"Yagyuu Hiroshi",
"Yamato Yuudai",
"Yanagi Renji",
"Yanagisawa Shinya",
"Yukimura Seiichi",
"Zaizen Hikaru"
);
//*********************************************************

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">
	<tbody><tr>

		<td id="battleNumber" colspan="3" style="padding-bottom: 10px;">Battle No.1<br>0% sorted.</td>
	</tr>
	<tr>
		<td id="leftField" onclick="if(finishFlag==0)sortList(-1);" rowspan="2">Kusanagi Tsuyoshi</td>
		<td class="middleField" onclick="if(finishFlag==0)sortList(0);">

			I Like Both
		</td>
		<td id="rightField" onclick="if(finishFlag==0)sortList(1);" rowspan="2">Katori Shingo</td>
	</tr>
	<tr>
		<td class="middleField" onclick="if(finishFlag==0)sortList(0);">
			No Opinion
		</td>

	</tr>
</tbody></table><br><br>
<div id="resultField" style="text-align: center;">
There are 115 characters including anime/manga-exclusive teams, some minor characters, and the coaches.<br>
So yeah this is a bit time-consuming, haha. XD Original code from <a href="http://www.bathkame.com/johnnys.html">BATHKAME</a>, adapted for TeniPuri by <a href="http://levels.livejournal.com/">Lorelei</a>.<br>
There is also a Katekyo Hitman Reborn! version <a href="http://fated.nu/khr_test.html">here</a> and a Death Note version <a href="http://fated.nu/dn_test.html">here</a>.

<br><br>
</div>
<script type="text/javascript">
<!--
	initList();
	showImage();
//-->
</script>

</body></html>