<div id="container">
      <div id="universe">
        <div id="box1" class="box">blue</div>
        <div id="box2" class="box">red</div>
        <div id="box3" class="box">yellow</div>
        <div id="box4" class="box">green</div>
      </div>
      <div id="scroll-trigger" title="Click to pan around" >
      </div>    
    </div>
    <div id="scroll-overlay" style="display: none">
      <div><button id="scroll-done">done</button></div>
    </div>
  </body>