        function dispPic(img)
        {
             document.getElementById('picture').setAttribute('src', img);
             document.getElementById('displayDiv').style.visibility = "visible";
        }
        
        function hidePic()
        {
            document.getElementById('displayDiv').style.visibility = "hidden";
        }
        
        function btnOver()
        {
            document.getElementById('btnPic').style.borderStyle = "outset";
             document.getElementById('btnPic').style.fontWeight = "bold";
        }
        
        function btnOut()
        {
            document.getElementById('btnPic').style.borderStyle = "inset";
            document.getElementById('btnPic').style.fontWeight = "normal"
        }
        
        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 (window.attachEvent) window.attachEvent("onload", sfHover);