title: removing text layer and replacing with image
body: <p>I have this code, which works fine, but I would like to be able to make it so when an image appears the text layer disapears, and there would be a link to bring the xt back and remove the image. How would I do this..., something to do with changing isibility and overlaying?</p>
  
  <pre><code>&lt;html&gt;
    &lt;script type="text/javascript"&gt;
      //&lt;!--
      function sbox(boxName, xname) {
        theBox = document.getElementById(boxName);
        theBox.className = xname;
      }
      //--&gt;
    &lt;/script&gt;
  
    &lt;style&gt;
      #main {
        position: absolute;
        width: 800px;
        height: 600px;
      }
      .test1 {
        position: absolute;
        top: 20px;
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: green;
      }
      .test2 {
        position: absolute;
        top: 120px;
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: red;
      }
      .test3 {
        position: absolute;
        top: 220px;
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: blue;
      }
      .test4 {
        position: absolute;
        top: 320px;
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: black;
      }
      .test5 {
        position: absolute;
        top: 20px;
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: yellow;
      }
      #test6 {
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: green;
      }
      #test7 {
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: green;
      }
    &lt;/style&gt;
    &lt;div class="test1" id="test1"&gt;
      &lt;a href="#" onclick="sbox('test1', 'test5'); return false;"&gt;test1&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="test2" id="test2"&gt;test2&lt;/div&gt;
    &lt;div class="test3" id="test3"&gt;test3&lt;/div&gt;
    &lt;div class="test4" id="test4"&gt;test4&lt;/div&gt;
  &lt;/html&gt;
  </code></pre>