var time = 500;
var timeout;
var timeout1;

function hider(){
		
	  timeout =	setTimeout('hider1()',time);
}

function hider1(){
	document.getElementById('hide1').style.display = 'None';
	document.getElementById('hide2').style.display = 'None';

}

function shower1(){
	clearTimeout(timeout);
	document.getElementById('hide1').style.display = 'block';
	document.getElementById('hide2').style.display = 'None';
	document.getElementById('hide3').style.display = 'None';
			document.getElementById('hide1').onmouseover = function(){
					clearTimeout(timeout);
			}
			document.getElementById('hide1').onmouseout = function(){
					timeout =	setTimeout('hider1()',time);
			}
}

function shower2(){
	clearTimeout(timeout);
	document.getElementById('hide1').style.display = 'None';
	document.getElementById('hide2').style.display = 'block';
	document.getElementById('hide3').style.display = 'none';
	document.getElementById('hide2').onmouseover = function(){
		clearTimeout(timeout);
	}
	document.getElementById('hide2').onmouseout = function(){
			timeout =	setTimeout('hider1()',time);
	}
}

function shower3(){
	clearTimeout(timeout);
	document.getElementById('hide1').style.display = 'None';
	document.getElementById('hide2').style.display = 'None';
	document.getElementById('hide3').style.display = 'block';
	document.getElementById('hide3').onmouseover = function(){
		clearTimeout(timeout);
	}
	document.getElementById('hide3').onmouseout = function(){
			timeout =	setTimeout('hider1()',time);
	}
}