PHP Help on image link

[jgonzales]

I am currently working on a site from Template Monster. I have made all the necessary adjustments that I need to. One issue that I am having is that the template came with an accordion style gallery that I am using to showcase products. What I want to be able to do is have a link out that goes to a new page once they click on the image. When I add the link to the image I want it adds the links to everything within the gallery. Here is a link to the site.

http://bensondesign.com/2009JoomlaBDASite/

Any help would be greatly appreciated.

Here is the sample code for the accordion.


<div id="header">
<div id="header-container">
<ul id="accordion">
<li>
<div class="stretcher" style="width:727px;" >
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_1.jpg" alt="" class="tab" />
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_1.jpg" alt="" class="tab" style="visibility:hidden" />
<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_1.jpg"alt=" " class="img"</div><a href="/2009JoomlaBDASite/(EmptyReference!)">
</div>
</li>
<li>
<div class="stretcher">
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_1.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_1.jpg" alt="" class="tab" />
<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_2.jpg" alt=" " class="img" /></div>
</div>
</li>
<li>
<div class="stretcher">
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_4.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_4.jpg" alt="" class="tab" />
<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_3.jpg" alt=" " class="img" /></div>
</div>
</li>
<li>
<div class="stretcher">
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_4.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_4.jpg" alt="" class="tab" />
<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_4.jpg" alt=" " class="img" /></div>
</div>
</li>
<li>
<div class="stretcher" >
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_5.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_5.jpg" alt="" class="tab" />
<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_5.jpg" alt=" " class="img" /></div>
</div>
</li>
<li>
<div class="stretcher">
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_6.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_6.jpg" alt="" class="tab" />
<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_6s.jpg" alt=" " class="img" /></div>
</div>