var time = 500;
	var timeout;
	
	function hider(){
		  timeout =	setTimeout('hide()',time);
	}
	
	function hide(){
		document.getElementById('submenu1').style.display = 'none';
		document.getElementById('submenu2').style.display = 'none';
		document.getElementById('submenu3').style.display = 'none';
		document.getElementById('submenu4').style.display = 'none';
	}
	
	function showSub1(){
		clearTimeout(timeout);
		document.getElementById('submenu1').style.display = 'block';
		document.getElementById('submenu2').style.display = 'none';
		document.getElementById('submenu3').style.display = 'none';
		document.getElementById('submenu4').style.display = 'none';
				document.getElementById('submenu1').onmouseover = function(){
						clearTimeout(timeout);
				}
				document.getElementById('submenu1').onmouseout = function(){
						timeout =	setTimeout('hide()',time);
				}
	}
	
	function showSub2(){
		clearTimeout(timeout);
		document.getElementById('submenu1').style.display = 'none';
		document.getElementById('submenu2').style.display = 'block';
		document.getElementById('submenu3').style.display = 'none';
		document.getElementById('submenu4').style.display = 'none';
				document.getElementById('submenu2').onmouseover = function(){
						clearTimeout(timeout);
				}
				document.getElementById('submenu2').onmouseout = function(){
						timeout =	setTimeout('hide()',time);
				}
	}
	
	function showSub3(){
		clearTimeout(timeout);
		document.getElementById('submenu1').style.display = 'none';
		document.getElementById('submenu2').style.display = 'none';
		document.getElementById('submenu3').style.display = 'block';
		document.getElementById('submenu4').style.display = 'none';
				document.getElementById('submenu3').onmouseover = function(){
						clearTimeout(timeout);
				}
				document.getElementById('submenu3').onmouseout = function(){
						timeout =	setTimeout('hide()',time);
				}
	}
	
	
	function showSub4(){
		clearTimeout(timeout);
		document.getElementById('submenu1').style.display = 'none';
		document.getElementById('submenu2').style.display = 'none';
		document.getElementById('submenu3').style.display = 'none';
		document.getElementById('submenu4').style.display = 'block';
				document.getElementById('submenu4').onmouseover = function(){
						clearTimeout(timeout);
				}
				document.getElementById('submenu4').onmouseout = function(){
						timeout =	setTimeout('hide()',time);
				}
	}