<!-- Tests support for custom events -->
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait"
     onload="sendEvent()">
  <script xlink:href="event-util.js" type="text/javascript"/>
  <script type="text/javascript">
    function sendEvent()
    {
      document.documentElement.pauseAnimations();
      document.documentElement.setCurrentTime(0);
      var evt = document.createEvent("SVGEvents");
      evt.initEvent("user.defined", false, false);
      var target = document.getElementById('rect');
      target.dispatchEvent(evt);
      delayedSnapshot(2);
    }
  </script>
  <rect width="100" height="100" fill="red" id="rect">
    <!-- SMIL allows periods to be embedded in the event name by escaping them
         with a backslash. (Otherwise the part before the period would be
         treated as an ID reference.) Test that we support that. -->
    <set attributeName="fill" attributeType="CSS" to="green"
      begin="rect.user\.defined" dur="4s"/>
  </rect>
</svg>