Linkin üzerine gelince resmin değişmesi

Arkadaşlar aşağıdaki gibi bir kod kullanmaktayım manşet için. Jquery ile sağdaki başlık ve açıklama kısmına geldiklerinde resmin otomatik olarak değişmesini istiyorum.
Bi' hayli uğraştım fakat beceremedim. Yardımcı olursanız çok mutlu olurum.
Kod:

               <ul id="accents_pager">
                     <li><a id="accent_trigger_1" href="https://www.r10.net"><strong>Başlık</strong> Açıklama</a></li>
                     <li><a id="accent_trigger_1" href="https://www.r10.net"><strong>Başlık</strong> Başlık</a></li>
                    <li class="last"><a id="accent_trigger_3" href="https://www.r10.net"><strong>Başlık</strong> Başlık</a></li>
                </ul>
                <div id="accent_1" class="accent">
                    <a class="thumbnail" href="https://www.r10.net"><img src="https://www.r10.net/resim1.jpg" alt="" width="400" height="230" /></a>
                </div>
				<div id="accent_2" class="accent">
					<a class="thumbnail" href="https://www.r10.net"><img src="https://www.r10.net/resim2.jpg" alt="" /></a>
				</div>
				<div id="accent_3" class="accent">
					<a class="thumbnail" href="https://www.r10.net"><img src="https://www.r10.net/resim3.jpg" alt="" /></a>
				</div>

http://jsfiddle.net/NSEjd/18/ buyur böyle birşey yaptım