﻿function positionNavElements() {
	navRoot = document.getElementById("nav");
	
	for (i=0; i<navRoot.childNodes.length; i++) {
		node = navRoot.childNodes[i];

		// Changes the class so that 1st tier items that have two lines
		if(document.all) {
			if(node.childNodes[0].innerHTML.length>16)
				node.childNodes[0].className = "textTwoRows";
		}
		else {
			if(node.childNodes[1]!=null) {
				//alert(node.childNodes[1].innerHTML);
				if(node.childNodes[1].innerHTML.length>16)
					node.childNodes[1].className = "textTwoRows";
			}
			/*else if(node.type!="text") {
					//document.write(node + " - ");
				if(node.childNodes[0].innerHTML.length>16)
					node.childNodes[0].className = "textTwoRows";
			}*/
		}

		// Positions the dropdown menus in IE and pops them out on mouseover
		if(document.all && node.childNodes.length>1) {
		    currentNode = node.childNodes[0];
		    currentNode2 = node.childNodes[2];
		    
		    positionMenuIE(node, 1);
		    mouseOverIE(node, 1);
		    
		    // 2nd Tier
		    if(currentNode2!=null) {
		        for(j=0; j<currentNode2.childNodes.length; j++) {
		            subCurrentNode = currentNode2.childNodes[j];
		            currentNode3 = subCurrentNode.childNodes[2];
		            if(subCurrentNode.childNodes.length>1) {
		                positionMenuIE(subCurrentNode, 2);
		                mouseOverIE(subCurrentNode, 2);
		                
		                // 3rd Tier
		                if(currentNode3!=null) {
	                        for(k=0; k<currentNode3.childNodes.length; k++) {
	                            subCurrentNode3 = currentNode3.childNodes[k];
		                        currentNode4 = subCurrentNode3.childNodes[2];
	                            if(subCurrentNode3.childNodes.length>1) {
	                                positionMenuIE(subCurrentNode3, 3);
	                                mouseOverIE(subCurrentNode3, 3);
	                                
	                                // 4th Tier
		                            if(currentNode4!=null) {
	                                    for(l=0; l<currentNode4.childNodes.length; l++) {
	                                        subCurrentNode4 = currentNode4.childNodes[l];
	                                        if(subCurrentNode4.childNodes.length>1) {
	                                            positionMenuIE(subCurrentNode4, 4);
	                                            mouseOverIE(subCurrentNode4, 4);
	                                        }
	                                    }
		                            } // END: 4th Tier
	                            }
	                        }
		                } // END: 3rd Tier
		            }  
		        }
		    } // END: 2nd Tier
		}
		
		// Positions the dropdown menus in all other browsers
		else if(node.childNodes.length>1) {
		    currentNode = node.childNodes[1];
			subNode = node.childNodes[3];
			subNode.style.top = node.offsetTop + 148 + "px";
		}
	}
}

function positionMenuIE(currentNode, level) {
    subNode = currentNode.childNodes[2];
	if(subNode!=null) {
	    if(level==1) {
            subNode.style.top = currentNode.offsetTop + 148 + "px";
        }
        else {
            subNode.style.top = currentNode.offsetTop + 1 + "px";
            subNode.style.left = currentNode.offsetLeft + 30 + "px";
        }
    }
}

function mouseOverIE(currentNode, level) {
    theClassName1 = "navOver";
    theClassName2 = "nav";

    if(currentNode.nodeName=="LI") {
        currentNode.onmouseover=function() {
	        this.className = theClassName1;
        }
        currentNode.onmouseout=function() {
	        this.className = theClassName2;
        }
    }
}

onload = positionNavElements;