//rollover images function:
//usage: <a href="..." onmouseover="swapImg(this,document.getElementById('imageName'));"><img src="..." name="imageName"/></a>

// Name the images filename.jpg and filename_over.jpg for non-hover and hover states

function swapImg(anch,img) {
	var src = img.src;
	var newSrc = src;

	if(src.indexOf("_over.")<0) {
		//if not already in hover state, change to hover image:
		var dotIdx = src.lastIndexOf("."); //index of last dot in path
		var parts = [src.substring(0,dotIdx), src.substring(dotIdx)];
		newSrc = parts.join("_over");
	} else {
		//change back to original:
		var parts = src.split("_over.");
		newSrc = parts.join(".");
	}
	img.src = newSrc || src;

	//make onmouseout swap again:
	if(!anch.onmouseout) anch.onmouseout=function() {
		swapImg(anch,img);
	}
}