// 初期値設定
var ajax = false;

if(window.XMLHttpRequest)
{	// IE以外
	ajax = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{	// IE用
	try {
		ajax = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e) {
		ajax = new ActiveXObject("Microsoft.XMLHTTP");
	}
}

// 初期化
var questionNo;
var historyNo;

function init_quiz()
{
	questionNo = 1;
	historyNo = "";
}

// 問題の取得
function get_quiz()
{
	var hno = document.getElementById("hno").value;
	var url = 'http://www.amgyoren.or.jp/kids/ajax/get_kanji.php?rank=1&hno=' + hno + '&rand=' + Math.random();
	
	ajax.open("GET", url, false);
	ajax.onreadystatechange = function() {
		if (ajax.readyState == 4 && ajax.status == 200) {
			// 結果データの取得
			var data = ajax.responseText;
			splitData = data.split("_-_");
			
			// 表示グループの設定
			document.getElementById("question-box").style.display = "block";
			document.getElementById("select-box").style.display   = "block";
			document.getElementById("answer-box").style.display   = "none";
			document.getElementById("next-box").style.display     = "none";
			document.getElementById("finish-box").style.display   = "none";
			document.getElementById("button-box").style.display   = "none";
			
			// 問題番号の設定
			document.getElementById("qnum").src = "img/quiz_num_" + questionNo + ".png";
			
			// 問題の表示
			document.getElementById("qno").value = splitData[0];
			document.getElementById("qkanji").innerHTML = splitData[2];
			document.getElementById("qtext").innerHTML = splitData[1];
		}
	}
	ajax.send(null);
}

// 正解の判定
function check_quiz(answer)
{
	var qno = document.getElementById("qno").value;
	var url = 'http://www.amgyoren.or.jp/kids/ajax/check_kanji.php?rank=1&answer=' + answer + '&no=' + qno + '&rand=' + Math.random();
	
	ajax.open("GET", url, false);
	ajax.onreadystatechange = function() {
		if (ajax.readyState == 4 && ajax.status == 200) {
			// 結果データの取得
			var data = ajax.responseText;
			splitData = data.split("_-_");
			
			// 表示グループの設定
			document.getElementById("question-box").style.display = "block";
			document.getElementById("select-box").style.display   = "none";
			document.getElementById("answer-box").style.display   = "block";
			document.getElementById("next-box").style.display     = "block";
			document.getElementById("finish-box").style.display   = "none";
			document.getElementById("button-box").style.display   = "none";
			
			// 問題の表示
			document.getElementById("aimage").src = "img/quiz_answer_" + splitData[0] + ".gif";
			document.getElementById("atitle").innerHTML = splitData[1];
			document.getElementById("aflg").value = document.getElementById("aflg").value + splitData[2] + ",";
			document.getElementById("atext").innerHTML = splitData[3];
		}
	}
	ajax.send(null);
}

// 次の問題を表示
function next_quiz()
{
	// 表示用データの設定
	questionNo = questionNo + 1;
	historyNo  = historyNo + document.getElementById("qno").value + ",";
	
	// データの設定
	document.getElementById("hno").value = historyNo;
	
	// 最終問題が終わったか？
	if(questionNo == 11)
	{
		result_quiz();
	}
	else
	{
		// 最終問題だった場合表示を切り替える
		if(questionNo == 10) {
			document.getElementById("btn-next").id = "btn-finish";
		}
		
		// 表示更新
		get_quiz();
	}
}

// 結果表示
function result_quiz()
{
	// 初期値設定
	var acnt = 0;
	var comment = "";
	
	// 表示グループの設定
	document.getElementById("question-box").style.display = "none";
	document.getElementById("select-box").style.display   = "none";
	document.getElementById("answer-box").style.display   = "none";
	document.getElementById("next-box").style.display     = "none";
	document.getElementById("finish-box").style.display   = "block";
	document.getElementById("button-box").style.display   = "block";
	
	// 履歴データの取得
	var aflg       = document.getElementById("aflg").value;
	var answerData = aflg.split(",");
	
	// 正解数の取得
	for(var i=0; i<10; i++) {
		if(answerData[i] == 2) {
			acnt = acnt + 1;
		}
	}
	
	if(acnt <= 3)       { comment = "残念！でもあきらめずにもっとお魚の勉強をして何回もチャレンジだ！"; }
	else if(acnt <= 6)  { comment = "もうひとがんばり！がんばってお魚漢字博士になるためにもう一度チャレンジしよう！"; }
	else if(acnt <= 9)  { comment = "おしい！お魚漢字博士まであと一歩！！もう一度チャレンジしよう！"; }
	else if(acnt <= 10) { comment = "やったね！おめでとう！全問正解したキミはお魚漢字博士だ！"; }
	
	document.getElementById("scoredata").innerHTML = acnt * 10;
	document.getElementById("scorecom").innerHTML = comment;
}

// 1のときは question-box、select-box
// 2のときは question-box、answer-box、next-box
// 3のときは finish-box、button-box