Warning: Noob at Java

I want to make it so that when you click on the "Image" link the picture appears and the other link appears too, no problem i got that down.

But when i click on the "Link" link the picture goes away and the the "Image" link re appears. I can get it to do that part. Heres my current nooby code:

 
<script language='Javascript'>
function image()
{
  var image = document.getElementById('image');
  var link = document.getElementById('link');
  var picture = document.getElementById('picture');
  image.style.display="none";
  link.style.display="inline";
  picture.style.display="inline";
}
function link()
{
  var image = document.getElementById('image');
  var link = document.getElementById('link');
  var picture = document.getElementById('picture');
  image.style.display="inline";
  link.style.display="none";
  picture.style.display="none";
}
</script>

i other words:

when i click the "image" link the picture appears with the "Link" link,

and when i click the "Link" link everything goes back the way it was.

i think u are calling the functions like this:

<IMG SRC="pic.jpg" id="picture" style="display:none">
<A HREF="#" id="link" onclick="link();">Link</A>
<A HREF="#" id="image" onclick="image();">image</A>

Just remove link.style.display="inline"; from the first and link.style.display="none"; from the second function.