При наведении курсора смена картинки и всплывающая подсказка
 

Просьба помочь в такой проблеме. В определенном месте при открытии страници появляется какой-то текст "подсказка". На данной странице есть несколько картинок-гиперссылок. При наведении на картинки курсора нужно, чтобы картинка менялась (было видно, что она активна (ссылка)) и в поле появлялась подсказка к данной картинке-ссылке.

Вот кусок кода , который есть на этой картинке, а вот какой должен быть скрипт?...

<div class="index" id="id0">
<div class="in">
<span id="rbccontents_ee_block" block_id="1920" sys_name="content_text" tarea_id="168"></span>    

<h1>Текст!</h1>

</div>
</div>
			<div class="kartinki" onmouseover="show(this, 'idh1');" onmouseout="hide(this)">
							<a href="/moscow/ru/person/credits/">
					<img class="i1" src="/common/img/uploaded/kartinka1.gif" alt="ссылка">
					<img class="i2" src="/common/img/uploaded/kartinka_a-1.gif" alt="ссылка">
				</a>
							 <div class="spacer" style="width: 219px;"></div>		
		</div>
		<div id="idh1">
			<div class="in">
				
         
<h1>Текст2!</h1>

			</div>
		</div>

заранее огромное спасибо