//script to preload navigation background images

if (document.images) {

img1 = new Image(126,25);           
img1.src = "/images/nav-about-on.gif";
img2 = new Image(111,25);
img2.src = "/images/nav-programs-on.gif";
img3 = new Image(102,25);
img3.src = "/images/nav-contact-on.gif";
img4 = new Image(91,25);
img4.src = "/images/nav-photos-on.gif";
img5 = new Image(87,25);
img5.src = "/images/nav-events-on.gif";
img6 = new Image(83,25);
img6.src = "/images/nav-forms-on.gif";
img7 = new Image(210,15);
img7.src = "/images/nav_bg.gif";
img8 = new Image(210,15);
img8.src = "/images/nav_bg-hover.gif";

}



//script to enable hover on li items in navigation from html.dog

sfHover = function() {
	var sfEls = document.getElementById("nav").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"), "");
		}
	}
}
if (document.all) { //load sfHover only in IE; other browsers don't need it
if (window.attachEvent) window.attachEvent("onload", sfHover);
else window.onload = sfHover; //mac ie 5 needs this
}