Add beginEvent/endEvent listeners via the onbegin/onend attributes.

LayoutTests/svg/animations/onrepeat.svg

Index: LayoutTests/svg/animations/onrepeat.svg
diff --git a/LayoutTests/svg/animations/begin-event.svg b/LayoutTests/svg/animations/onrepeat.svg
similarity index 78%
copy from LayoutTests/svg/animations/begin-event.svg
copy to LayoutTests/svg/animations/onrepeat.svg
index bbe6e4ccdbd751a0827b8e2a8c6a0340e9dfb4cf..8f4122ff14a0946e5cf94b0773b8b59111eaf1ae 100644
--- a/LayoutTests/svg/animations/begin-event.svg
+++ b/LayoutTests/svg/animations/onrepeat.svg
@@ -2,8 +2,8 @@
 <!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="100" fill="green">
-    <animate id="anim" attributeName="visibility" to="visible" begin="0s" end="2s" fill="freeze"/>
-    <set attributeName="width" to="100" begin="anim.beginEvent" />
+    <animate id="anim" attributeName="visibility" to="visible" begin="0s" dur="1s" fill="freeze" repeatCount="2" onrepeat="document.getElementById('anim2').beginElement()"/>
+    <set id="anim2" attributeName="width" to="100" begin="indefinite" />
   </rect>
   <script>
     if (window.testRunner)