[Teledrug]

Необходимо сделать форму поиска при выборе которой отображается поисковая кнопка, а при потере фокуса кнопка убирается. Одновременно с этим меняется размер картинки, чтобы дать место кнопке.

Есть поисковая форма и над ней картинка:

<img id="rss" src="/img/rss.gif" alt="RSS" width="200" height="78" border="0" />
<form id="search" action="">
	<input id="searcquery" name="query" type="text" value="Что искать?" onfocus="showSearchButon(this)" onblur="hideSearchButton()" /><br />
	<input id="searchbutton" type="submit" value="Поиск" />
</form>

При выборе строки поиска выполняется следующий код:

/* Предварительно была загружена картинка img['rss_small'] 
#searchbutton - display: none*/
function showSearchButon (obj) {
	obj.value='';
	var image=document.getElementById('rss');
	img['rss']=image;
	image.height=50;
	image.src=img['rss_small'].src;
	document.getElementById('searchButton').style.display='inline';
}

При потере фокуса выполняется функция:

function hideSearchButton () {
	document.getElementById('rss').height=78;
	document.getElementById('rss').src=img['rss'];
	document.getElementById('searchButton').style.display='none';
}

Вся проблема в том, что если попытаться нажать на кнопку searchbutton она скрывается. Возможно ли сделать событие по потере фокуса со всей формы или как-то по другому решить проблему.