[SVG] Handle repeatEvent for svg animations

LayoutTests/svg/animations/repeat-event.svg

Index: LayoutTests/svg/animations/repeat-event.svg
diff --git a/LayoutTests/svg/animations/repeat-event.svg b/LayoutTests/svg/animations/repeat-event.svg
new file mode 100755
index 0000000000000000000000000000000000000000..26ccc4c070308e48cfd02e5fb65079b23e53761f
--- /dev/null
+++ b/LayoutTests/svg/animations/repeat-event.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>

[pdr., 2013/08/31 02:28:08]

This is a good test but I wonder if you could add an additional test that the
repeat event fires multiple times?
You may be able to use additive animations to do this, where an animation begins
on anim.repeatEvent and runs twice. You may have to use JS to do this, I'm not
sure.

+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
+<svg onload="loaded()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect x="0" y="0" width="0" height="0" fill="green">
+    <animate id="anim" attributeName="width" from="0" to="100" begin="0s" dur="1s" repeatCount="2" fill="freeze"/>
+    <set attributeName="height" to="100" begin="anim.repeatEvent"/>
+  </rect>
+  <script>
+    if (window.testRunner)
+        testRunner.waitUntilDone();
+
+    function loaded() {
+        document.documentElement.setCurrentTime(2);
+
+        if (window.testRunner)
+            setTimeout(function(){testRunner.notifyDone();}, 100);
+    }
+  </script>
+</svg>