<!DOCTYPE html>
<html>
  <head>
    <title>Instant Gallery</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="instantgallery.css" />
    <script type="application/javascript" src="instantgallery.js"></script>
    <script type="application/javascript" src="list.js"></script>
    <base target="_blank" />
  </head>
  <body>
    <div id="head">
      <span id="title">Instant gallery</span>
      <a id="previous" href="#">Previous</a>
      <a id="next" href="#">Next</a>
      <span id="imginfo"></span>
    </div>
    <div class="imgarea"></div>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Instant Gallery</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="instantgallery.css" />
    <script type="application/javascript" src="list.js"></script>
    <script type="application/javascript" src="instantgallery.js"></script>
    <base target="_blank" />
  </head>
  <body>
    <div id="head">
      <span id="title">Instant gallery</span>
      <a id="previous" href="#">Previous</a>
      <a id="next" href="#">Next</a>
      <span id="imginfo"></span>
    </div>
    <div id="imgarea"></div>
  </body>
</html>

Load list first, imgarea class -> id
Load list first, imgarea class -> id
