//rollover menu with dojo	
			dojo.addOnLoad(function() {	
			
				var menuNodes = dojo.query("a.main");
				var subNodes = dojo.query("a.foldout");
				var dropdown = dojo.query(".detection"); 
				var mainMenu = dojo.query("div#second");
				var subMenu = dojo.query("div#third");

			// setup the main dropdown	
			
			menuNodes.connect("onmouseover", function(evt) {
				
					dropdown.anim({
						"opacity": {start: 0, end: 1.0 },
						"height": {start: 0, end: "205"}
					}).play();
				
				
				mainMenu.style({
							"clear" : "both",
							"display" : "block"
				});
				
				mainMenu.anim({
						"height": {start: 0, end: "200"}
					}).play();
				
				closePane();
				
			});
						

			subNodes.connect("onmouseover", function(evt) {
				subMenu.style({
							"clear" : "both",
							"display" : "block"						
				});		
			
											
			});			
				
			
				dropdown.connect("onmouseover", function img(evt) {

					subMenu.style({
						"display" : "none"
					});		
					
					mainMenu.style({
						"display" : "none"
					});
					
					dropdown.anim({
						"opacity": {start: 0, end: 0 }
					}).play();
				
											
				});			
		
		
			});

			function closePane() {			
					var emptyLinks = dojo.query("a.single");			
					var subMenu = document.getElementById("third");
					emptyLinks.forEach(function(x){
						dojo.connect(x,"onmouseover",function closePane(x){
							subMenu.style.display = "none";
						});
					});
				}