img1 = new Image();
img1.src = "../images/bkgrd_nav.jpg";
img2 = new Image();
img2.src = "../images/hover_bkgrd_nav.jpg";


/* The IE navigation fixes (fix to prevent IE navs from losing z-index over select box, fix so that IE lists can recognize a hover event */
navManager = function() {
	if(document.getElementById("main_menu")){
		sfHover("main_menu","LI"," navHover"," navHoverOff", "selected");
	}	
}


function setHover(nav) {
	var ieULs = nav.getElementsByTagName('ul');
	// IE script to cover <select> elements with <iframe>s
	for (j=0; j<ieULs.length; j++) {
		ieULs[j].innerHTML = ('<iframe src="about:blank" scrolling="no" frameborder="0" style="filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);"></iframe>' + ieULs[j].innerHTML);
		var ieMat = ieULs[j].firstChild;
		ieMat.style.width=ieULs[j].offsetWidth+"px";	
		ieMat.style.zIndex="-1";
		ieULs[j].style.zIndex="101";
	}
}


function sfHover(id, tagType, hoverClass, hoverClassOff, selectedClass) { 
	var ieNavs = document.getElementsByTagName('ul');
	for(i=0; i<ieNavs.length; i++) {
		var ul = ieNavs[i];
		// If they have a class of navFix add the menu hover.
		if(ul.className.match("navFix") != null)
			setHover(ul);
	}

	var sfEls = document.getElementById(id).getElementsByTagName(tagType); 
	for (var i=0; i<sfEls.length; i++) { 
		
		if (sfEls[i].className == "nohover" ) {

		} else {
	
		if(sfEls[i].className != selectedClass && sfEls[i].id != selectedClass  ) {
			
			sfEls[i].onmouseover=function() { 
				this.className = hoverClass; 
			
			} 
		
			sfEls[i].onmouseout=function() { 
				this.className=this.className.replace(new RegExp(hoverClass + "\\b"),new RegExp(hoverClassOff + "\\b") ); 
			}
		} else {
			sfEls[i].onmouseover=function() { 
				var selectedClassOver = " " + selectedClass + "Over";
				this.className = selectedClassOver;

			} 
			sfEls[i].onmouseout=function() { 
				this.className=selectedClass;
			}			
		}

		}
	} 
}

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