Very new to Javascript. Need help!

[sqyntz_myntz]

Hi,

Here's the HTML code:

<div id="menu"><a href="#1">Category1</a><a href="#2">Category2</a><a href="Category3</a></div>
<div id="logo"><a href="#4">Logo</a></div>
<div id="footbar"><a href="#5">About Us</a><a href="#6">Contact Us</a></div>
<div id="cart"><a href="#7">Cart</a>
<div id="images"><a href="#8">Image1</a><a href="#9">Image2</a></div>

In my Home page, I only want the contents in "images" to appear while the rest just appear as links. However when I click on links #1-#3, #5-#7, I want the div for images to disappear while showing the contents for the links #1-#3, #5-#7. Also, when I click on link #4, I want the div for images to appear again. May I know what is the javascript required here?? I'm not sure if you guys understand what I'm looking for, but I hope you guys do!

Here is one website as an example: http://shopskinned.com
What I meant was how to hide the images in the homepage when clicking on links like ALL, NEW IN, ABOUT US etc. And when you click on the logo of the shop, the images appear as they are originally.