function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function findImg()
		{
			var i,imgs;
		// loop through all images of the document
			imgs=document.getElementsByTagName('img');
			for(i=0;i<imgs.length;i++)
			{
		// test if the class 'roll' exists
				if(/rolloverme/.test(imgs[i].className))
				{
		// add the function roll to the image onmouseover and onmouseout and send
		// the image itself as an object
					imgs[i].onmouseover=function(){roll(this);};
					imgs[i].onmouseout=function(){roll(this);};			
				}
			}
		}
		
		function roll(o)
		{
	
		// get the src of the image, and find out the file extension
			var src = o.src;
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
		// check if the src already has an _on and delete it, if that is the case 
			if(/_on/.test(src))
			{
				var newsrc = src.replace('_on','');
			}else{
		// else, add the _on to the src 
				var newsrc = src.replace(ftype, '_on'+ftype);
			}
			o.src=newsrc;
		}

window.onload=findImg;
MM_preloadImages('images/btn_bocce_on.gif', 'images/btn_info_on.gif');