var form;

function checkIfBalteQuestionIsCorrect(form)
{
	if (form.name=='baltesForm')
	{
		if (check(3,form)==true)
		{	
			form.action="balte-fraga2.html";
			window.location="balte-fraga2.html";
		}
	}
	if (form.name=='baltesForm2')
	{
		if (check(3,form)==true)
		{	
			alert('Loistavaa selvitit tehtävän.');
		}
	}
	return false;
}

function checkIfQuestionIsCorrect(form)
{
	if (form.name=='badForm')
	{
		if (check(0,form)==true)
		{
			form.action="vagmarken-cykel.html";
			window.location="vagmarken-cykel.html";
		}
	}
	else if (form.name=='cykelForm')
	{
		if (check(3,form)==true)
		{
			form.action="vagmarken-ga.html";
			window.location="vagmarken-ga.html";
			
		}
	}
	else if (form.name=='gaForm')
	{
		if (check(3,form)==true)
		{
			form.action="vagmarken-ga-cykel.html";
			window.location="vagmarken-ga-cykel.html";
			
		}
	}
	else if (form.name=='gaCykelForm')
	{
		if (check(2,form)==true)
		{
			form.action="vagmarken-ga-cykelbana.html";
			window.location="vagmarken-ga-cykelbana.html";
		}
	}
	else if (form.name=='gaCykelbanaForm')
	{
		if (check(3,form)==true)
		{
			form.action="vagmarken-rast.html";
			window.location="vagmarken-rast.html";
		}
	}
	else if (form.name=='rastForm')
	{
		if (check(1,form)==true)
		{
			form.action="vagmarken-sevardhet.html";
			window.location="vagmarken-sevardhet.html";
		}
	}
	else if (form.name=='sevardhetForm')
	{
		if (check(2,form)==true)
		{
			form.action="vagmarken-toa.html";
			window.location="vagmarken-toa.html";
		}
	}
	else if (form.name=='toaForm')
	{
		if (check(2,form)==true)
		{
			alert('YES, du fixade alla!');
			//form.action="default.html";
			//window.location="default.html";
		}
	}
return false;
}

function check(correct, form)
{
	if (form.elements[correct].checked) 
	{	
		return true;
	}
	else
	{
		alert("Yritä uudelleen!");
		return false;
	}
}


function checkIfBeltQuestionIsCorrect(form)
{
	if (window.document.beltForm.belt[0].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.beltForm.belt[1].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.beltForm.belt[2].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.beltForm.belt[3].checked)
	{
		alert("correct");
		form.action="for_dev2.htm";
	}
	else
	{
		alert("you did not make a choice");
		return false;
	}
}

function checkIfSpringQuestionIsCorrect(form)
{
	if (window.document.springForm.spring[0].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.springForm.spring[1].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.springForm.spring[2].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.springForm.spring[3].checked)
	{
		alert("correct");
		form.action="for_dev2.htm";
	}
	else
	{
		alert("you did not make a choice");
		return false;
	}
}

function checkIfSummerQuestionIsCorrect(form)
{
	if (window.document.summerForm.summer[0].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.summerForm.summer[1].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.summerForm.summer[2].checked)
	{
		alert("correct");
		form.action="for_dev2.htm";
	}
	else
	{
		alert("you did not make a choice");
		return false;
	}
}

function checkIfWinterQuestionIsCorrect(form)
{
	if (window.document.winterForm.winter[0].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.winterForm.winter[1].checked)
	{
		alert("false try again");
		return false;
	}
	else if (window.document.winterForm.winter[2].checked)
	{
		alert("correct");
		form.action="for_dev2.htm";
	}
	else
	{
		alert("you did not make a choice");
		return false;
	}
}


// ####### Ändrar färg på text för att visa ett korrekt svar ##########
var theElement;
var numberOfFoundErrors=0;

function showText(object)
{
	theElement=document.getElementById(object);
	if (theElement.style.color!='black')
	{
		theElement.style.color='black';
		numberOfFoundErrors++;
	}
	countFoundErrors();
}

// ###### Visar varför en väg är bra eller dålig #######
function showComment(id)
{
		theElement=document.getElementById('sakervagArea');
		if (id=='1')
		{	
			theElement.innerHTML='<table class="sakervagfel" width="300"><tr><td><font class="boxrub">Delad väg - cykelväg</font></td></tr><tr><td><font class="box">Det är inte säkert att cykla på xxxxx xx xxxxxxxx xxxxxxxx xx x xxxxxxxxxxx xx xxxx xxxx xxxx xxxxxxx xx xxxxxxxxxx xxx xxxxx xxx xx xxxxxx xxxx...</font></td></tr></table>';
		}
		else if (id=='2')
		{	
			theElement.innerHTML='<table class="sakervagfel" width="300"><tr><td><font class="boxrub">Motortrafikled</font></td></tr><tr><td><font class="box">Det är förbjudet och livsfarligt att...</font></td></tr></table>';
		}
		else if (id=='3')
		{	
			theElement.innerHTML='<table class="sakervagfel" width="300"><tr><td><font class="boxrub">Järnvägsövergång utan bommar</font></td></tr><tr><td><font class="box">Det finns inga bommar...</font></td></tr></table>';
		}
		else if (id=='4')
		{	
			theElement.innerHTML='<table class="sakervagratt" width="300"><tr><td><font class="boxrub">Cykelväg</font></td></tr><tr><td><font class="box">Detta är det bästa valet...</font></td></tr></table>';
		}
}


// ######## Räknar antal hittade fel mm ##########
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.');
	}
	else if (numberOfFoundErrors>4 && document.getElementById("trafikfallor"))
	{
			theElement=document.getElementById("trafikfallor");
		//	theElement.style.backgroundColor='green';
			alert('hittat allt!!!');
	}
	else if (reflexLeft<1 && document.getElementById("garaget"))
	{
			theElement=document.getElementById("garaget");
		//	theElement.style.backgroundColor='green';
			alert('hittat allt!!!');
	}
	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";
	}
	
	if (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+"')";
	}
	else if (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+"')";
	}
	else if (id=='styreArea')
	{
		showDifferentImage('styre','bilder/garaget/garaget-'+mode+'_03.gif');
		theElement.href="javascript:showReflex('styreArea','"+newStatus+"')";
	}
	
	else if (id=='hjulArea')
	{
		showDifferentImage('hjul','bilder/garaget/garaget-'+mode+'_04.gif');
		theElement.href="javascript:showReflex('hjulArea','"+newStatus+"')";
	}
	else if (id=='stovlarArea')
	{
		showDifferentImage('stovlar','bilder/garaget/garaget-'+mode+'_08.gif');
		theElement.href="javascript:showReflex('stovlarArea','"+newStatus+"')";
	}
	else if (id=='vastArea')
	{
		showDifferentImage('vast','bilder/garaget/garaget-'+mode+'_11.gif');
		theElement.href="javascript:showReflex('vastArea','"+newStatus+"')";
	}
	else if (id=='stavarArea')
	{
		showDifferentImage('stavar','bilder/garaget/garaget-'+mode+'_12.gif');
		theElement.href="javascript:showReflex('stavarArea','"+newStatus+"')";
	}
	else if (id=='bakreflexArea')
	{
		showDifferentImage('bakreflex','bilder/garaget/garaget-'+mode+'_14.gif');
		theElement.href="javascript:showReflex('bakreflexArea','"+newStatus+"')";
	}
	else if (id=='sparkArea')
	{
		showDifferentImage('spark','bilder/garaget/garaget-'+mode+'_19.gif');
		theElement.href="javascript:showReflex('sparkArea','"+newStatus+"')";
	}
	else if (id=='baklyktaArea')
	{
		showDifferentImage('baklykta','bilder/garaget/garaget-'+mode+'_23.gif');
		theElement.href="javascript:showReflex('baklyktaArea','"+newStatus+"')";
	}
	else if (id=='byxorArea')
	{
		showDifferentImage('byxor','bilder/garaget/garaget-'+mode+'_31.gif');
		theElement.href="javascript:showReflex('byxorArea','"+newStatus+"')";
	}
	else if (id=='triangelArea')
	{
		showDifferentImage('triangel','bilder/garaget/garaget-'+mode+'_36.gif');
		theElement.href="javascript:showReflex('triangelArea','"+newStatus+"')";
	}
	else if (id=='barnvagnArea')
	{
		showDifferentImage('barnvagn','bilder/garaget/garaget-'+mode+'_37.gif');
		theElement.href="javascript:showReflex('barnvagnArea','"+newStatus+"')";
	}
	else if (id=='vbilArea')
	{
		showDifferentImage('vbil','bilder/garaget/garaget-'+mode+'_40.gif');
		theElement.href="javascript:showReflex('vbilArea','"+newStatus+"')";
	}
	else if (id=='platArea')
	{
		showDifferentImage('plat','bilder/garaget/garaget-'+mode+'_42.gif');
		theElement.href="javascript:showReflex('platArea','"+newStatus+"')";
	}
	else if (id=='hbilArea')
	{
		showDifferentImage('hbil','bilder/garaget/garaget-'+mode+'_44.gif');
		theElement.href="javascript:showReflex('hbilArea','"+newStatus+"')";
	}
	else if (id=='hundArea')
	{
		showDifferentImage('hund','bilder/garaget/garaget-'+mode+'_49.gif');
		theElement.href="javascript:showReflex('hundArea','"+newStatus+"')";
	}
	
	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! =)');
}

//############ Rebus #################
function checkLetter(form,index)
{
	var facitversal='HAALLTIDHJÄLMPÅNÄRDDUCYKLAR';
	var facitgemen='haalltidhjälmpånärducyklar';
	var theChar=form.elements[index].value;
	var correct=0;	
	if (theChar==facitversal.charAt(index) || theChar==facitgemen.charAt(index))
	{
		form.elements[index].style.background="#FFFFFF";
		form.elements[index].disabled=true;
		
		if(index<25)
		{
			form.elements[index+1].focus();
		}
	}
	else
	{
		form.elements[index].style.background="#f4a1a1";
		form.elements[index].select();
	}
	for (i=0;i<26;i++)
	{
		if (form.elements[i].disabled==true)
		{

			correct++;
		}
	}
	if(correct>25)
	{
		alert('snyggt jobbat');
	}
}




//utbyten 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;	
}


// constants to define the title of the alert and button text.
var ALERT_BUTTON_TEXT = "Ok";

// over-ride the alert method only if this a newer browser.
// Older browser will see standard alerts
if(document.getElementById) {
	window.alert = function(txt) {
		createCustomAlert(txt);
	}
}

function createCustomAlert(txt) {
	// shortcut reference to the document object
	
	
	d = document;

	// if the modalContainer object already exists in the DOM, bail out.
	if(d.getElementById("modalContainer")) return;

	// create the modalContainer div as a child of the BODY element
	mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
	mObj.id = "modalContainer";
	 // make sure its as tall as it needs to be to overlay all the content on the page
	mObj.style.height = document.documentElement.scrollHeight + "px";

	// create the DIV that will be the alert 
	alertObj = mObj.appendChild(d.createElement("div"));
	alertObj.id = "alertBox";
	// MSIE doesnt treat position:fixed correctly, so this compensates for positioning the alert
	//if (d.all && !window.opera) 
		//alertObj.style.top = document.documentElement.scrollTop + "px";
		alertObj.style.top = "200px";
		// center the alert box
		alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
	
	// create an H1 element as the title bar
	h1 = alertObj.appendChild(d.createElement("h1"));
	h1.appendChild(d.createTextNode(txt));

	// create a paragraph element to contain the txt argument
	msg = alertObj.appendChild(d.createElement("p"));
	//msg.appendChild(d.createTextNode(txt));

	// create an anchor element to use as the confirmation button.
	btn = alertObj.appendChild(d.createElement("a"));
	btn.id = "closeBtn";
	btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
	btn.href = "#";
	// set up the onclick event to remove the alert when the anchor is clicked
	btn.onclick = function() { removeCustomAlert();return false; }

	
}

// removes the custom alert from the DOM
function removeCustomAlert() {
	document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
}

function sakerCykel(id)
{
	if (id=="broms")
	{
		if (document.getElementById("bromsInput").checked)
		{
			showDifferentImage('broms','bilder/sakercykel/sakercykel-ratt_18.gif');
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			showDifferentImage('broms','bilder/sakercykel/sakercykel-fel_18.gif');
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
	
	else if (id=="ringklocka")
	{
		if (document.getElementById("ringklockaInput").checked)
		{
			showDifferentImage('ringklocka','bilder/sakercykel/sakercykel-ratt_02.gif');
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			showDifferentImage('ringklocka','bilder/sakercykel/sakercykel-fel_02.gif');
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
	
	else if (id=="skruvar")
	{
		if (document.getElementById("skruvarInput").checked)
		{
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
	else if (id=="kedja")
	{
		if (document.getElementById("kedjaInput").checked)
		{
			showDifferentImage('kedja','bilder/sakercykel/sakercykel-ratt_19.gif');
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			showDifferentImage('kedja','bilder/sakercykel/sakercykel-fel_19.gif');
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
	
	else if (id=="kedjeskydd")
	{
		if (document.getElementById("kedjeskyddInput").checked)
		{
show3DifferentImages('kedjeskydd1','kedjeskydd2','kedjeskydd3','bilder/sakercykel/sakercykel-ratt_14.gif','bilder/sakercykel/sakercykel-ratt_15.gif','bilder/sakercykel/sakercykel-ratt_16.gif');
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			show3DifferentImages('kedjeskydd1','kedjeskydd2','kedjeskydd3','bilder/sakercykel/sakercykel-fel_14.gif','bilder/sakercykel/sakercykel-fel_15.gif','bilder/sakercykel/sakercykel-fel_16.gif');
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
	else if (id=="stralkastare")
	{
		if (document.getElementById("stralkastareInput").checked)
		{
			show4DifferentImages('stralkastare','baklykta','sladd','generator','bilder/sakercykel/sakercykel-ratt_05.gif','bilder/sakercykel/sakercykel-ratt_12.gif','bilder/sakercykel/sakercykel-ratt_07.gif','bilder/sakercykel/sakercykel-ratt_11.gif');
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			show4DifferentImages('stralkastare','baklykta','sladd','generator','bilder/sakercykel/sakercykel-fel_05.gif','bilder/sakercykel/sakercykel-fel_12.gif','bilder/sakercykel/sakercykel-fel_07.gif','bilder/sakercykel/sakercykel-fel_11.gif');
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
	else if (id=="reflex")
	{
		if (document.getElementById("reflexInput").checked)
		{
			show4DifferentImages('framreflex','bakreflex','framsidoreflex','baksidoreflex','bilder/sakercykel/sakercykel-ratt_06.gif','bilder/sakercykel/sakercykel-ratt_09.gif','bilder/sakercykel/sakercykel-ratt_10.gif','bilder/sakercykel/sakercykel-ratt_17.gif');
			numberOfFoundErrors++;
			countFoundErrors();
		}
		else
		{
			show4DifferentImages('framreflex','bakreflex','framsidoreflex','baksidoreflex','bilder/sakercykel/sakercykel-fel_06.gif','bilder/sakercykel/sakercykel-fel_09.gif','bilder/sakercykel/sakercykel-fel_10.gif','bilder/sakercykel/sakercykel-fel_17.gif');
			numberOfFoundErrors--;
			countFoundErrors();
		}
	}
}
var lastActiveImage="";
function updateDarkness(id, status)
{
	if (lastActiveImage=="")
	{}
	else
	{	
		var theArea=lastActiveImage+"Area";
		lastElement=document.getElementById(theArea);
		lastElement.href="javascript:updateDarkness('"+lastActiveImage+"','on')";
	}
	
	if (status=='on')
	{
		lastActiveImage=id;
	}
	else
	{
		lastActiveImage="";
	}
	
	theElement=document.getElementById("morkerImage");
		
	switch (id)
	{
		case (id='bil'):
		{
			bilElement=document.getElementById("bilArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				bilElement.href="javascript:updateDarkness('bil','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-bil.jpg";
				bilElement.href="javascript:updateDarkness('bil','off')";
			}
			break;
		}
		case (id='katt'):
		{
			kattElement=document.getElementById("kattArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				kattElement.href="javascript:updateDarkness('katt','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-katt.jpg";
				kattElement.href="javascript:updateDarkness('katt','off')";
			}
			break;
		}
		case (id='rav'):
		{
			ravElement=document.getElementById("ravArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				ravElement.href="javascript:updateDarkness('rav','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-rav.jpg";
				ravElement.href="javascript:updateDarkness('rav','off')";
			}
			break;
		}
		case (id='cykel'):
		{
			cyklistElement=document.getElementById("cykelArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				cyklistElement.href="javascript:updateDarkness('cykel','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-cyklist.jpg";
				cyklistElement.href="javascript:updateDarkness('cykel','off')";
			}
			break;
		}
		case (id='barn'):
		{
			barnElement=document.getElementById("barnArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				barnElement.href="javascript:updateDarkness('barn','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-barn.jpg";
				barnElement.href="javascript:updateDarkness('barn','off')";
			}
			break;
		}
		case (id='hund'):
		{
			hundElement=document.getElementById("hundArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				hundElement.href="javascript:updateDarkness('hund','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-hund.jpg";
				hundElement.href="javascript:updateDarkness('hund','off')";
			}
			break;
		}
		case (id='triangel'):
		{
			triangelElement=document.getElementById("triangelArea");
			if (status=='off')
			{
				theElement.src="bilder/morker/morker.jpg";
				triangelElement.href="javascript:updateDarkness('triangel','on')";
			}
			else
			{
				theElement.src="bilder/morker/morker-triangel.jpg";
				triangelElement.href="javascript:updateDarkness('triangel','off')";
			}
			break;
		}
	}
}

function lightOn()
{

	lightElement=document.getElementById("lightLink");
	lightElement.removeAttribute("href");
	
	lampaElement=document.getElementById("ficklampaArea");
	lampaElement.removeAttribute("background");
	lampaElement.setAttribute("background","bilder/morker/morker-trolle.jpg");
	//lampaElement.background="bilder/morker/morker-trolle.jpg";
	
	morkerElement=document.getElementById("morkerImage");
	morkerElement.src="bilder/morker/morker.jpg";

	bilElement=document.getElementById("bilArea");
	bilElement.href="javascript:updateDarkness('bil','on')";
	
	kattElement=document.getElementById("kattArea");
	kattElement.href="javascript:updateDarkness('katt','on')";
	
	barnElement=document.getElementById("barnArea");
	barnElement.href="javascript:updateDarkness('barn','on')";
	
	cykelElement=document.getElementById("cykelArea");
	cykelElement.href="javascript:updateDarkness('cykel','on')";
	
	hundElement=document.getElementById("hundArea");
	hundElement.href="javascript:updateDarkness('hund','on')";
	
	ravElement=document.getElementById("ravArea");
	ravElement.href="javascript:updateDarkness('rav','on')";
	
	triangelElement=document.getElementById("triangelArea");
	triangelElement.href="javascript:updateDarkness('triangel','on')";
	
}

var dragapproved=false
var z,x,y
function move()
{
	if (event.button==1&&dragapproved)
	{
		z.style.pixelLeft=temp1+event.clientX-x
		z.style.pixelTop=temp2+event.clientY-y
		return false
	}
}
function drags()
{
	if (!document.all)
	return
	if (event.srcElement.className=="drag")
	{
		dragapproved=true
		z=event.srcElement
		temp1=z.style.pixelLeft
		temp2=z.style.pixelTop
		x=event.clientX
		y=event.clientY
		document.onmousemove=move
	}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")

var number=0;
var bussEtt="";
var bussTva="";
var correctBussEtt="buss2";
var correctBussTva="buss3";
function compareBusses(bussID)
{
	if (number==3)
	{
		setAllBussesToDefault();
		number=0;
	}
	number++;
	if (number==1)
	{
		bussEtt=bussID;
		theElement=document.getElementById(bussEtt);
		theElement.className="imageBlackBox";
	}
	else if (number==2)
	{
		number=3;
		bussTva=bussID;
		theElement=document.getElementById(bussEtt);
		theElement.className="imageWhiteBox";
		if (bussEtt==correctBussEtt && bussTva==correctBussTva)
		{
			theElement.className="imageGreenBox";
			theElement=document.getElementById(bussTva);
			theElement.className="imageGreenBox";
			alert('Lysande, bussarna är helt lika!');
		}
		else if (bussEtt==bussTva)
		{
			alert('Du valde samma bild två gånger.');
		}
		else
		{
			theElement.className="imageRedBox";
			theElement=document.getElementById(bussTva);
			theElement.className="imageRedBox";
		}
	}
}

var numberOfBusses=4;
function setAllBussesToDefault()
{
	var i=1;
	for (i=1; i<numberOfBusses+1; i++)
	{
		theElement=document.getElementById('buss'+i);
		theElement.className="imageWhiteBox";
	}
}