--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/html/images/event-inheritance.svg	Mon Jul 20 13:59:56 2009 +0900
@@ -0,0 +1,93 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100%" height="100%" viewBox="0 0 960 230">
+
+  <title>DOM3 Events Interface Inheritance Diagram</title>
+  <desc>
+    Event is the base interface.
+    UIEvent, CustomEvent, and MutationEvent inherit from Event.
+    TextEvent, KeyboardEvent, and MouseEvent inherit from UIEvent.
+    MouseWheelEvent and WheelEvent inherit from MouseEvent.
+    MutationNameEvent inherits from MutationEvent.
+  </desc>
+  
+  <defs>
+    <marker id="contains" viewBox="-16 -7 18 14" refX="-2" markerWidth="9" markerHeight="7" orient="auto">
+      <path d="M-15,-5 L-5,-5 C0,-5 0,5 -5,5 L-15,5" stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black"/>
+    </marker>
+  </defs>
+  
+  
+  <text id="caption" x="480" y="30" font-size="25" fill="black" text-anchor="middle" font-family="Verdana, sans-serif" font-weight="bold" >DOM3 Events Interface Inheritance</text>
+  
+  
+  <a id="Event" transform="translate(20, 50)" xlink:href="../DOM3-Events.html#interface-Event" target="_parent">
+    <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="black" stroke="gray" stroke-width="2"/>
+    <text x="100" y="16" font-size="18" fill="white" text-anchor="middle" font-family="Verdana, sans-serif">Event</text>     
+  </a>
+  
+  <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+     d="M225,60 H255"/>
+  <a id="UIEvent" transform="translate(260, 50)" xlink:href="../DOM3-Events.html#events-Events-UIEvent" target="_parent">
+    <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="black" stroke-width="2"/>
+    <text x="100" y="16" font-size="18" fill="black" text-anchor="middle" font-family="Verdana, sans-serif">UIEvent</text>     
+  </a>
+  
+    <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+      d="M465,60 H495"/>
+    <a id="TextEvent" transform="translate(500, 50)" xlink:href="../DOM3-Events.html#events-Events-TextEvent" target="_parent">
+      <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="blue" stroke-width="2"/>
+      <text x="100" y="16" font-size="18" fill="blue" text-anchor="middle" font-family="Verdana, sans-serif">TextEvent</text>     
+    </a>
+  
+    <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+      d="M465,60 H470 Q475,60 475,65 V85 Q475,90 480,90 H495"/>
+    <a id="KeyboardEvent" transform="translate(500, 80)" xlink:href="../DOM3-Events.html#events-Events-KeyboardEvent" target="_parent">
+      <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="blue" stroke-width="2"/>
+      <text x="100" y="16" font-size="18" fill="blue" text-anchor="middle" font-family="Verdana, sans-serif">KeyboardEvent</text>     
+    </a>
+  
+    <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+      d="M465,60 H470 Q475,60 475,65 V115 Q475,120 480,120 H495"/>
+    <a id="MouseEvent" transform="translate(500, 110)" xlink:href="../DOM3-Events.html#events-Events-MouseEvent" target="_parent">
+      <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="blue" stroke-width="2"/>
+      <text x="100" y="16" font-size="18" fill="blue" text-anchor="middle" font-family="Verdana, sans-serif">MouseEvent</text>     
+    </a>
+
+      <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+        d="M705,120 H735"/>
+      <a id="MouseWheelEvent" transform="translate(740, 110)" xlink:href="../DOM3-Events.html#events-Events-MouseWheelEvent" target="_parent">
+        <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="blue" stroke-width="2"/>
+        <text x="100" y="16" font-size="18" fill="blue" text-anchor="middle" font-family="Verdana, sans-serif">MouseWheelEvent</text>     
+      </a>
+
+      <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+        d="M705,120 H710 Q715,120 715,125 V145 Q715,150 725,150 H735"/>
+      <a id="WheelEvent" transform="translate(740, 140)" xlink:href="../DOM3-Events.html#events-Events-WheelEvent" target="_parent">
+        <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="blue" stroke-width="2"/>
+        <text x="100" y="16" font-size="18" fill="blue" text-anchor="middle" font-family="Verdana, sans-serif">WheelEvent</text>     
+      </a>
+  
+    
+  <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+    d="M225,60 H230 Q235,60 235,65 V175 Q235,180 240,180 H255"/>
+  <a id="CustomEvent" transform="translate(260, 170)" xlink:href="../DOM3-Events.html#interface-CustomEvent" target="_parent">
+    <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="black" stroke-width="2"/>
+    <text x="100" y="16" font-size="18" fill="black" text-anchor="middle" font-family="Verdana, sans-serif">CustomEvent</text>     
+  </a>
+
+  <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+    d="M225,60 H230 Q235,60 235,65 V205 Q235,210 240,210 H255"/>
+  <a id="MutationEvent" transform="translate(260, 200)" xlink:href="../DOM3-Events.html#events-Events-MutationEvent" target="_parent">
+    <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="black" stroke-width="2"/>
+    <text x="100" y="16" font-size="18" fill="black" text-anchor="middle" font-family="Verdana, sans-serif">MutationEvent</text>     
+  </a>
+
+    <path stroke-linejoin="round" stroke-linecap="round" fill="none" stroke-width="2"  stroke="black" marker-end="url(#contains)"
+      d="M465,210 H495"/>
+    <a id="MutationNameEvent" transform="translate(500, 200)" xlink:href="../DOM3-Events.html#events-Events-MutationNameEvent" target="_parent">
+      <rect x="0" y="0" width="200" height="20" rx="5" ry="5" fill="gainsboro" stroke="blue" stroke-width="2"/>
+      <text x="100" y="16" font-size="18" fill="blue" text-anchor="middle" font-family="Verdana, sans-serif">MutationNameEvent</text>     
+    </a>
+  
+</svg>