function roll()
{
	var imgs = document.getElementsByTagName("img");
	for(var i = 0; i<imgs.length; i++)
	{
		if (imgs[i].className.match("roll"))
		{
			var preload = new Image();
			imgs[i].clicked = 0; 
			preload.src = imgs[i].src.replace("_off.", "_on.");
			imgs[i].onmouseover = function () { this.src= this.src.replace("_off.","_on."); }
			imgs[i].onmouseout = function () {
				if(this.clicked == 0) this.src = this.src.replace("_on.","_off.");
				} 
			
			imgs[i].onclick = function()
			{
						for(var j = 0; j<imgs.length; j++)
						{
							if (imgs[j].className.match("roll"))
								{		
								imgs[j].src = imgs[j].src.replace("_on.","_off.");
								imgs[j].clicked = 0;
								}
						}
				this.src= this.src.replace("_off.","_on.");
				this.clicked = 1;
			}
			imgs[i].style.cursor = "pointer";
		}}
	}
window.onload = function() { roll(); }