// ############# Mörkerpromenad ###############

function lightOn()
{
	lightElement=document.getElementById("lightLink");
	lightElement.removeAttribute("href");
	
	lampaElement=document.getElementById("ficklampaArea");
	lampaElement.removeAttribute("background");
	lampaElement.setAttribute("background","bilder/morker/morker-trolle.jpg");
	
	var pElement=document.createElement("p");
	pElement.className="morkerinstruction";
	pElement.innerHTML="Klikkaa<br>heijastimia!";
	document.body.appendChild(pElement);
	
		
	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 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;
		}
	}
}