<!DOCTYPE HTML>
<html class="reftest-wait">
<head>
<title>Test for bug 641198</title>
<link rel="stylesheet" href="ImageDocument.css">
<style type="text/css" media=screen>
   a.animated1 {
      display: block;
      width: 40px;
      height: 40px;
      background: url("animation1a.gif") no-repeat 0 0;
   }

   a.animated1 span {
      position: absolute;
      top: -999em;
   }

   a.animated2 {
      display: block;
      width: 40px;
      height: 40px;
      background: url("animation2a.gif") no-repeat 0 0;
   }

   a.animated2 span {
      position: absolute;
      top: -999em;
   }
</style>
</head>
<body onload="doTimeout()">

<a id="animated" href="#" title="Animated"><span>Animated</span></a>

<script>
// We check whether changing the class will lead to the animation being
// run from the beginning, even if the animation was already shown
// before.
var counter = 0;
function doTimeout() {
  if (counter == 4) {
    document.documentElement.className = '';
  } else {
    document.getElementById("animated").setAttribute("class", "animated" + ((counter % 2)+1));
    setTimeout(doTimeout, counter == 3 ? 500 : 250); // Wait a bit more for the last one, to prevent oranges
  }
  counter++;
}
</script>
</body>
</html>