How to make a div href to an image for slideshow

[Friss]

I'm trying to make my slideshow's text divs refer it into an active background as a link but I can't seem to get it done.What I am trying to get is everytime it loads the first text block has to have a background representing it as active and when you click the text on the text block it will become active and access to the content by clicking on the Headings (h1s).I'll appreciate your help.http://jsfiddle.net/EDc8M/1/HTML:\[code\]<div id="sShow"> <div id="sShowGallery"> <ul> <li id="sld1"><a href="http://stackoverflow.com/questions/15737511/#article1"><img src="http://stackoverflow.com/questions/15737511/resource/images/sShow/img_news1.png" alt="img1" width="510" height="240"></a></li> <li id="sld2"><a href="http://stackoverflow.com/questions/15737511/#article2"><img src="http://stackoverflow.com/questions/15737511/resource/images/sShow/img_news2.jpg" alt="img2" width="510" height="240"></a></li> <li id="sld3"><a href="http://stackoverflow.com/questions/15737511/#article3"><img src="http://stackoverflow.com/questions/15737511/resource/images/sShow/img_news1.png" alt="img3" width="510" height="240"></a></li> </ul> </div> <div id="sShow_nav"> <div class="sShow_bg"> <a href="http://stackoverflow.com/questions/15737511/#article1"><h1>30 Characters max title 1</h1></a> <a href="http://stackoverflow.com/questions/15737511/#sld1"><p>Donec nisi velit, posuere sit amet bibendum at, hendrent rhoncus nunc. Aenean leo purus.</p></a> </div> <div class="sShow_bg"> <a href="http://stackoverflow.com/questions/15737511/#article2"><h1>30 Characters max title 2</h1></a> <a href="http://stackoverflow.com/questions/15737511/#sld2"><p>Donec nisi velit, posuere sit amet bibendum at, hendrent rhoncus nunc. Aenean leo purus.</p></a> </div> <div class="sShow_bg"> <a href="http://stackoverflow.com/questions/15737511/#article3"><h1>30 Characters max title 3</h1></a> <a href="http://stackoverflow.com/questions/15737511/#sld3"><p>Donec nisi velit, posuere sit amet bibendum at, hendrent rhoncus nunc. Aenean leo purus.</p></a> </div> </div> </div>\[/code\]Script:\[code\]$(document).ready(function(){ $("#sShowGallery").css("overflow", "hidden"); $(".sShow_bg").css("visibility", "visible"); $(".sShow_bg a[href=http://stackoverflow.com/questions/15737511/#sld1]").addClass("ss_active"); $("#sShow_nav").localScroll({ target:'#sShowGallery', axis: 'x' }); $(".sShow_bg a").click(function(){ $(".sShow_bg a").removeClass("ss_active"); $(this).addClass("ss_active"); });});\[/code\]