var wordlist = new Array();
var answerlist = new Array();
var n;
var total = 0;
var correct;
var show = false;
var mySlide2 ;

function getElementsByName_iefix(tag, name) {
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}

function init()
{
	mySlide2 = new Fx.Slide('card', {mode: 'horizontal'});
	mySlide2.hide();
	
}

function start()
{
	n = 0;
	total = 0;
	correct = 0;
	
	
	var message = document.getElementById('message');
	message.innerHTML = 'Let\'s get started...';
	

	
	//get list
	var list = document.getElementById('list');
	words = getElementsByName_iefix('div','question');

	for (i=0; i<words.length; i++) {
		wordlist[i] = words[i].innerHTML;
	}
	total = words.length;
	
	answers = getElementsByName_iefix('div','answer');
	
	for (i=0; i<answers.length; i++) {
		answerlist[i] = answers[i].innerHTML;
	}
	
	//stop if no spellings
	if (total==0) 
	{
		message.innerHTML = 'Sorry, there are no sums in this list.';
		return false;
	}
		
	//hide list
	list.innerHTML = '';
	
	//display first word
	document.getElementById('card').innerHTML = wordlist[0];
	show=true;
	mySlide2.slideIn();
	
	//enable input box
	document.getElementById('word').disabled = false;
	document.getElementById('word').focus();
	n++;
}

function newstart()
{
	n = 0;
	correct = 0;
	
	
	var message = document.getElementById('message');
	message.innerHTML = 'Let\'s get started...';
	

	var list = document.getElementById('list');
	
	
	//stop if no spellings
	if (total==0) 
	{
		message.innerHTML = 'Sorry, there are no sums in this list.';
		return false;
	}
		
	//hide list
	list.innerHTML = '';
	
	mySlide2.hide();
	
	//display first word
	document.getElementById('card').innerHTML = wordlist[0];
	show=true;
	mySlide2.slideIn();
	
	//enable input box
	document.getElementById('word').disabled = false;
	document.getElementById('word').focus();
	n++;
}

function enter()
{
	
	//process word
	var entered = document.getElementById('word').value;
	entered = entered.toLowerCase();
	
	var outerlist = document.getElementById('listouter');
	
	//a spot of validation
	//check for number
	var message = document.getElementById('message');
	
	/*if (isNaN(entered))
	{
		
		message.innerHTML = 'Please only use numbers!';
		document.getElementById('word').value="";
		return false;
	}*/
	
	//put word on list
	var list = document.getElementById('list');
	var next = document.createElement('li');
	next.innerHTML = wordlist[n-1]+" = "+answerlist[n-1];
	
	if (entered.replace(/^\s+|\s+$/g,"") == answerlist[n-1]) 
	{
		correct++;
		next.className = 'correct';
		message.innerHTML = 'Well Done!';
	}
	else
	{
		next.className = 'incorrect';
		message.innerHTML = 'Better Luck Next Time!';
	}
	
	list.appendChild(next);

	n++;
	
	//check if new word
	if (n>total)
	{
		//finish
		document.getElementById('word').disabled = true;
		document.getElementById('word').value = '';
		document.getElementById('card').innerHTML = '';
		show=false;
		document.getElementById('message').innerHTML = "You got "+correct+" out of "+total+" sums correct. <a href='#' onclick='return newstart()'>Click here</a> to try again.";
		
		//add total to list
		var list = document.getElementById('list');
		var next = document.createElement('p');
		next.innerHTML = correct+'/'+total;
		list.appendChild(next);
		
		
	}
	else
	{
		//newword
		temp = wordlist[n-1].replace(' ', '&nbsp;');
		document.getElementById('card').innerHTML = temp;
		mySlide2.hide();
		show=true;
		mySlide2.slideIn();
		
		document.getElementById('word').value = '';
	}
	
	outerlist.scrollTop = outerlist.scrollHeight;
	
	
	
	return false;	
}

function key()
{

	if (show)
	{	
		//mySlide2.hide();
		//show = false;
	}

}

function restart()
{

	if (total==0) return false;
	
	n = 0;
	total = 0;
	correct = 0;
	
	var message = document.getElementById('message');
	message.innerHTML = 'Let\'s get started...';
	
	var list = document.getElementById('list');
	
	total = wordlist.length;

	//stop if no spellings
	if (total==0) 
	{
		message.innerHTML = 'Sorry, there are no spellings in this list.';
		return false;
	}
	
	list.innerHTML = '';
	
	//display first word
	document.getElementById('card').innerHTML = wordlist[0];
	show=true;
	mySlide2.hide();
	mySlide2.slideIn();
	
	//enable input box
	document.getElementById('word').disabled = false;
	document.getElementById('word').focus();
	n++;
	
	return false;
}