Quick code change from click to a hover control

Hi All,

I have a code which works like an image gallery script, click a button/thumbnail a large image above fades in. I actually want it changed that so instead of clicking the thumbnail you just mouseover and the large image fades in.

Here is my code, I would really appreciate somebody having a look over it.
Javascript:

[CODE]$(function()
{
$(“#section_select a”).click(function()
{
var imageSource = $(this).children(“img”).attr(“src”);

$(“#image_holder”).addClass(“loading”);
$(“#image_holder h3”).remove();
showImage(imageSource);
return false;
});
});

function showImage(src)
{
$(“#image_holder img”).fadeOut(“normal”).remove();
var largeImage = new Image();
$(largeImage).load(function()
{
$(this)[0].style.display = “none”;
$(“#image_holder”).append(this).removeClass(“loading”);

$(this).fadeIn(“slow”);
});
$(largeImage).attr(“src”, src);
}
[/CODE]

HTML:

[code=html]<div id=”feature”>
<div id=”image_holder”>
<h3>Image Holder</h3>
</div>
<div id=”section_select”><ul id=”nav”><li id=”hotel”><a href=”#”>Hotel<img src=”lion2.jpg” alt=”Hotel” /></a></a></li><li id=”club”><a href=”#”>Country Club<img src=”lion3.jpg” alt=”Country Club” /></a></li><li id=”spa”><a href=”#”>Spa<img src=”lion4.jpg” alt=”Spa” /></a></li><li id=”conf”><a href=”#”>Conference &amp; Banqueting<img src=”lion5.jpg” alt=”Conference and Banqueting” /></a></li><li id=”wedding”><a href=”#”>Weddings<img src=”lion6.jpg” alt=”Weddings” /></a></li></ul>
</div>
</div>
[/code]

Thanks for taking the time to look.

Adam

Also in #JavaScript _↴