Source Code

      <div
       style="
       position: absolute;
       top: 620px;
       left: 600px;
       z-index: 2;
       border: 1px solid #888888;"
       onclick="showhide('z2')"><div
          id="z2"
          style="visibility: visible"><img
             src="/img/bubbles.png"
             border="0"
             alt="" /></div></div>

      <div
       style="
       position: absolute;
       top: 500px;
       left: 480px;
       z-index: 3;
       border: 1px solid #888888;"
       onclick="showhide('z3')"><div
          id="z3"
          style="visibility: visible"><img
             src="/img/bubbles.png"
             border="0"
             alt="" /></div></div>

      <div
       style="
       position: absolute;
       top: 380px;
       left: 360px;
       z-index: 4;
       border: 1px solid #888888;"
       onclick="showhide('z4')"><div
          id="z4"
          style="visibility: visible"><img
             src="/img/bubbles.png"
             border="0"
             alt="" /></div></div>

      <div
       style="
       position: absolute;
       top: 260px;
       left: 240px;
       z-index: 5;
       border: 1px solid #888888;"
       onclick="showhide('z5')"><div
          id="z5"
          style="visibility: visible"><img
             src="/img/bubbles.png"
             border="0"
             alt="" /></div></div>

      <div
       style="
       position: absolute;
       top: 140px;
       left: 120px;
       z-index: 6;
       border: 1px solid #888888;"
       onclick="showhide('z6')"><div
          id="z6"
          style="visibility: visible"><img
             src="/img/bubbles.png"
             border="0"
             alt="" /></div></div>

      <div
       style="
       position: absolute;
       top: 20px;
       left: 0px;
       z-index: 7;
       border: 1px solid #888888;"
       onclick="showhide('z7')"><div
          id="z7"
          style="visibility: visible"><img
             src="/img/bubbles.png"
             border="0"
             alt="" /></div></div>