enabled = true;

        function ImageArray(asize) {
                for (var lp = 0; lp < asize; lp++) {
                        this[lp] = new Array();
                        this[lp][0] = new Image();
                        this[lp][1] = new Image();
                }
                this.length = asize + 1;
        }

// BK - will use CSS to do this
        function ImageOn(iname) {
                if (enabled) {
                        document[iname].src = iArray[iname][1].src;
                }
        }

        function ImageOff(iname) {
                if (enabled) {
                        document[iname].src = iArray[iname][0].src;
                }
        }
	


	iArray = new ImageArray(5);
	// BK 8/10/07 haven't yet generated the over images so commented that out...
/*	iArray[0][0].src = "/images/nav/products.jpg";
	iArray[0][1].src = "/images/nav/products_over.jpg";
	iArray[1][0].src = "/images/nav/software.jpg";
	iArray[1][1].src = "/images/nav/software_over.jpg";
	iArray[2][0].src = "/images/nav/support.jpg";
	iArray[2][1].src = "/images/nav/support_over.jpg";
	iArray[3][0].src = "/images/nav/profile.jpg";
	iArray[3][1].src = "/images/nav/profile_over.jpg";
	iArray[4][0].src = "/images/nav/contact.jpg";
	iArray[4][1].src = "/images/nav/contact_over.jpg";
	iArray[5][0].src = "/images/nav/press.jpg";
	iArray[5][1].src = "/images/nav/press_over.jpg";
	iArray[6][0].src = "/images/nav/articles.jpg";
	iArray[6][1].src = "/images/nav/articles_over.jpg";*/
	iArray[0][0].src = "/images/nav/multimeters.jpg";
	iArray[0][1].src = "/images/nav/multimeters.jpg";
	iArray[1][0].src = "/images/nav/switches.jpg";
	iArray[1][1].src = "/images/nav/switches.jpg";
	iArray[2][0].src = "/images/nav/support.jpg";
	iArray[2][1].src = "/images/nav/support.jpg";
	iArray[3][0].src = "/images/nav/company.jpg";
	iArray[3][1].src = "/images/nav/company.jpg";
	iArray[4][0].src = "/images/nav/contact.jpg";
	iArray[4][1].src = "/images/nav/contact.jpg";


	var delay = 500;
	var start;
	var hideTimer;
	var tempClassName;

	function setMouseOver(node){
		if (node.nodeName=="LI") {
			node.onmouseover=function() {
			// BK NOTE:  problems with the hide functions stem from the fact
			// that setMouseOver events happen multiple times, so the following code is executed 
			// repeatedly.  therefore the classname keeps changing as additional overs are appended
				//alert(node.parentNode.nodeName + " " + node.nodeName);
				this.className+=" over";
			}
			node.onmouseout=function() {
				//alert(node.nodeType);
				// start hide function
				this.className=this.className.replace(" over", "");				
				start = new Date();
				tempClassName = this.className;
//				alert("timerset");
				hideTimer = setTimeout("hideMenus()", 500);
			}
		}
	}
	
	function hideMenus() {
//		alert("hidemenus " + tempClassName);
//		alert(tempClassName);
//		tempClassName=tempClassName.replace(" over", "");		
	}
	
	startList = function() {
  		if (document.all&&document.getElementById) {
    		navRoot = document.getElementById("nav");
    		for (i=0; i<navRoot.childNodes.length; i++) {
				node = navRoot.childNodes[i];
				setMouseOver(node);
				
//    		    alert ('children of subnav:  ' + node.childNodes.length + '  ' + node.childNodes);
				for (j=0; j<node.childNodes.length;j++){
					subnode = node.childNodes[j];
					if (subnode.nodeName=='UL') {
						for (k=0;k<subnode.childNodes.length;k++){
								subsubNode = subnode.childNodes[k];
								setMouseOver(subsubNode);
						}					
					}
				}
			}
		}
	}
	window.onload=startList;