penguinHover = function() { 
	//check browser has capability to do what we want
	if(document.getElementsByTagName){
		var oDLs;
		var oDTs;
		var oDDs;
		//get all UL tags
		var oULs = document.getElementsByTagName("UL");
		if(oULs){
			//loop through each UL tag
			for(var i = 0;i<oULs.length;i++){
				//check if class name of UL is what we're looking for
				//if you add any UL tags with other class names you will have to add them to this next line
				if(oULs[i].className == 'imagelist' || oULs[i].className == 'imagelist bottom'){
					//get DL tags within this UL and pass into the setHover function
					oDLs = oULs[i].getElementsByTagName("DL"); 
					setHover(oDLs);
				}
			}
		}
	}
} 

function setHover(oDLs){
	if(oDLs){
		//loop through the DL tags in the array
		for (var i=0; i<oDLs.length; i++) { 
			oDLs[i].onmouseover=function() {
				this.className+=" imghover"; 
			}
			oDLs[i].onmouseout=function() { 
				this.className=this.className.replace(new RegExp(" imghover\\b"), ""); 
			}
		} 
	}
}



if (window.attachEvent) window.attachEvent("onload", penguinHover);