dom.event.addEventListener(window, 'load', initDocument);
var flag = false;
window.onload = function (){
//フォームをすべてリセットする関数
	for (var i=1;i<=10;i++){
		msg = "ques_"+i;
		msg2= "answer_"+i;
		msg3= "word_"+i;

		var textEl = document.getElementById(msg);
		var ansEl = document.getElementById(msg2);
		var wordEl = document.getElementById(msg3);

		textEl.value = textEl.defaultValue;
		ansEl.removeChild(ansEl.lastChild);
		ansEl.appendChild(document.createTextNode(i));
		wordEl.removeChild(wordEl.lastChild);
		wordEl.appendChild(document.createTextNode(" "));
	}

//エンターキーがsubmitにならない為の関数
	var list = [];
	list = document.getElementsByTagName("input");
	for(var i=0;i<list.length;i++){
		if(list[i].type == "text"){
			list[i].onkeypress = function(event){
				return submitStop(event);
			};
		}
	}
};

function submitStop(e){
	if(flag){
		alert("テキスト入力後にエンターキーを押さないでください。エラーが発生し、入力が消去されます");
	}
	if(!e) var e=window.event;
	if(e.keyCode == 13)
		return false;
}

function initDocument(){
	var resetButton = document.getElementById("reset");
	dom.event.addEventListener(resetButton, "click", window.onload);

	var answerButton = document.getElementById("showAnswer");
	dom.event.addEventListener(answerButton, "click", showAnswer);

	for (var i=1;i<=10;i++){
		var msg = "ques_"+i;
		var quesEl = document.getElementById(msg);
		dom.event.addEventListener(quesEl, "change", updatePage);
	}
}

function eventCatch(evt){
  var msg = '';
  if(evt.currentTarget) {
    msg += 'bubbles : ' + evt.bubbles + "\n";
    msg += 'cancelable : ' + evt.cancelable + "\n";
    msg += 'currentTarget : ' + evt.currentTarget.id + "\n";
    msg += 'eventPhase : ' + evt.eventPhase + "\n";
    msg += 'target id: ' + evt.target.id+"\n";
    msg += 'target name: ' + evt.target.name;
  } else if(window.event) {
    msg += 'srcElement+id : ' + window.event.srcElement.id + "\n";
    msg += 'srcElement+name : ' + window.event.srcElement.name + "\n";
    msg += 'srcElement : ' + window.event.srcElement + "\n";

    msg += 'type : ' + window.event.type + "\n";
  }
  alert(msg);
}

function updatePage(evt){
	var string = "";
	if(evt.currentTarget){
		string = evt.target.id;
	}else if(window.event){
		string = window.event.srcElement.id;
	}
	var ques_num = string.substr(5);
	var array_num = ques_num-1;

	var input_el = document.getElementById(string);
	var ansDivMsg = "answer_"+ques_num;
	var wordDivMsg = "word_"+ques_num;
	var ans_mark_Div = document.getElementById(ansDivMsg);
	var word_mark_Div = document.getElementById(wordDivMsg);

	var ans_img = document.createElement("img");
	ans_img.setAttribute("src", "http://www.nullarbor.co.jp/images/ans.png");

//	var wrong_img = document.createElement("img");
//	wrong_img.setAttribute("src", "http://www.nullarbor.co.jp/images/wrong.png");

	var text_value = input_el.value;
	var ans_key = ans_array[array_num];
	var input_ans = ans_array2[array_num];
	if(ans_key.match(/:/)){
		var array = ans_key.split(":");
		var array_1 = array[0];
		var array_2 = array[1];
		if(array_1 == text_value || array_2 == text_value){
			word_mark_Div.removeChild(word_mark_Div.lastChild);
			ans_mark_Div.removeChild(ans_mark_Div.lastChild); 
			word_mark_Div.appendChild(document.createTextNode(input_ans));
			ans_mark_Div.appendChild(ans_img); 
		}else{
			alert("不正解です");
		}
	}else{
		if(ans_key == text_value){
			word_mark_Div.removeChild(word_mark_Div.lastChild);
			ans_mark_Div.removeChild(ans_mark_Div.lastChild); 
			word_mark_Div.appendChild(document.createTextNode(input_ans));
			ans_mark_Div.appendChild(ans_img); 
		}else{
			alert("不正解です");
		}
	}
	dom.event.preventDefault(evt);
}

function showAnswer(){
	for(var i=1;i<=10;i++){
		var msg = "word_"+i;
		var insert_ans = ans_array2[i-1]
		var wordDiv = document.getElementById(msg);
		wordDiv.removeChild(wordDiv.lastChild);
		wordDiv.appendChild(document.createTextNode(insert_ans))
	}
}

/*
var blowser = navigator.userAgent;
if (blowser.match(/safari/i)||blowser.match(/chorme/i)||blowser.match(/mozilla/i)){
	flag = true;
}
*/