// Loopar igenom dokumentet och letar efter klassen "roll".
// Om den finns så läggs funktionen "roll" till i bildens
// "onmouseover" och "onmouseout". Skicka sedan bilden som
// ett objekt.
function findimg()
{
	var i,imgs;
// loopa igenom alla bilder i dokumentet
	imgs=document.getElementsByTagName('img');
	for(i=0;i<imgs.length;i++)
	{
// testa om klassen "roll" finns
		if(/roll/.test(imgs[i].className))
		{
// lägg till funktionen "roll" till bildens "onmouseover" och "onmouseout"
// och skicka själva bilden som ett objekt
			imgs[i].onmouseover=function(){roll(this);};
			imgs[i].onmouseout=function(){roll(this);};
		}
	}
}
// Hämta bildens "src" och ta fram filändelsen.
// Skifta bilden med att lägga till/ta bort "_on"
// i filnamnet.
function roll(o)
{
// hämta bildens "src" och klura ut filändelsen
	var src = o.src;
	var ftype = src.substring(src.lastIndexOf('.'), src.length);
// kolla om "src" redan har ett "_on", ta bort isåfall
	if(/_on/.test(src))
	{
		var newsrc = src.replace('_on','');
	}else{
// lägg till "_on" i "src"
		var newsrc = src.replace(ftype, '_on'+ftype);
	}
	o.src=newsrc;
}
//Kör funktioner som onload här istället för i body-taggen
window.onload=function(){
	findimg();
}