<div id="mapscrollers">
  <div id="nw">
    <a href="#" onclick="scrollMap('nw'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="NW" />
    </a>
  </div>
  <div id="n">
    <a href="#" onclick="scrollMap('n'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="N" />
    </a>
  </div>
  <div id="ne">
    <a href="#" onclick="scrollMap('ne'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="NE" />
    </a>
  </div>
  <div id="e">
    <a href="#" onclick="scrollMap('e'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="E" />
    </a>
  </div>
  <div id="se">
    <a href="#" onclick="scrollMap('se'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="SE" />
    </a>
  </div>
  <div id="s">
    <a href="#" onclick="scrollMap('s'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="S" />
    </a>
  </div>
  <div id="sw">
    <a href="#" onclick="scrollMap('sw'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="SW" />
    </a>
  </div>
  <div id="w">
    <a href="#" onclick="scrollMap('w'); scrollTo(0,1); return false">
      <img src="/common/images/blank.png" width="50" height="50" alt="W" />
    </a>
  </div>
  <img id="loadingimage" src="/common/images/loading2.gif" width="40" height="40" alt="Loading" />
</div>