var menuTimers = {   
	items : ['menu_sub0', 'menu_sub1', 'menu_sub2', 'menu_sub3', 'menu_sub4', 'menu_sub5', 'menu_sub6'],   
	open : null,   
	close : null,   
	init : function() {     
		for (var i = 0; i < menuTimers.items.length; i++) {       
			var itm = document.getElementById(menuTimers.items[i]);       
			if (itm) { itm.style.display = 'none'; }     
		}

		// Attach event listeners     
		var menu_top0 = document.getElementById('menu_top0');     
		menu_top0.onmouseover = function() {       
			menuTimers.openItem('menu_sub0');     
		}     
		menu_top0.onmouseout = function() {       
			menuTimers.closeItem('menu_sub0');     
		} 		
		
		var menu_top1 = document.getElementById('menu_top1');     
		menu_top1.onmouseover = function() {       
			menuTimers.openItem('menu_sub1');     
		}     
		menu_top1.onmouseout = function() {       
			menuTimers.closeItem('menu_sub1');     
		}     
		
		var menu_top2 = document.getElementById('menu_top2');     
		menu_top2.onmouseover = function() {       
			menuTimers.openItem('menu_sub2');     
		}     
		menu_top2.onmouseout = function() {       
			menuTimers.closeItem('menu_sub2');     
		}     

		var menu_top3 = document.getElementById('menu_top3');     
		menu_top3.onmouseover = function() {       
			menuTimers.openItem('menu_sub3');     
		}     
		menu_top3.onmouseout = function() {       
		menuTimers.closeItem('menu_sub3');     
		}   
		
		var menu_top4 = document.getElementById('menu_top4');     
		menu_top4.onmouseover = function() {       
			menuTimers.openItem('menu_sub4');     
		}     
		menu_top4.onmouseout = function() {       
		menuTimers.closeItem('menu_sub4');     
		}   
		
		var menu_top5 = document.getElementById('menu_top5');     
		menu_top5.onmouseover = function() {       
			menuTimers.openItem('menu_sub5');     
		}     
		menu_top5.onmouseout = function() {       
		menuTimers.closeItem('menu_sub5');     
		}   
		
		var menu_top6 = document.getElementById('menu_top6');     
		menu_top6.onmouseover = function() {       
			menuTimers.openItem('menu_sub6');     
		}     
		menu_top6.onmouseout = function() {       
		menuTimers.closeItem('menu_sub6');     
		} 
		
	},
	   
	openItem : function(id) {     
		clearTimeout(menuTimers.open);     
		menuTimers.open = setTimeout(function() {       
			var itm;       
			// Hide others       
			for (var i = 0; i < menuTimers.items.length; i++) {         
				if (id!= menuTimers.items[i]) {           
					itm = document.getElementById(menuTimers.items[i]);           
					if(itm) { itm.style.display = 'none'; }         
				}       
			}       
			// Show this one       
			itm = document.getElementById(id);       
			if(itm) { itm.style.display = ''; }     
		}, 100); // Set the timeout value here. I used 100 milliseconds.   
	},   
	closeItem : function(id) {     
		clearTimeout(menuTimers.close);     
		menuTimers.close = setTimeout(function() {       
			var itm = document.getElementById(id);       
			if(itm) { itm.style.display = 'none'; }     
		}, 3000); // Set the timeout value here. I used 3 second for testing.   
	} 
}
 window.onload = menuTimers.init;