// Script to go through and swap images on hover
// needs to be in js because of cms control.
function swap(elem, image) {
	var elem = $(elem);
	elem.setStyle({
		background:"transparent url("+image+") no-repeat scroll left top"
	});
}
/*
function swap() {
	var bg = this.getStyle("background");
	var start = bg.indexOf("url(./images/")+12;
	var end = bg.indexOf(".jpg) no-repeat");
	var length = end - start;

	var filename = bg.substr(start+1,length-1);

	if (filename.indexOf("-hover") > -1) {
		filename = filename.replace("-hover","");
		this.setStyle({
			background:"transparent url(./images/" + filename + ".jpg) no-repeat scroll left top"
		});
	} else {
		this.setStyle({
			background:"transparent url(./images/" + filename + "-hover.jpg) no-repeat scroll left top"
		});
	}
}
Event.observe(window,"load",function() {
	// Get each main link (photo)
	$("page").select("a[class='member-photo']").each(function(e) {
		e.observe("mouseover",swap);
		e.observe("mouseout",swap);
	});
	// Get each name link
	$("page").select("div[class='name'] a").each(function(e) {
		e.observe("mouseover",swaplink);
		e.observe("mouseout",swaplink);

		function swaplink() {
			var el = this.parentNode.parentNode.previous();
			var bg = el.getStyle("background");
			var start = bg.indexOf("url(./images/")+12;
			var end = bg.indexOf(".jpg) no-repeat");
			var length = end - start;

			var filename = bg.substr(start+1,length-1);
		
			if (filename.indexOf("-hover") > -1) {
				filename = filename.replace("-hover","");
				el.setStyle({
					background:"transparent url(./images/" + filename + ".jpg) no-repeat scroll left top"
				});
			} else {						
				el.setStyle({
					background:"transparent url(./images/" + filename + "-hover.jpg) no-repeat scroll left top"
				});
			}
		}
	});
});
*/