var cheat = false;
function setUpPage(){
	r = "r";
	w = "w";
	for(suindex = 0;suindex<questionArray.length;suindex++){
		document.write("<tr><td style='color: #666699; font-weight: bold; font-size: 14pt; padding-right: 7px'> " + (suindex+1) + "</td>");
		document.write("<td width='112' height='80 valign='absmiddle' align='center'>");
		document.write("<img src='" + questionArray[suindex][1] + ".jpg'");
		document.write("</td><td>");
		for(lindex = 0;lindex<questionArray[suindex][0].length;lindex++){
			if(questionArray[suindex][0].substring(lindex,lindex+1)==" "){
				document.write("<span style='padding: 0px 6px 0px 6px'> &nbsp </span>");
			}else{
				document.write("<input style='margin-right: 6px' class='whatsthewordinput' type='text' onfocus = 'changeme(" + (suindex) + "," + String(lindex) + ")' maxlength=1 size=1 name='ans" + (suindex) + String(lindex) + "'>");
			}
		}
		document.write("<span style='color:#666699; font-weight: bold; font-size: 14pt; padding-left: 10px'> " + questionArray[suindex][2] + "</span>");
		document.write("<img style='margin-left: 15px; margin-top: 4px' src='/images/elt/product_site_graphics/clocktransparent.gif' name='im" + (suindex+1) + "'></td></tr>");
		questionArray[suindex][3]=questionArray[suindex][2];
	}
	document.form1.onkeyup = function(){
		//alert(event.keyCode);
		if(event.keyCode>64&&event.keyCode<91){
			if(selectedq>-1 && selectedl>-1){
				
				if(selectedl<questionArray[selectedq][0].length-1){
					if(questionArray[selectedq][0].substring(selectedl+1,selectedl+2)==" "){
						eval("document.form1.ans" + selectedq + String(selectedl+2)).focus();
					}else{
						eval("document.form1.ans" + selectedq + String(selectedl+1)).focus();
					}
				}else{
					
					if(selectedq<questionArray.length-1){
						eval("document.form1.ans" + String(selectedq+1) + String(0)).focus(); //to next word
					}else{
						document.form1.ans00.focus(); //to first word
					}
				}
			}
		}
	}
}

var qArray = new Array(document.form1.q1,document.form1.q2,document.form1.q3,document.form1.q4,document.form1.q5,document.form1.q6);
var imageArray = new Array(document.images.im1,document.images.im2,document.images.im3,document.images.im4,document.images.im5,document.images.im6);

function changeme(whichq, whichl){
	selectedq = whichq;
	selectedl = whichl;
	eval("document.form1.ans" + selectedq + String(selectedl)).style.color = "#000000"
}

function checkAnswers() {
var answerArray = new Array(document.form1.ans1,document.form1.ans2,document.form1.ans3,document.form1.ans4,document.form1.ans5,document.form1.ans6,document.form1.ans7,document.form1.ans8);
var imageArray = new Array(document.images.im1,document.images.im2,document.images.im3,document.images.im4,document.images.im5,document.images.im6);
	if(cheat){
		alert("Please press reset to try again.")
	}else{
		var score = 0;
		for(csindex = 0;csindex<questionArray.length;csindex++){
			var wordentered=""
			for(letterindex=0;letterindex<questionArray[csindex][0].length;letterindex++){
				if(questionArray[csindex][0].substring(letterindex,letterindex+1)==" "){
					wordentered = wordentered + " ";
				}else{
					enteredl = eval("document.form1.ans"+ String(csindex) + String(letterindex)).value;
					rightl = questionArray[csindex][0].substring(letterindex,letterindex+1);
					if(enteredl!=rightl && enteredl!=""){
						eval("document.form1.ans" + csindex + String(letterindex)).style.color = "#FF0000"
					}
					wordentered = wordentered + enteredl;
				}
			}
			//alert(wordentered);
			if (questionArray[csindex][0] == wordentered) {
				imageArray[csindex].src="/images/elt/product_site_graphics/clocktick.gif";
				score++;
			} else {
				imageArray[csindex].src="/images/elt/product_site_graphics/clockcross.gif";
			}
		}
		alert("Your score is "+score+" / " + questionArray.length);
	}
}




function reveal() {
var answerArray = new Array(document.form1.ans1,document.form1.ans2,document.form1.ans3,document.form1.ans4,document.form1.ans5,document.form1.ans6);
var imageArray = new Array(document.images.im1,document.images.im2,document.images.im3,document.images.im4,document.images.im5,document.images.im6);
	for(revindex = 0;revindex<questionArray.length;revindex++){
		for(letterindex=0;letterindex<questionArray[revindex][0].length;letterindex++){
			if(questionArray[revindex][0].substring(letterindex,letterindex+1)!=" "){
				eval("document.form1.ans"+ String(revindex) + String(letterindex)).value = questionArray[revindex][0].substring(letterindex,letterindex+1);
			}
		}
		imageArray[revindex].src="/images/elt/product_site_graphics/clocktransparent.gif";
	}
	cheat = true;
}
function resetTest() {
var answerArray = new Array(document.form1.ans1,document.form1.ans2,document.form1.ans3,document.form1.ans4,document.form1.ans5,document.form1.ans6);
var imageArray = new Array(document.images.im1,document.images.im2,document.images.im3,document.images.im4,document.images.im5,document.images.im6);
	cheat = false;
	for(agindex = 0;agindex<questionArray.length;agindex++){
		imageArray[agindex].src="/images/elt/product_site_graphics/clocktransparent.gif";
	}

}

setUpPage();