//It appears that this modifies the css class name for the hovering.
sfHover = function() {
	var sfEls = document.getElementById("gallery").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
//Written by Steve at CMC (multiple galleries on one page//
myHover = function() {
    var lists = document.getElementsByTagName("div");
    var galleryItems;
    for (var i=0; i<lists.length; i++){
        if (lists[i].id == "gallery"){
            galleryItems = lists[i].getElementsByTagName("span");
            for (var j=0; j<galleryItems.length; j++){
                galleryItems[j].onmouseover=function() {
			        this.className+=" sfhover";
		        }
		        galleryItems[j].onmouseout=function() {
			        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		        }
            }
        }
    
    }
}
if (window.attachEvent) window.attachEvent("onload", myHover);