sfHover = function() {
	var sfEls = document.getElementById("navi").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" navHover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" navHover\\b"), "");
		}
	}
}

Event.observe(window, 'load', function() {
	if ($('previewImage')) $('previewImage').height = ( $('previewImage').height < 300 ) ? $('previewImage').height : "300";
	$$('#images li a').each(function(item) {
		Event.observe(item, 'mouseover', function() {
			var newImage = item.href;
			$('previewImage').src = newImage;
			$('previewImage').height = "300";			
		});
	});
});