<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/licenses/publicdomain/

     Test document.mozSetImageElement() DOM API and check if ID targets are
     correctly overridden.
-->
<html>
  <head>
    <style>
      div {
        width: 10px;
        height: 10px;
      }
    </style>
  </head>
<body style="margin:0">
  <div style="background:-moz-element(#d1);"></div>
  <div style="background:-moz-element(#d2);"></div>
  <div style="background:-moz-element(#d3);"></div>

  <div style="overflow:hidden; height:0;">
    <div id="d1" style="background:red;"></div>
    <div id="d2" style="background:blue;"></div>
    <!-- two elements with the same ID: the former one will be used -->
    <div id="d3" style="background:black;"></div>
    <div id="d3" style="background:yellow;"></div>
  </div>

  <script>
      var d1 = document.getElementById("d1");
      var d2 = document.getElementById("d2");
      var d3 = document.getElementById("d3");
      document.mozSetImageElement("d1", d3);
      document.mozSetImageElement("d2", null);
      document.mozSetImageElement("d3", d1);
      document.mozSetImageElement("d3", null);
      document.mozSetImageElement("d4", d1);
      document.mozSetImageElement("", d1);
      d1.id = "d2";
      d2.id = "d1";
  </script>
</body>
</html>