// ######## Räknar antal hittade fel mm ##########
var numberOfFoundErrors=0;
var reflexLeft=16;
function countFoundErrors()
{
	/*if (numberOfFoundErrors>8 && document.getElementById("finnniofel"))
	{
		theElement=document.getElementById("finnniofel");
		//theElement.style.backgroundColor='green';
		window.alert('Bra jobbat! Du har hittat alla fel.','alertBox');
	}
	else if (numberOfFoundErrors>4 && document.getElementById("trafikfallor"))
	{
			theElement=document.getElementById("trafikfallor");
		//	theElement.style.backgroundColor='green';
			alert('hittat allt!!!');
	}*/
	if (reflexLeft<1 && document.getElementById("garaget"))
	{
			theElement=document.getElementById("garaget");
		//	theElement.style.backgroundColor='green';
			alert('Onnittelut! Löysit kaikki heijastimet.','alertBox');
	}
	/*else if (numberOfFoundErrors>6 && document.getElementById("sakercykel"))
	{
			theElement=document.getElementById("sakercykel");
		//	theElement.style.backgroundColor='green';
			window.alert('Bra! Nu kan du ge dig ut och cykla.');
	}*/
}
function showReflex(id, status)
{
	theElement=document.getElementById(id);
	//theElement.href='javascript:alreadyFound()';
	var newStatus="on";
	var mode="dark";
	if (status=='on')
	{
		newStatus="off";
		mode="light";
	}
	
	switch (id)
	{
	case (id='oflytvastArea'):
	{
		showDifferentImages('oflytvast','nflytvast','bilder/garaget/garaget-'+mode+'_20.gif','bilder/garaget/garaget-'+mode+'_27.gif');
		theElement.href="javascript:showReflex('oflytvastArea','"+newStatus+"')";
		document.getElementById("nflytvastArea").href="javascript:showReflex('nflytvastArea','"+newStatus+"')";
		break;
	}
	case (id='nflytvastArea'):
	{
		showDifferentImages('oflytvast','nflytvast','bilder/garaget/garaget-'+mode+'_20.gif','bilder/garaget/garaget-'+mode+'_27.gif');
		theElement.href="javascript:showReflex('nflytvastArea','"+newStatus+"')";
		document.getElementById("oflytvastArea").href="javascript:showReflex('oflytvastArea','"+newStatus+"')";
		break;
	}
	case (id='styreArea'):
	{
		showDifferentImage('styre','bilder/garaget/garaget-'+mode+'_03.gif');
		theElement.href="javascript:showReflex('styreArea','"+newStatus+"')";
		break;
	}
	case (id='hjulArea'):
	{
		showDifferentImage('hjul','bilder/garaget/garaget-'+mode+'_04.gif');
		theElement.href="javascript:showReflex('hjulArea','"+newStatus+"')";
		break;
	}
	case (id='stovlarArea'):
	{
		showDifferentImage('stovlar','bilder/garaget/garaget-'+mode+'_08.gif');
		theElement.href="javascript:showReflex('stovlarArea','"+newStatus+"')";
		break;
	}
	case (id='vastArea'):
	{
		showDifferentImage('vast','bilder/garaget/garaget-'+mode+'_11.gif');
		theElement.href="javascript:showReflex('vastArea','"+newStatus+"')";
		break;
	}
	case (id='stavarArea'):
	{
		showDifferentImage('stavar','bilder/garaget/garaget-'+mode+'_12.gif');
		theElement.href="javascript:showReflex('stavarArea','"+newStatus+"')";
		break;
	}
	case (id='bakreflexArea'):
	{
		showDifferentImage('bakreflex','bilder/garaget/garaget-'+mode+'_14.gif');
		theElement.href="javascript:showReflex('bakreflexArea','"+newStatus+"')";
		break;
	}
	case (id='sparkArea'):
	{
		showDifferentImage('spark','bilder/garaget/garaget-'+mode+'_19.gif');
		theElement.href="javascript:showReflex('sparkArea','"+newStatus+"')";
		break;
	}
	case (id='baklyktaArea'):
	{
		showDifferentImage('baklykta','bilder/garaget/garaget-'+mode+'_23.gif');
		theElement.href="javascript:showReflex('baklyktaArea','"+newStatus+"')";
		break;
	}
	case (id='byxorArea'):
	{
		showDifferentImage('byxor','bilder/garaget/garaget-'+mode+'_31.gif');
		theElement.href="javascript:showReflex('byxorArea','"+newStatus+"')";
		break;
	}
	case (id='triangelArea'):
	{
		showDifferentImage('triangel','bilder/garaget/garaget-'+mode+'_36.gif');
		theElement.href="javascript:showReflex('triangelArea','"+newStatus+"')";
		break;
	}
	case (id='barnvagnArea'):
	{
		showDifferentImage('barnvagn','bilder/garaget/garaget-'+mode+'_37.gif');
		theElement.href="javascript:showReflex('barnvagnArea','"+newStatus+"')";
		break;
	}
	case (id='vbilArea'):
	{
		showDifferentImage('vbil','bilder/garaget/garaget-'+mode+'_40.gif');
		theElement.href="javascript:showReflex('vbilArea','"+newStatus+"')";
		break;
	}
	case (id='platArea'):
	{
		showDifferentImage('plat','bilder/garaget/garaget-'+mode+'_42.gif');
		theElement.href="javascript:showReflex('platArea','"+newStatus+"')";
		break;
	}
	case (id='hbilArea'):
	{
		showDifferentImage('hbil','bilder/garaget/garaget-'+mode+'_44.gif');
		theElement.href="javascript:showReflex('hbilArea','"+newStatus+"')";
		break;
	}
	case (id='hundArea'):
	{
		showDifferentImage('hund','bilder/garaget/garaget-'+mode+'_49.gif');
		theElement.href="javascript:showReflex('hundArea','"+newStatus+"')";
		break;
	}
	}
	if (status=='on')
	{
		theElement=document.getElementById("reflexLeft");
		reflexLeft--;
		theElement.innerHTML=reflexLeft;
	}
	else if (status=='off')
	{
		theElement=document.getElementById("reflexLeft");
		reflexLeft++;
		theElement.innerHTML=reflexLeft;
	}
	countFoundErrors();
}

function alreadyFound()
{
	alert('Du har redan hittat den reflexen. Försök igen! =)','alertBoxWrong');
}

//#########  Utbyte av bilder #############
var theImage;
function showDifferentImage(elementId,imageSrc)
{
	theImage=document.getElementById(elementId);
	theImage.src=imageSrc;
}

function showDifferentImages(elementId1, elementId2, imageSrc1, imageSrc2)
{
	theImage1=document.getElementById(elementId1);
	theImage1.src=imageSrc1;
	theImage2=document.getElementById(elementId2);
	theImage2.src=imageSrc2;	
}

function show3DifferentImages(elementId1, elementId2, elementId3, imageSrc1, imageSrc2, imageSrc3)
{
	theImage1=document.getElementById(elementId1);
	theImage1.src=imageSrc1;
	theImage2=document.getElementById(elementId2);
	theImage2.src=imageSrc2;	
	theImage3=document.getElementById(elementId3);
	theImage3.src=imageSrc3;	
}
function show4DifferentImages(elementId1, elementId2, elementId3, elementId4, imageSrc1, imageSrc2, imageSrc3, imageSrc4)
{
	theImage1=document.getElementById(elementId1);
	theImage1.src=imageSrc1;
	theImage2=document.getElementById(elementId2);
	theImage2.src=imageSrc2;	
	theImage3=document.getElementById(elementId3);
	theImage3.src=imageSrc3;	
	theImage4=document.getElementById(elementId4);
	theImage4.src=imageSrc4;	
}