DOM manipulation

DOM manipulation

Hi,

I am working on getting my pages to load dynamically using jquery and ajax. I have the content loading in the main div. My problem is that the side bar div has images that go with the different sections. How do I change the images based on the menu selection? So if the user selects about us the image with change and the default home the image will change to or back to the original? Thanks in advance!

Tim

<script type="text/javascript">
function loadContent(id) {
$("#content").load("pages.php?o="+id+"");
}
</script>
<body onLoad="loadContent(1);">

<li><a class="fadeThis" href="javascript:loadContent(1);">Home</a></li>
<li><a class="fadeThis" href="javascript:loadContent(2);">AboutUS</a></li>