var totalQ=7;
var currentQ=0;
var ans;
var myAns;
var numCorrect=0;
var images;
var quotes;

function buildArray()
{
images = new Array("demo1.jpg",
					   "demo2.jpg",
					   "demo3.jpg",
					   "demo4.jpg",
					   "demo5.jpg",
					   "demo6.jpg",
					   "demo7.jpg",
					   "demo8.jpg",
					   "demo9.jpg",
					   "demo10.jpg",
					   "demo11.jpg"
					   );
quotes = new Array("Sense and Sensibility",
					   "Pride and Prejudice",
					   "Mansfield Park",
					   "Emma",
					   "Northanger Abbey",
					   "Persuasion",
					   "Lady Susan");
}

function start()
{
	buildArray();
	document.getElementById('start').setAttribute("class","displaynone");
	document.getElementById('btn1').setAttribute("class","button");
	document.getElementById('btn2').setAttribute("class","button");
	selectRandom();
}
function again()
{
	buildArray();
	document.getElementById('again').setAttribute("class","displaynone");
	document.getElementById('btn1').setAttribute("class","button");
	document.getElementById('btn2').setAttribute("class","button");
	currentQ=0;
	numCorrect=0;
	selectRandom();
}

function pick(num)
{
	if(num==ans)
	{
		numCorrect++;	
	};
	if(currentQ<totalQ)
	{
		selectRandom();
	}
	else
	{
		document.getElementById('item').setAttribute("class","itemstart");
		document.getElementById('item').innerHTML="Finished! You got "+numCorrect+" out of "+totalQ+" correct.<br/><br/>Play again, or go back to <a href='http://wondertonic.tumblr.com'>Wonder-Tonic</a>";
		document.getElementById('again').setAttribute("class","button");
		document.getElementById('btn1').setAttribute("class","displaynone");
		document.getElementById('btn2').setAttribute("class","displaynone");
		document.getElementById("counter").innerHTML="";
	};
}

function selectRandom()
{
	currentQ++;
	var myArray;
	var randNum = Math.random();
	if(randNum>.5)
	{
		myArray = images;
	}
	else
	{
		myArray = quotes;
	};
	randNum = Math.floor(Math.random()*myArray.length);
	var myItem = myArray[randNum];
	myArray.splice(randNum,1);
	var myString;
	if(myArray==images)
	{
		myString="<img class='itemimage' src='images/"+myItem+"'/>";
		document.getElementById('item').setAttribute("class","itemimage");
		ans=2;
	}
	else
	{
		myString=myItem;
		document.getElementById('item').setAttribute("class","itemquote");
		ans=1;
	};
	document.getElementById('item').innerHTML=myString;
	document.getElementById("counter").innerHTML=currentQ+" of "+totalQ;
}