// Declaren variablen
var arrWoorden, arrImages;
var iVolgnummer, iPoging, txt;
var evt;

function init()
{
		// Verwijzing tekstvak
		txt = document.getElementById( "txt" );
		
		// Nieuwe Arrays aanmaken
		arrWoorden = new Array();
		arrImages = new Array();
	
		// Grootte Array bepalen
		iGrootte = 5;
		
		// Aantal pogingen bijhouden
		iPoging = 0;
	
		// Volgnummer om te bepalen welke img moet getoond worden
		iVolgnummer = 0;
		
		// Onzichtbaar zetten beloning tekst
		document.getElementById( "wbeloning" ).style.visibility = "hidden";
	
		// Vullen van Arrays
		for( i = 0; i < iGrootte; i++ )
		{
			arrWoorden[i] = eval( "s" + i );
			arrImages[i] = new Image();
			arrImages[i].src = "images/" + arrWoorden[i] + ".jpg";
		}
		
		// Welke img er wordt getoond
		document.getElementById("foto").src = arrImages[iVolgnummer].src;
		
		// Elke letter van het desbetreffende woord in puntjes omzetten
		zetPunten();
}

// Elke letter wordt hier weer omgezet in puntjes behalve de letter(s) die men al gekregen heeft
function zetPunten()
{
		sPuntjes = "";
		sString = arrWoorden[ iVolgnummer ].substring( 0, iPoging );
		
		for( i = 0; i < ( arrWoorden[ iVolgnummer ].length - iPoging ); i++ )
		{
			sPuntjes += ".";
		}
			
		sString += sPuntjes;
		txt.value = sString;
		
		// Focussen tekstvak
		txtFocus();
}

// Functie focussen tekstvak
function txtFocus()
{
		txt.focus();
		txt.select();
}

// Bepalen of je op enter druk
evt = ( evt ) ? evt : ( window.event ) ? window.event : "";

function checkEnter( evt )
{
		if( evt.keyCode == 13 )
		{
			controleer();
		}
}

// Controleren of je antwoord correct of incorrect is
function controleer()
{
		// Juist geraden
		if( txt.value.toLowerCase() == arrWoorden[ iVolgnummer ].toLowerCase() )
		{
			alert( "Je hebt " + arrWoorden[ iVolgnummer ].toUpperCase() + " goed geraden, op naar de volgende!" );
			iVolgnummer ++;
			iPoging = 0;
			
			// Indien laatste vraag wordt het volgnummer terug op 0 gezet
			if( iVolgnummer == iGrootte )
			{
				iVolgnummer = 0;
				document.getElementById( "divImg" ).style.visibility = "hidden";
				document.getElementById( "divTxt" ).style.visibility = "hidden";
				document.getElementById( "divBtn" ).style.visibility = "hidden";
				document.getElementById( "wbeloning" ).style.visibility = "visible";
			}
			
			else
			{
				document.getElementById( "foto" ).src = arrImages[ iVolgnummer ].src;
				
				// Als btn op een andere manier toch gefocused is gaat de focus dan toch naar de txt
				if( navigator.appName != "Netscape" )
				{
					document.getElementById( "btnWoordenschat" ).attachEvent( "onfocus", txtFocus );
				}
				
				else
				{
					document.getElementById( "btnWoordenschat" ).setAttribute( "onfocus", "txtFocus()" );
				}
				
				zetPunten();
			}
		}
		
		// Als de text value niet groter is dan het ingevoerde woord zet hij letters om in puntjes
		else if( iPoging < arrWoorden[ iVolgnummer ].length )
		{
			iPoging ++;
			zetPunten();
		}
		
		// Gaat naar volgende vraag indien al je pogingen zijn overschreden
		if( iPoging == arrWoorden[ iVolgnummer ].length )
		{
			alert( "Bijna juist, het woord was " + arrWoorden[ iVolgnummer ].toUpperCase() + "." );
			iVolgnummer ++;
			iPoging = 0;
			
			if( iVolgnummer == iGrootte )
			{
				iVolgnummer = 0;
				document.getElementById( "divImg" ).style.visibility = "hidden";
				document.getElementById( "divTxt" ).style.visibility = "hidden";
				document.getElementById( "divBtn" ).style.visibility = "hidden";
				document.getElementById( "wbeloning" ).style.visibility = "visible";
			}
			
			else
			{
				document.getElementById( "foto" ).src = arrImages[ iVolgnummer ].src;
				
				// Als btn op een andere manier toch gefocused is gaat de focus dan toch naar de txt
				if( navigator.appName != "Netscape" )
				{
					document.getElementById( "btnWoordenschat" ).attachEvent( "onfocus", txtFocus );
				}
				
				else
				{
					document.getElementById( "btnWoordenschat" ).setAttribute( "onfocus", "txtFocus()" );
				}
				
				zetPunten();
			}
		}
}