[JSN]

<div id="but" style='position:absolute; top:60; left:90;'>Кнопка - картинка</div> 
<div id='div' style="opacity: 0; filter: alpha(opacity=0); 

position:absolute; top:100; left:100; z-index:100">Текст - Картинка</div>

<script>
window.onload = function () {
	var but = document.getElementById('but');
	var div = document.getElementById('div');
	var int;
	
	but.onmouseover = function () {
		clearInterval(int);
		var n = 0;
		int = setInterval(function () {
			if (n >= 0.8) {
				n = 0.8;
				clearInterval(int);
			}
			n = n + 0.001;
			div.style.opacity = n;
			div.style.filter = 'alpha(opacity=' + 80*n + ')';
		}, 0.01);
	}
	
	but.onmouseout = function () {
		clearInterval(int);
		var n = div.style.opacity;
		int = setInterval(function () {
			if (n <= 0) {
				n = div.style.opacity;
				clearInterval(int);
			}
			n = n - 0.001;
			div.style.opacity = n;
			div.style.filter = 'alpha(opacity=' + 80*n + ')';
		}, 0.01);
if (div.style.opacity > 0.3) {div.onmouseover = function () {clearInterval

(int);
		var n = 0.4;
		int = setInterval(function () {
			if (n >= 0.8) {
				n = 0.8;
				clearInterval(int);
			}
			n = n + 0.001;
			div.style.opacity = n;
			div.style.filter = 'alpha(opacity=' + 80*n + ')';
		}, 0.01);}
div.onmouseout = function () {clearInterval(int);
		var n = div.style.opacity;
		int = setInterval(function () {
			if (n <= 0) {
				n = div.style.opacity;
				clearInterval(int);
			}
			n = n - 0.001;
			div.style.opacity = n;
			div.style.filter = 'alpha(opacity=' + 80*n + ')';
		}, 0.01);}}
	}
		
}
</script>

я немного изменил код, в связи с нужными функциями, но есть проблема, после того, как div появился один раз, при наведении на него он снова появляется, даже если div.style.opacity<0.3
Я догадываюсь в чем ошибка, но не не знаю как исправить.
Заранее спасибо за помощь.