
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head><center><BR><BR>
<span style="font-family:돋움; font-size:8pt; color:#A6A6A6;">은혼 캐릭터 소트입니다<BR>좋아하는 캐릭터를 클릭해주세요<BR></font>
</center>
<BR><BR>
<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>은혼 캐릭터 소트</title>
<script type="text/javascript">
<!--
//*********************************************************
//
// ?価するメンバ?の名前のリスト
//
// この部分を変更して下さい。名前の削除・追加も可?です。
// 名前を引用符(")で括り、コン?(,)で区切って下さい。
// 但し、リストの最後にはコン?を入れてはいけません。
//
//*********************************************************
var namMember = new Array(
"<img src=http://i.imgur.com/Nmcbuhr.png><br><br>사카타 긴토키",
"<img src=http://i.imgur.com/7Q735Vt.png><br><br>시무라 신파치",
"<img src=http://i.imgur.com/Gpphy21.png><br><br>오키타 소고",
"<img src=http://i.imgur.com/P3b0xJX.png><br><br>시무라 타에",
"<img src=http://i.imgur.com/36tc0aG.png><br><br>콘도 이사오",
"<img src=http://i.imgur.com/5lxf9sM.png><br><br>야마자키 시가루",
"<img src=http://i.imgur.com/ty2CAba.png><br><br>츠쿠요",
"<img src=http://i.imgur.com/wic9Zwl.png><br><br>오토세",
"<img src=http://i.imgur.com/MRQBdip.png><br><br>캐서린",
"<img src=http://i.imgur.com/jCRKM0u.png><br><br>타마",
"<img src=http://i.imgur.com/91qPfcL.png><br><br>야규 큐베",
"<img src=http://i.imgur.com/ngBytp9.png><br><br>토죠 아유무",
"<img src=http://i.imgur.com/RfJERlF.png><br><br>하세가와 타이조",
"<img src=http://i.imgur.com/ocRXlN8.png><br><br>키지마 마타코",
"<img src=http://i.imgur.com/REZ3YeJ.png><br><br>카무이",
"<img src=http://i.imgur.com/1pa17xF.png><br><br>세이타",
"<img src=http://i.imgur.com/z2QvtC5.png><br><br>이마이 노부메",
"<img src=http://i.imgur.com/UB7UjGM.png><br><br>아부토",
"<img src=http://i.imgur.com/hriM4gp.png><br><br>카구라",
"<img src=http://i.imgur.com/y3hE2lr.png><br><br>카츠라 코타로",
"<img src=http://i.imgur.com/4bjzfU2.png><br><br>히지카타 토시로",
"<img src=http://i.imgur.com/qAj0c1f.png><br><br>엘리자베스",
"<img src=http://i.imgur.com/ZB2zlJW.png><br><br>사카모토 타츠마",
"<img src=http://i.imgur.com/5U8GgB5.png><br><br>무츠",
"<img src=http://i.imgur.com/GDKqR7Z.png><br><br>타카스기 신스케",
"<img src=http://i.imgur.com/dxQvThk.png><br><br>카와카미 반사이",
"<img src=http://i.imgur.com/YjM88ex.png><br><br>사다하루",
"<img src=http://i.imgur.com/FOaOcNg.png><br><br>사루토비 아야메",
"<img src=http://i.imgur.com/lEGfBAx.png><br><br>핫토리 젠조",
"<img src=http://i.imgur.com/BQlbnse.png><br><br>오보로",
"<img src=http://i.imgur.com/67lDb89.png><br><br>사사키 이사부로",
"<img src=http://i.imgur.com/ArGyhRJ.png><br><br>바다돌이",
"<img src=http://i.imgur.com/E1a31ou.png><br><br>도로미즈 지로쵸",
"<img src=http://i.imgur.com/yoGWTBP.png><br><br>타케치 헨페이타",
"<img src=http://i.imgur.com/uFGMEVk.png><br><br>도로미즈 피라코",
"<img src=http://i.imgur.com/H3iMWeO.png><br><br>테라카도 츠우",
"<img src=http://i.imgur.com/2ISbVGg.png><br><br>무라타 테츠코",
"<img src=http://i.imgur.com/LKrzBML.png><br><br>도쿠가와 시게시게",
"<img src=http://i.imgur.com/wGZWFw1.png><br><br>사이고 테루히코",
"<img src=http://i.imgur.com/4dwk4kb.png><br><br>히노와",
"<img src=http://i.imgur.com/xlEmHnN.png><br><br>이쿠마츠",
"<img src=http://i.imgur.com/rQ60yOR.png><br><br>오비 하지메",
"<img src=http://i.imgur.com/vGjshDc.png><br><br>마츠다이라 카타쿠리코",
"<img src=http://i.imgur.com/EtXDmOD.png><br><br>요시다 쇼요",
"<img src=http://i.imgur.com/4M8mCgC.png><br><br>오키타 미츠바",
"<img src=http://i.imgur.com/ngj1WsP.png><br><br>쿠로고마 카츠오",
"<img src=http://i.imgur.com/hRmvznf.png><br><br>도쿠가와 사다사다"




);
//*********************************************************

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:9pt; 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:#FF9436; text-align:center;\">순위<\/td><td style=\"color:#ffffff; background-color:#FF9436; text-align:center;\">이름<\/td><\/tr>";

for (i=0; i<namMember.length; i++) {
str += "<tr><td style=\"border:1px solid #000; background-color:#FFFFFF; text-align:center; padding-right:5px;\">"+ranking+"<\/td><td style=\"border:1px solid #000; background-color:#FFFFFF; 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: 8pt;
font-family: '돋움',sans-serif;
text-align: center;
vertical-align: auto;
width: 580px;
margin-left: auto;
margin-right: auto;
border-spacing: 10px 5px;
background-color: #FFFFFF
}
#leftField{
width: 210px;
height: 300px;
border: 1px solid #A6A6A6;
}
#rightField{
width: 210px;
height: 300px;
border: 1px solid #A6A6A6;
}
.middleField{
width: 140px;
height: 145px;
border: 1px solid #A6A6A6;
background-color: #FF9436
}
//-->
<!--
A{
  text-decoration : none;
}
-->
<!--
a:hover{color:#99ccff;}
-->
</style>
</head>

<body text="#000000;" bgcolor="#000000"; link="#0099ff" vlink="#0099ff" alink="#0099ff">
<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);">
둘다좋음
</td>
<td id="rightField" onClick="if(finishFlag==0)sortList(1);" rowspan="2">
</td>
</tr>
<tr>
<td class="middleField" onClick="if(finishFlag==0)sortList(0);">
둘다싫음
</td>
</tr>
</table><br><br>
<div id="resultField" style="text-align:center;">


<BR>
<span style="font-family:돋움; font-size:8pt; color:#A6A6A6;">

은혼<BR><BR>
<BR>
<BR>
<BR>
</font>



</div>
<script type="text/javascript">
<!--
initList();
showImage();
//-->
</script>

</body>
</html>