Změna textu po kliknutí na obrázek (div, nebo odkaz)

Stačí zaměnit jen to, co je červeně vyznačené. Tedy cesty k obrázkům a „střídavé“ texty.

HTML (celý zdrojový kód):

<a href="javascript:;" onclick="this.style.display = 'none'; 
document.getElementById('t1').style.display = 'none'; 
document.getElementById('2').style.display = 'block'; 
document.getElementById('t2').style.display = 'block';" 
id="1">
<img src="http://diskuse.jakpsatweb.cz/img/logo.png"></a>

<a href="javascript:;" onclick="this.style.display = 'none'; 
document.getElementById('t2').style.display = 'none'; 
document.getElementById('1').style.display = 'block'; 
document.getElementById('t1').style.display = 'block';" 
style="display: none;" id="2">
<img src="http://diskuse.jakpsatweb.cz/img/logo.png "></a>

<div id="t1">Nějaký <strong>první</strong> hrooozně dlouhý text.<br></div>

<div id="t2" style="display: none;">Nějaký <strong>druhý</strong> hrooozně dlouhý text.</div>

Živá ukázka

Zdrojový kód