<!DOCTYPE html>
<html class="reftest-wait">
  <head><title>Test direction: dynamic change</title></head>
  <body>
    <p>
      math:
      <math>
        <mi>a</mi>
        <mi>b</mi>
        <mi>c</mi>
      </math>
      <math dir="ltr">
        <mi>a</mi>
        <mi>b</mi>
        <mi>c</mi>
      </math>
      <math dir="rtl">
        <mi>a</mi>
        <mi>b</mi>
        <mi>c</mi>
      </math>
    </p>

    <p>
      mstyle:
      <math>
        <mstyle>
          <mi>a</mi>
          <mi>b</mi>
          <mi>c</mi>
        </mstyle>
      </math>
      <math>
        <mstyle dir="ltr">
          <mi>a</mi>
          <mi>b</mi>
          <mi>c</mi>
        </mstyle>
      </math>
      <math>
        <mstyle dir="rtl">
          <mi>a</mi>
          <mi>b</mi>
          <mi>c</mi>
        </mstyle>
      </math>
    </p>

    <p>
      mrow:
      <math>
        <mrow>
          <mi>a</mi>
          <mi>b</mi>
          <mi>c</mi>
        </mrow>
      </math>
      <math>
        <mrow dir="ltr">
          <mi>a</mi>
          <mi>b</mi>
          <mi>c</mi>
        </mrow>
      </math>
      <math>
        <mrow dir="rtl">
          <mi>a</mi>
          <mi>b</mi>
          <mi>c</mi>
        </mrow>
      </math>
    </p>

    <script>
      function doTest()
      {
      var x = document.getElementsByTagName("math");
      x[0].setAttribute("dir", "rtl");
      x[1].setAttribute("dir", "rtl");
      x[2].removeAttribute("dir");

      x = document.getElementsByTagName("mstyle");
      x[0].setAttribute("dir", "rtl");
      x[1].setAttribute("dir", "rtl");
      x[2].removeAttribute("dir");
 
      x = document.getElementsByTagName("mrow");
      x[0].setAttribute("dir", "rtl");
      x[1].setAttribute("dir", "rtl");
      x[2].removeAttribute("dir");

      document.documentElement.removeAttribute("class");
      }
      window.addEventListener("MozReftestInvalidate", doTest, false);
    </script>

  </body>
</html>