sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	
	/* ********* SHELLY MODIFICATIONS
	Added functionality to hide and show form SELECT elements based on which menu is pulled down
	The <FORM> element in the html code needs to be enclosed in a <DIV> tag that has an ID = "HideDiv"
	The HideDiv div MUST have a class attribute with one of the following values
		1, 2, 3, 4, 5 -- the form element will ONLY be hidden when menu1, menu2 etc. is pulled down
		10, 20, 30, 40, 50 -- the form element will be hidden when ALL menus before and including that menu# are pulled down
	*/

	//Shelly Code
	var sfMenuItems = document.getElementById("nav").getElementsByTagName("UL");			
	var hideForm = document.getElementById("HideDiv");
	var arHideMenus = new Array();	
	
	if (hideForm) {
		var cn = hideForm.className;
		var num = cn.substr(0, 1);
		var hm = "";
		
		if (cn.length == 2) {
			for (var i = 1; i<=num; i++) {
				hm += "mnu" + i + ",";
			}
			hm = hm.substr(0, hm.length - 1);
			arHideMenus = hm.split(",");
			
		} else {
			arHideMenus[0] = "mnu" + num;
		}
		
		//for (i=0; i<arHideMenus.length; i++) {
		//	alert(arHideMenus[i]);
		//}
	}
	//End Shelly Code
	
	// Add MouseOver, MouseOut for Top Level Menus
	for (var i=0; i<sfEls.length; i++) {
		// Add MouseOver Handler
		if (arHideMenus.length > 0) {
			for (var j=0; j<arHideMenus.length; j++) {
				if (sfEls[i].className == arHideMenus[j]) {
					sfEls[i].onmouseover=function() {
						this.className+=" sfhover";
						//Hide Form Select elements from ID //Shelly Code
						ToggleFormDiv('HideDiv');
					}	
				} else {
					sfEls[i].onmouseover=function() {
						this.className+=" sfhover";
					}
				}
			}
			
			// Add MouseOut Handler
			for (var j=0; j<arHideMenus.length; j++) {
				if (sfEls[i].className == arHideMenus[j]) {
					sfEls[i].onmouseout=function() {
						this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
						//Show Form Select elements from ID //Shelly Code
						ToggleFormDiv('HideDiv');
					}	
				} else {
					sfEls[i].onmouseout=function() {
						this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
					}
				}
			}
			
		} else {		// No form elements to hide, just add normal MouseOver, MouseOut Handlers
			sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	
	//Shelly Code
	// Add MouseOver, MouseOut for Top Menu Items when the Menu is pulled down			
	for (var i=0; i<sfMenuItems.length; i++) {
		// Add MouseOver Handler
		for (var j=0; j<arHideMenus.length; j++) {
			if (sfEls[i].className == arHideMenus[j]) {
				sfEls[i].onmouseover=function() {
					this.className+=" sfhover";
					//Hide Form Select elements from ID //Shelly Code
					ToggleFormDiv('HideDiv');
				}	
			} else {
				sfEls[i].onmouseover=function() {
					this.className+=" sfhover";
				}
			}
		}
		
		// Add MouseOut Handler
		for (var j=0; j<arHideMenus.length; j++) {
			if (sfEls[i].className == arHideMenus[j]) {
				sfEls[i].onmouseout=function() {
					this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
					//Show Form Select elements from ID //Shelly Code
					ToggleFormDiv('HideDiv');
				}	
			} else {
				sfEls[i].onmouseout=function() {
					this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
				}
			}
		}
	}
	//End Shelly Code

}

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