I've made a start on a show and hide bit of functionality for the visitor.

Basically its 4 buttons and there will be 4 divs with stuff inside them, I have it so they sort of work, but its not quite right in that what i want is id="step-1" to be seen initially, but on click of any of the others, it goes away and then one selcted shows, and so on across all four buttons.

http://www.cristalstandards.com/dev/contact.php

Code:
<script type="text/javascript">
   function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
   }
</script>
<div id="contact_Map_Wrapper">
<div id="contact_Map_1"><a href="#step-1" onclick="toggle_visibility('step-1');"><img src="./images/contact/1/Off/Americas_Grey.png" onmouseover="this.src='./images/contact/1/On/Americas.png'" onmouseout="this.src='./images/contact/1/Off/Americas_Grey.png'" /></a></div>

<div id="contact_Map_2"><a href="#step-2" onclick="toggle_visibility('step-2');"><img src="./images/contact/2/Off/Europe_Grey.png" onmouseover="this.src='./images/contact/2/On/Europe.png'" onmouseout="this.src='./images/contact/2/Off/Europe_Grey.png'" /></a></div>

<div id="contact_Map_3"><a href="#step-3" onclick="toggle_visibility('step-3');"><img src="./images/contact/3/Off/Middle_East_&_Africa_Grey.png" onmouseover="this.src='./images/contact/3/On/Middle_East_&_Africa.png'" onmouseout="this.src='./images/contact/3/Off/Middle_East_&_Africa_Grey.png'" /></a></div>

<div id="contact_Map_4"><a href="#step-4" onclick="toggle_visibility('step-4');"><img src="./images/contact/4/Off/Asia_Grey.png" onmouseover="this.src='./images/contact/4/On/Asia.png'" onmouseout="this.src='./images/contact/4/Off/Asia_Grey.png'" /></a></div>
</div>
<div id="step-1"> 
        <h2 class="StepTitle">Perfil</h2>
</div>
<div id="step-2"> 
        <h2 class="StepTitle">Perfil 2</h2>
</div>
<div id="step-3"> 
        <h2 class="StepTitle">Perfil 3</h2>
</div>
<div id="step-4"> 
        <h2 class="StepTitle">Perfil 4</h2>
</div>