├── .gitignore
├── run_jekyll.sh
├── _includes
    ├── reference
    │   ├── pen.html
    │   ├── paper.html
    │   ├── container.html
    │   ├── editing.html
    │   ├── change.html
    │   ├── strokes.html
    │   ├── raphael-sketchpad.html
    │   ├── json.html
    │   └── animate.html
    ├── reference.html
    ├── analytics.html
    ├── header.html
    ├── how-it-works.html
    ├── how-to-use-it.html
    └── editing.html
├── stylesheets
    ├── cw15gw20cc24
    │   ├── print.css
    │   ├── ie.css
    │   └── screen.css
    └── main.css
├── README.md
├── index.html
├── javascripts
    ├── json2.min.js
    ├── json2.js
    └── raphael-2.0.1.min.js
└── src
    └── raphael.sketchpad.js


/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | 


--------------------------------------------------------------------------------
/run_jekyll.sh:
--------------------------------------------------------------------------------
1 | jekyll serve -P 5020
2 | 


--------------------------------------------------------------------------------
/_includes/reference/pen.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <h3>pen</h3>
 3 |   <p>
 4 |     Returns the pen associated with the widget.
 5 |   </p>
 6 | </div>
 7 | <div class="span-16 last">
 8 |   {% capture js %}
 9 | // The pen has various properties that you can set.
10 | var pen = editor.pen();
11 | {% endcapture %}
12 | 
13 |     <pre class="code">{{ js | strip | escape }}</pre>
14 | </div>
15 | 


--------------------------------------------------------------------------------
/_includes/reference/paper.html:
--------------------------------------------------------------------------------
 1 | <div class="span-8">
 2 |   <h3>paper</h3>
 3 |   <p>
 4 |     Returns the Raphael paper object.
 5 |   </p>
 6 | </div>
 7 | <div class="span-16 last">
 8 |   {% capture js %}
 9 | // http://raphaeljs.com describes properties of the Raphael paper object.
10 | var paper = editor.paper();
11 | {% endcapture %}
12 | 
13 |   <pre class="code">{{ js | strip | escape }}</pre>
14 | </div>
15 | 


--------------------------------------------------------------------------------
/_includes/reference/container.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <h3>container</h3>
 3 |   <p>
 4 |     Returns the HTML element containing the Raphael paper object.
 5 |   </p>
 6 | </div>
 7 | <div class="span-16 last">
 8 |   {% capture js %}
 9 | // The container is a regular HTML element.
10 | var container = editor.container();
11 | {% endcapture %}
12 | 
13 |   <pre class="code">{{ js | strip | escape }}</pre>
14 | </div>
15 | 


--------------------------------------------------------------------------------
/_includes/reference.html:
--------------------------------------------------------------------------------
 1 | <div class="reference span-24">
 2 |   <h2>Reference</h2>
 3 | 
 4 |   {% include reference/raphael-sketchpad.html %}
 5 |   {% include reference/paper.html %}
 6 |   {% include reference/container.html %}
 7 |   {% include reference/pen.html %}
 8 |   {% include reference/strokes.html %}
 9 |   {% include reference/json.html %}
10 |   {% include reference/editing.html %}
11 |   {% include reference/change.html %}
12 |   {% include reference/animate.html %}
13 | </div>
14 | 


--------------------------------------------------------------------------------
/_includes/analytics.html:
--------------------------------------------------------------------------------
 1 | <!-- Google Analytics -->
 2 | <script src='http://www.google-analytics.com/urchin.js' type='text/javascript'></script>
 3 | <script type='text/javascript'>
 4 |   _uacct = 'UA-317324-1';
 5 |   urchinTracker();
 6 | </script>
 7 | <!-- Start of StatCounter Code -->
 8 | <script type="text/javascript">
 9 |   var sc_project=6453565; 
10 |   var sc_invisible=1;
11 |   var sc_security="285089de";
12 | </script>
13 | <script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c36.statcounter.com/3249429/0/8b3a3ada/0/" alt="website statistics" /></a></div></noscript>
14 | 


--------------------------------------------------------------------------------
/_includes/reference/editing.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <h3>editing</h3>
 3 |   <p>
 4 |     Sets the editing mode of the sketchpad.
 5 |     The sketchpad has to be initialized as an editor.
 6 |     There are three modes:
 7 |   </p>
 8 |   <ul>
 9 |     <li><tt>true</tt> - drawing mode</li>
10 |     <li><tt>false</tt> - viewer mode</li>
11 |     <li><tt>erase</tt> - erase mode</li>
12 |   </ul>
13 | 
14 |   <h4>Parameters</h4>
15 |   <ol>
16 |     <li>mode <code>string</code> or <code>boolean</code></li>
17 |   </ol>
18 | </div>
19 | <div class="span-16 last">
20 |   {% capture js %}
21 | // When the sketchpad is in drawing mode.
22 | editor.editing(true);
23 | 
24 | // When the sketchpad is in viewer mode.
25 | editor.editing(false);
26 | 
27 | // When the sketchpad is in erase mode.
28 | editor.editing("erase");
29 | {% endcapture %}
30 | 
31 |   <pre class="code">{{ js | strip | escape }}</pre>
32 | </div>


--------------------------------------------------------------------------------
/_includes/reference/change.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <div class="sample">
 3 |     <div class="widget" id="change_sample"></div>
 4 |     <p style="text-align:center;">
 5 |       Draw something here.
 6 |     </p>
 7 |   </div>
 8 |   <h3>change</h3>
 9 |   <p>
10 |     Sets the function that handles the <tt>change</tt> event.
11 |     <tt>onchange</tt> events happen when
12 |   </p>
13 | 
14 |   <h4>Parameters</h4>
15 |   <ol>
16 |     <li>fn <code>function</code></li>
17 |   </ol>
18 | </div>
19 | <div class="span-16 last">
20 |   {% capture js %}
21 | // When the sketch changes, an alert shows up.
22 | editor.change(function() {
23 |   alert("Yay!");
24 | });
25 | {% endcapture %}
26 |     <pre class="code">{{ js | strip | escape }}</pre>
27 | 
28 |   <script type="text/javascript">
29 |     $(document).ready(function() {
30 |       var change_sample = Raphael.sketchpad("change_sample", {
31 |         width: 100,
32 |         height: 100,
33 |         editing: true
34 |       });
35 |       change_sample.change(function() {
36 |         alert("Yay!");
37 |       });
38 |     });
39 |   </script>
40 | </div>
41 | 


--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
 1 | <div id="hd" class="span-24">
 2 |   <div class="span-16">
 3 |     <div style="float:right;">
 4 |       by <a href="http://ianli.com">Ian Li</a>
 5 |     </div>
 6 |     <h1>Raphael SketchPad</h1>
 7 |   </div>
 8 | 
 9 |   <div class="clear span-16">
10 |     <p>
11 |       Raphael Sketchpad is a simple drawing editor that you can easily include with your forms.<br/>
12 |       It is similar to <a href="http://www.mainada.net/inputdraw">Mai'Nada.net's InputDraw</a>,
13 |       but does not require Flash.<br/>
14 |       It is built on top of the <a href="http://raphaeljs.com">Raphael</a>
15 |       Javascript vector graphics library.
16 |     </p>
17 |     <p>
18 |       Raphael Sketchpad requires these Javascript libraries:
19 |       <a href="http://raphaeljs.com/">Raphael 2.0.1</a>,
20 |       <a href="http://jquery.com/">jQuery</a>, and
21 |       <a href="http://www.json.org/js.html">JSON.stringify</a>.
22 |     </p>
23 |   </div>
24 |   <div class="span-8 last" style="text-align:center;">
25 |     <div style="margin-bottom:5px;border:2px solid #e3e3e3;border-width:0 2px 3px 0;">
26 |       <a id="download" href="javascripts/raphael.sketchpad.js">Download 0.5.1</a>
27 |     </div>
28 |     or visit the
29 |     <a href="http://github.com/ianli/raphael-sketchpad">GitHub project page</a>.
30 |   </div>
31 | </div>
32 | 


--------------------------------------------------------------------------------
/stylesheets/cw15gw20cc24/print.css:
--------------------------------------------------------------------------------
 1 | /* -----------------------------------------------------------------------
 2 | 
 3 | 
 4 |  Blueprint CSS Framework 0.8
 5 |  http://blueprintcss.org
 6 | 
 7 |    * Copyright (c) 2007-Present. See LICENSE for more info.
 8 |    * See README for instructions on how to use Blueprint.
 9 |    * For credits and origins, see AUTHORS.
10 |    * This is a compressed file. See the sources in the 'src' directory.
11 | 
12 | ----------------------------------------------------------------------- */
13 | 
14 | /* print.css */
15 | body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
16 | .container {background:none;}
17 | hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
18 | hr.space {background:#fff;color:#fff;}
19 | h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
20 | code {font:.9em "Courier New", Monaco, Courier, monospace;}
21 | img {float:left;margin:1.5em 1.5em 1.5em 0;}
22 | a img {border:none;}
23 | p img.top {margin-top:0;}
24 | blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
25 | .small {font-size:.9em;}
26 | .large {font-size:1.1em;}
27 | .quiet {color:#999;}
28 | .hide {display:none;}
29 | a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
30 | a:link:after, a:visited:after {content:" (" attr(href) ") ";font-size:90%;}


--------------------------------------------------------------------------------
/stylesheets/cw15gw20cc24/ie.css:
--------------------------------------------------------------------------------
 1 | /* -----------------------------------------------------------------------
 2 | 
 3 | 
 4 |  Blueprint CSS Framework 0.8
 5 |  http://blueprintcss.org
 6 | 
 7 |    * Copyright (c) 2007-Present. See LICENSE for more info.
 8 |    * See README for instructions on how to use Blueprint.
 9 |    * For credits and origins, see AUTHORS.
10 |    * This is a compressed file. See the sources in the 'src' directory.
11 | 
12 | ----------------------------------------------------------------------- */
13 | 
14 | /* ie.css */
15 | body {text-align:center;}
16 | .container {text-align:left;}
17 | * html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
18 | * html legend {margin:-18px -8px 16px 0;padding:0;}
19 | ol {margin-left:2em;}
20 | sup {vertical-align:text-top;}
21 | sub {vertical-align:text-bottom;}
22 | html>body p code {*white-space:normal;}
23 | hr {margin:-8px auto 11px;}
24 | .clearfix, .container {display:inline-block;}
25 | * html .clearfix, * html .container {height:1%;}
26 | fieldset {padding-top:0;}


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Raphael SketchPad Version 0.5.1
 2 | 
 3 | Raphael Sketchpad is a simple drawing editor that you can easily include with your forms.
 4 | It is similar to Mai'Nada.net's InputDraw, but does not require Flash.
 5 | It is built on top of the Raphael Javascript vector graphics library.
 6 | 
 7 | Raphael Sketchpad requires these Javascript libraries: Raphael, jQuery, and JSON.stringify.
 8 | 
 9 | http://ianli.github.io/raphael-sketchpad/
10 | 
11 | Copyright (c) 2011 Ian Li (http://ianli.com)
12 | 
13 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
14 | 
15 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 | 
17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
18 | 


--------------------------------------------------------------------------------
/_includes/reference/strokes.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <div class="sample">
 3 |     <div class="widget" id="strokes_sample"></div>
 4 |   </div>
 5 |   <h3>strokes</h3>
 6 |   <p>
 7 |     Sets the strokes in the widget.
 8 |     If the <tt>json</tt> parameter is not provided,
 9 |     returns an array of strokes.
10 |   </p>
11 | 
12 |   <h4>Parameters</h4>
13 |   <ol>
14 |     <li>strokes <code>array</code></li>
15 |   </ol>
16 | </div>
17 | <div class="span-16 last">
18 |   {% capture js %}
19 | // The viewer shows a black diagonal path.
20 | // path parameter can be array or SVG path format, e.g., "M10,10L90,90".
21 | viewer.strokes([{
22 |   "type":"path",
23 |   "path":[["M",10,10],["L",90,90]],
24 |   "fill":"none",
25 |   "stroke":"#000000",
26 |   "stroke-opacity":1,
27 |   "stroke-width":5,
28 |   "stroke-linecap":"round",
29 |   "stroke-linejoin":"round"
30 | }]);
31 | 
32 | // Returns an array of strokes.
33 | var strokes = viewer.strokes();
34 | {% endcapture %}
35 |   <pre class="code">{{ js | strip | escape }}</pre>
36 | 
37 |   <script type="text/javascript">
38 |     $(document).ready(function() {
39 |       var strokes_sample = Raphael.sketchpad("strokes_sample", {
40 |         width: 100,
41 |         height: 100,
42 |         editing: false
43 |       });
44 |       strokes_sample.strokes([{
45 |         "type":"path",
46 |         "path":[["M",10,10],["L",90,90]],
47 |         "fill":"none",
48 |         "stroke":"#000000",
49 |         "stroke-opacity":1,
50 |         "stroke-width":5,
51 |         "stroke-linecap":"round",
52 |         "stroke-linejoin":"round"
53 |       }]);
54 |     });
55 |   </script>
56 | </div>
57 | 


--------------------------------------------------------------------------------
/_includes/reference/raphael-sketchpad.html:
--------------------------------------------------------------------------------
 1 | <div class="span-8">
 2 |   <h3>Raphael.sketchpad</h3>
 3 |   <p>
 4 |     Creates a Raphael SketchPad widget.
 5 |   </p>
 6 | 
 7 |   <h4>Parameters</h4>
 8 |   <ol>
 9 |     <li>container <code>Raphael</code> or <code>string</code></li>
10 |     <li>options <code>object</code></li>
11 |   </ol>
12 | 
13 |   <h4>Possible options attributes</h4>
14 |   <ul>
15 |     <li>width <code>number</code> (100)</li>
16 |     <li>height <code>number</code> (100)</li>
17 |     <li>input <code>string</code> (null)</li>
18 |     <li>strokes <code>array</code> (empty array)</li>
19 |     <li>update_input <code>boolean</code> (false)</li>
20 |   </ul>
21 | </div>
22 | <div class="span-16 last">
23 |   {% capture js %}
24 | // Each of the examples creates a widget that is 100px wide and 100px high.
25 | 
26 | // Creates an editor at the top left corner of the #editor element.
27 | // The editor is initialized with strokes from the #data form field.
28 | // Sketches are stored in the #data form field.
29 | var editor = Raphael.sketchpad("editor", {
30 |   width: 100,
31 |   height: 100,
32 |   input: "#data"
33 | });
34 | 
35 | // Creates a viewer at the top left corner of the #viewer element
36 | // initialized with the stroke data.
37 | var viewer = Raphael.sketchpad("viewer", {
38 |   width: 100,
39 |   height: 100,
40 |   strokes: [{
41 |     type:"path",
42 |     path:[["M",10,10],["L",90,90]],
43 |     fill:"none", "stroke":"#000000",
44 |     stroke-opacity:1,
45 |     stroke-width:5,
46 |     stroke-linecap:"round",
47 |     stroke-linejoin:"round"
48 |   }]
49 | });
50 | {% endcapture %}
51 | 
52 |   <pre class="code">{{ js | strip | escape }}</pre>
53 | </div>
54 | 


--------------------------------------------------------------------------------
/stylesheets/main.css:
--------------------------------------------------------------------------------
 1 | html, body {
 2 |   background:#fff;
 3 | }
 4 | a,
 5 | a:hover,
 6 | a:visited {
 7 |   color:#1D72C2;
 8 | }
 9 | #hd {
10 |   margin-top:40px;
11 | }
12 |   #hd h1 {
13 |     font-weight:bold;
14 |     letter-spacing:-0.05em;
15 |   }
16 |   #hd a#download {
17 |     display:block;
18 |     padding:5px;
19 |     font-size:24px;
20 |     font-weight:bold;
21 |     text-align:center;
22 |     text-decoration:none;
23 |     background-color:#D4ECFF;
24 |     border:1px solid #57B6FF;
25 |   }
26 | #bd {
27 |   margin-bottom:40px;
28 | }
29 |   #bd h2,
30 |   #bd h3 {
31 |     font-weight:bold;
32 |     letter-spacing:-0.05em;
33 |   }
34 | 
35 |   #bd pre.code {
36 |     margin-top:0;
37 |     padding:5px;
38 |     background-color:#eee;
39 |   }
40 |   #bd .sample {
41 |     float:right;
42 |     margin-left:10px;
43 |   }
44 |   #bd div.widget {
45 |     background-color:#ffc;
46 |     border:1px solid #ccc;
47 |   }
48 |   /* Reference section */
49 |   #bd .reference code {
50 |     margin:0 10px;
51 |   }
52 | 
53 |   .widget_actions div {
54 |     cursor:pointer;
55 |     margin:4px 0 0;
56 |     color:#1D72C2;
57 |     background-color:#D4ECFF;
58 |     border:1px solid #57B6FF;
59 |     text-align:center;
60 |     text-decoration:none;
61 |   }
62 |     .widget_actions div.disabled {
63 |       text-decoration:none;
64 |       color:#666;
65 |       background-color:#eee;
66 |       border:1px solid #ccc;
67 |     }
68 |     .widget_actions div.selected {
69 |       font-weight:bold;
70 |     }
71 |     .widget_actions div._title {
72 |       cursor:default;
73 |       color:#666;
74 |       background-color:transparent;
75 |       border-color:transparent;
76 |     }
77 | 


--------------------------------------------------------------------------------
/_includes/how-it-works.html:
--------------------------------------------------------------------------------
 1 | <h2 class="clear">How It Works</h2>
 2 | 
 3 | <div class="span-8">
 4 |   <h3>Editor</h3>
 5 |   <p>
 6 |     Draw a sketch below.
 7 |   </p>
 8 |   <div style="height:260px;" class="widget">
 9 |     <div id="sketchpad_editor"></div>
10 |   </div>
11 | </div>
12 | 
13 | <div class="span-8">
14 |   <h3>Result</h3>
15 |   <p>
16 |     The sketch is stored as JSON in an input field.
17 |   </p>
18 |   <form action="" method="post" onsubmit="return false;">
19 |     <textarea id="input1" name="input1" style="margin:0;width:250px;height:250px;"></textarea>
20 |   </form>
21 | </div>
22 | 
23 | <div class="span-8 last">
24 |   <h3>Viewer</h3>
25 |   <p>
26 |     <a href="javascript:void(0);" id="update_sketchpad_viewer">Click</a>
27 |     to display the JSON data in the viewer.
28 |   </p>
29 |   <div style="height:260px;" class="widget">
30 |     <div id="sketchpad_viewer"></div>
31 |   </div>
32 | </div>
33 | 
34 | <script type="text/javascript">
35 |   $(document).ready(function() {
36 |     var strokes = [];
37 | 
38 |     var sketchpad_editor = Raphael.sketchpad("sketchpad_editor", {
39 |       width: 260,
40 |       height: 260,
41 |       editing: true,  // true is default
42 |       strokes: strokes
43 |     });
44 |     sketchpad_editor.change(function() {
45 |       $("#input1").val(sketchpad_editor.json());
46 |     });
47 | 
48 |     var sketchpad_viewer = Raphael.sketchpad("sketchpad_viewer", {
49 |       width: 260,
50 |       height: 260,
51 |       editing: false
52 |     });
53 | 
54 |     $("#update_sketchpad_viewer").click(function() {
55 |       sketchpad_viewer.json($('#input1').val());
56 |     });
57 |   });
58 | </script>
59 | 
60 | <hr class="space" />
61 | 


--------------------------------------------------------------------------------
/_includes/reference/json.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <div class="sample">
 3 |     <div class="widget" id="json_sample"></div>
 4 |   </div>
 5 |   <h3>json</h3>
 6 |   <p>
 7 |     Sets the strokes in the widget.
 8 |     If the <tt>json</tt> parameter is not provided,
 9 |     returns a JSON representation of the strokes.
10 |   </p>
11 | 
12 |   <h4>Parameters</h4>
13 |   <ol>
14 |     <li>json <code>string</code></li>
15 |   </ol>
16 | </div>
17 | <div class="span-16 last">
18 |   {% capture js %}
19 | // The viewer shows a black diagonal path.
20 | // path parameter can be array or SVG path format, e.g., "M10,10L90,90".
21 | viewer.json('[{' +
22 |   '"type":"path",' +
23 |   '"path":[["M",10,10],["L",90,90]],' +
24 |   '"fill":"none", "stroke":"#000000",' +
25 |   '"stroke-opacity":1,' +
26 |   '"stroke-width":5,' +
27 |   '"stroke-linecap":"round",' +
28 |   '"stroke-linejoin":"round"' +
29 |   '}]'
30 | );
31 | 
32 | // Returns the JSON representation of the strokes.
33 | var json = viewer.json();
34 | {% endcapture %}
35 |     <pre class="code">{{ js | strip | escape }}</pre>
36 | 
37 |   <script type="text/javascript">
38 |     $(document).ready(function() {
39 |       var json_sample = Raphael.sketchpad("json_sample", {
40 |         width: 100,
41 |         height: 100,
42 |         editing: false
43 |       });
44 |       json_sample.json('[{' +
45 |         '"type":"path",' +
46 |         '"path":[["M",10,10],["L",90,90]],' +
47 |         '"fill":"none", "stroke":"#000000",' +
48 |         '"stroke-opacity":1,' +
49 |         '"stroke-width":5,' +
50 |         '"stroke-linecap":"round",' +
51 |         '"stroke-linejoin":"round"' +
52 |         '}]'
53 |       );
54 |     });
55 |   </script>
56 | </div>
57 | 


--------------------------------------------------------------------------------
/_includes/reference/animate.html:
--------------------------------------------------------------------------------
 1 | <div class="clear span-8">
 2 |   <div class="sample" style="text-align:center">
 3 |     <div class="widget" id="animate_sample"></div>
 4 |     <div class="widget_actions">
 5 |       <div onclick="animate_sample.animate();">Animate!</div>
 6 |     </div>
 7 |   </div>
 8 |   <h3>animate</h3>
 9 |   <p>
10 |     Animates the strokes in the widget.
11 | 
12 |   </p>
13 | 
14 |   <h4>Parameters</h4>
15 |   <ol>
16 |     <li>ms <code>number</code></li>
17 |   </ol>
18 | </div>
19 | <div class="span-16 last">
20 |   {% capture js %}
21 | // Animates with 1 second (1000 ms) delay between frames.
22 | viewer.animate(1000);
23 | 
24 | // If no parameter is provided, delay is 500 ms (default).
25 | viewer.animate();
26 | {% endcapture %}
27 |   <pre class="code">{{ js | strip | escape }}</pre>
28 | 
29 |   <script type="text/javascript">
30 |     var animate_sample;
31 |     $(document).ready(function() {
32 |       var strokes = [];
33 |       var base_stroke = {
34 |         "type":"path",
35 |         "fill":"none",
36 |         "stroke":"#000000",
37 |         "stroke-opacity":1,
38 |         "stroke-width":5,
39 |         "stroke-linecap":"round",
40 |         "stroke-linejoin":"round"
41 |       };
42 | 
43 |       function copy(path) {
44 |         strokes.push(jQuery.extend(true, {}, base_stroke, { path: path }));
45 |       }
46 | 
47 |       copy([["M",10,10],["L",90,90]]);
48 |       copy([["M",90,10],["L",10,90]]);
49 |       copy([["M",10,10],["L",10,90]]);
50 |       copy([["M",10,10],["L",90,10]]);
51 |       copy([["M",90,10],["L",90,90]]);
52 |       copy([["M",10,90],["L",90,90]]);
53 | 
54 |       animate_sample = Raphael.sketchpad("animate_sample", {
55 |         width: 100,
56 |         height: 100,
57 |         strokes: strokes,
58 |         editing: false
59 |       });
60 |     });
61 |   </script>
62 | </div>
63 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | # Front matter so that Jekyll processes the file
 3 | ---
 4 | <!DOCTYPE html>
 5 | <html lang="en">
 6 | <head>
 7 |   <title>Raphael SketchPad</title>
 8 | 
 9 |   <meta charset="UTF-8"/>
10 |   <meta http-equiv="content-language" content="en">
11 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
12 | 
13 |   <!-- Blueprint CSS -->
14 |   <link rel="stylesheet" href="stylesheets/cw15gw20cc24/screen.css" type="text/css" media="screen, projection">
15 |   <link rel="stylesheet" href="stylesheets/cw15gw20cc24/print.css" type="text/css" media="print">
16 |   <!--[if IE]><link rel="stylesheet" href="stylesheets/cw15gw20cc24/ie.css" type="text/css" media="screen, projection"><![endif]-->
17 | 
18 |   <link rel="stylesheet" href="stylesheets/main.css">
19 | 
20 |   <!-- Javascripts -->
21 |   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
22 |   <script type="text/javascript" src="javascripts/raphael-2.0.1.js"></script>
23 |   <script type="text/javascript" src="javascripts/json2.min.js"></script>
24 |   <script type="text/javascript" src="src/raphael.sketchpad.js"></script>
25 | </head>
26 | <body>
27 | 
28 | <div class="container">
29 |   {% include header.html %}
30 | 
31 |   <!--==================== Body ====================-->
32 |   <div id="bd" class="span-24">
33 | 
34 |     {% include how-it-works.html %}
35 | 
36 |     {% include how-to-use-it.html %}
37 | 
38 |     {% include reference.html %}
39 | 
40 |     {% include editing.html %}
41 | 
42 |   </div>
43 | 
44 |   <!--==================== Footer ====================-->
45 |   <div id="ft" class="span-24">
46 |     &copy; 2011 Raphael SketchPad by
47 |     <a href="http://ianli.com">Ian Li</a>.
48 |     <a href="http://www.opensource.org/licenses/mit-license.php">Licensed under the MIT license.</a>
49 |   </div>
50 | 
51 | </div>
52 | 
53 | {% include analytics.html %}
54 | 
55 | </body>
56 | </html>
57 | 


--------------------------------------------------------------------------------
/_includes/how-to-use-it.html:
--------------------------------------------------------------------------------
 1 | <h2>How to Use It</h2>
 2 | 
 3 | <div class="span-8">
 4 |   <ol>
 5 |     <li>Include necessary javascript library files.</li>
 6 |   </ol>
 7 | </div>
 8 | 
 9 | <div class="span-16 last">
10 |   {% capture html %}
11 | <script type="text/javascript" src="jquery.min.js"></script>
12 | <script type="text/javascript" src="raphael.min.js"></script>
13 | <script type="text/javascript" src="json2.min.js"></script>
14 | <script type="text/javascript" src="raphael.sketchpad.js"></script>
15 | {% endcapture %}
16 | 
17 |   <pre class="code">{{ html | strip | escape }}</pre>
18 | </div>
19 | 
20 | <div class="span-8">
21 |   <ol start="2">
22 |     <li>
23 |       To create <b>an editor</b>,
24 |       put a div with an id where you want the editor.
25 |       Add a form with a hidden input field with a different id.
26 |       Set the editing option to <tt>true</tt> (This is the default setting).
27 |     </li>
28 |   </ol>
29 | </div>
30 | 
31 | <div class="span-16 last">
32 |       {% capture html %}
33 | <div id="editor"></div>
34 | 
35 | <form action="save.php" method="post">
36 |   <input type="hidden" name="data" />
37 |   <input type="submit" value="Save" />
38 | </form>
39 | 
40 | <script type="text/javascript">
41 |   var sketchpad = Raphael.sketchpad("editor", {
42 |     width: 400,
43 |     height: 400,
44 |     editing: true
45 |   });
46 | 
47 |   // When the sketchpad changes, update the input field.
48 |   sketchpad.change(function() {
49 |     $("#data").val(sketchpad.json());
50 |   });
51 | </script>
52 | {% endcapture %}
53 | 
54 |   <pre class="code">{{ html | strip | escape }}</pre>
55 | </div>
56 | 
57 | <div class="span-8">
58 |   <ol start="3">
59 |     <li>
60 |       To create <b>a viewer</b>,
61 |       put a div with an id where you want the viewer.
62 |       Set <code>strokes</code> with an array of strokes.
63 |       Set the editing option to <tt>false</tt>.
64 |     </li>
65 |   </ol>
66 | </div>
67 | 
68 | <div class="span-16 last">
69 |   {% capture html %}
70 | <div id="viewer"></div>
71 | 
72 | <script type="text/javascript">
73 |   var strokes = [{
74 |     type:"path",
75 |     path:[["M",10,10],["L",390,390]],
76 |     fill:"none", "stroke":"#000000",
77 |     stroke-opacity:1,
78 |     stroke-width:5,
79 |     stroke-linecap:"round",
80 |     stroke-linejoin:"round"
81 |   }];
82 |   var sketchpad = Raphael.sketchpad("viewer", {
83 |     width: 400,
84 |     height: 400,
85 |     strokes: strokes,
86 |     editing: false
87 |   });
88 | </script>
89 | {% endcapture %}
90 | 
91 |   <pre class="code">{{ html | strip | escape }}</pre>
92 | </div>
93 | 
94 | <hr class="space" />
95 | 


--------------------------------------------------------------------------------
/javascripts/json2.min.js:
--------------------------------------------------------------------------------
 1 | if(!this.JSON){this.JSON={};}
 2 | (function(){function f(n){return n<10?'0'+n:n;}
 3 | if(typeof Date.prototype.toJSON!=='function'){Date.prototype.toJSON=function(key){return isFinite(this.valueOf())?this.getUTCFullYear()+'-'+
 4 | f(this.getUTCMonth()+1)+'-'+
 5 | f(this.getUTCDate())+'T'+
 6 | f(this.getUTCHours())+':'+
 7 | f(this.getUTCMinutes())+':'+
 8 | f(this.getUTCSeconds())+'Z':null;};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(key){return this.valueOf();};}
 9 | var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},rep;function quote(string){escapable.lastIndex=0;return escapable.test(string)?'"'+string.replace(escapable,function(a){var c=meta[a];return typeof c==='string'?c:'\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4);})+'"':'"'+string+'"';}
10 | function str(key,holder){var i,k,v,length,mind=gap,partial,value=holder[key];if(value&&typeof value==='object'&&typeof value.toJSON==='function'){value=value.toJSON(key);}
11 | if(typeof rep==='function'){value=rep.call(holder,key,value);}
12 | switch(typeof value){case'string':return quote(value);case'number':return isFinite(value)?String(value):'null';case'boolean':case'null':return String(value);case'object':if(!value){return'null';}
13 | gap+=indent;partial=[];if(Object.prototype.toString.apply(value)==='[object Array]'){length=value.length;for(i=0;i<length;i+=1){partial[i]=str(i,value)||'null';}
14 | v=partial.length===0?'[]':gap?'[\n'+gap+
15 | partial.join(',\n'+gap)+'\n'+
16 | mind+']':'['+partial.join(',')+']';gap=mind;return v;}
17 | if(rep&&typeof rep==='object'){length=rep.length;for(i=0;i<length;i+=1){k=rep[i];if(typeof k==='string'){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v);}}}}else{for(k in value){if(Object.hasOwnProperty.call(value,k)){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v);}}}}
18 | v=partial.length===0?'{}':gap?'{\n'+gap+partial.join(',\n'+gap)+'\n'+
19 | mind+'}':'{'+partial.join(',')+'}';gap=mind;return v;}}
20 | if(typeof JSON.stringify!=='function'){JSON.stringify=function(value,replacer,space){var i;gap='';indent='';if(typeof space==='number'){for(i=0;i<space;i+=1){indent+=' ';}}else if(typeof space==='string'){indent=space;}
21 | rep=replacer;if(replacer&&typeof replacer!=='function'&&(typeof replacer!=='object'||typeof replacer.length!=='number')){throw new Error('JSON.stringify');}
22 | return str('',{'':value});};}
23 | if(typeof JSON.parse!=='function'){JSON.parse=function(text,reviver){var j;function walk(holder,key){var k,v,value=holder[key];if(value&&typeof value==='object'){for(k in value){if(Object.hasOwnProperty.call(value,k)){v=walk(value,k);if(v!==undefined){value[k]=v;}else{delete value[k];}}}}
24 | return reviver.call(holder,key,value);}
25 | text=String(text);cx.lastIndex=0;if(cx.test(text)){text=text.replace(cx,function(a){return'\\u'+
26 | ('0000'+a.charCodeAt(0).toString(16)).slice(-4);});}
27 | if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,''))){j=eval('('+text+')');return typeof reviver==='function'?walk({'':j},''):j;}
28 | throw new SyntaxError('JSON.parse');};}}());


--------------------------------------------------------------------------------
/_includes/editing.html:
--------------------------------------------------------------------------------
  1 | <div class="reference span-24">
  2 |   <h2>Editing Actions and Pen Properties</h2>
  3 | 
  4 |   <div class="span-8">
  5 |     {% capture editor_js %}
  6 | <div id="editor" class="widget" style="height:260px;"></div>
  7 | <input type="hidden" id="data2" name="data2" />
  8 | 
  9 | <div class="clear widget_actions span-2">
 10 |   <div class="_title">Color</div>
 11 |   <div id="editor_black" class="selected">Black</div>
 12 |   <div id="editor_red">Red</div>
 13 | </div>
 14 | <div class="widget_actions span-2">
 15 |   <div class="_title">Width</div>
 16 |   <div id="editor_thin" class="selected">Thin</div>
 17 |   <div id="editor_thick">Thick</div>
 18 | </div>
 19 | <div class="widget_actions span-2">
 20 |   <div class="_title">Opacity</div>
 21 |   <div id="editor_solid" class="selected">Solid</div>
 22 |   <div id="editor_fuzzy">Fuzzy</div>
 23 | </div>
 24 | <div class="widget_actions span-2 last">
 25 |   <div id="editor_undo" class="disabled">Undo</div>
 26 |   <div id="editor_redo" class="disabled">Redo</div>
 27 |   <div id="editor_clear" class="disabled">Clear</div>
 28 | </div>
 29 | <div class="clear"></div>
 30 | <div class="widget_actions span-4">
 31 |   <div id="editor_draw_erase">Draw</div>
 32 | </div>
 33 | <div class="widget_actions span-4 last">
 34 |   <div id="editor_animate">Animate!</div>
 35 | </div>
 36 | 
 37 | <script type="text/javascript">
 38 |   $(document).ready(function() {
 39 |     var sketchpad = Raphael.sketchpad("editor", {
 40 |       height: 260,
 41 |       width: 260,
 42 |       editing: true // true is default
 43 |     });
 44 | 
 45 |     // When the sketchpad changes, update the input field.
 46 |     sketchpad.change(function() {
 47 |       $("#data2").val(sketchpad.json());
 48 |     });
 49 | 
 50 |     sketchpad.strokes([{
 51 |       "type":"path",
 52 |       "path":[["M",10,10],["L",90,90]],
 53 |       "fill":"none",
 54 |       "stroke":"#000000",
 55 |       "stroke-opacity":1,
 56 |       "stroke-width":5,
 57 |       "stroke-linecap":"round",
 58 |       "stroke-linejoin":"round"
 59 |     }]);
 60 | 
 61 |     function enable(element, enable) {
 62 |       if (enable) {
 63 |         $(element).removeClass("disabled");
 64 |       } else {
 65 |         $(element).addClass("disabled");
 66 |       }
 67 |     };
 68 | 
 69 |     function select(element1, element2) {
 70 |       $(element1).addClass("selected");
 71 |       $(element2).removeClass("selected");
 72 |     }
 73 | 
 74 |     $("#editor_undo").click(function() {
 75 |       sketchpad.undo();
 76 |     });
 77 |     $("#editor_redo").click(function() {
 78 |       sketchpad.redo();
 79 |     });
 80 |     $("#editor_clear").click(function() {
 81 |       sketchpad.clear();
 82 |     });
 83 |     $("#editor_animate").click(function() {
 84 |       sketchpad.animate();
 85 |     });
 86 | 
 87 |     $("#editor_thin").click(function() {
 88 |       select("#editor_thin", "#editor_thick");
 89 |       sketchpad.pen().width(5);
 90 |     });
 91 |     $("#editor_thick").click(function() {
 92 |       select("#editor_thick", "#editor_thin");
 93 |       sketchpad.pen().width(15);
 94 |     });
 95 |     $("#editor_solid").click(function() {
 96 |       select("#editor_solid", "#editor_fuzzy");
 97 |       sketchpad.pen().opacity(1);
 98 |     });
 99 |     $("#editor_fuzzy").click(function() {
100 |       select("#editor_fuzzy", "#editor_solid");
101 |       sketchpad.pen().opacity(0.3);
102 |     });
103 |     $("#editor_black").click(function() {
104 |       select("#editor_black", "#editor_red");
105 |       sketchpad.pen().color("#000");
106 |     });
107 |     $("#editor_red").click(function() {
108 |       select("#editor_red", "#editor_black");
109 |       sketchpad.pen().color("#f00");
110 |     });
111 |     $("#editor_draw_erase").toggle(function() {
112 |       $(this).text("Erase");
113 |       sketchpad.editing("erase");
114 |     }, function() {
115 |       $(this).text("Draw");
116 |       sketchpad.editing(true);
117 |     });
118 | 
119 |     function update_actions() {
120 |       enable("#editor_undo", sketchpad.undoable());
121 |       enable("#editor_redo", sketchpad.redoable());
122 |       enable("#editor_clear", sketchpad.strokes().length > 0);
123 |     }
124 | 
125 |     sketchpad.change(update_actions);
126 | 
127 |     update_actions();
128 |   });
129 | </script>
130 | {% endcapture %}
131 | 
132 |       {{ editor_js }}
133 |   </div>
134 | 
135 |   <div class="span-8">
136 |     <h3>Editing Actions</h3>
137 | 
138 |     <p>
139 |       The editor supports various editing actions.
140 |     </p>
141 | 
142 |     <div class="span-2">
143 |       <h4>clear</h4>
144 |     </div>
145 |     <div class="span-6 last">
146 |       {% capture js %}
147 | // Clear the editor.
148 | editor.clear();
149 | {% endcapture %}
150 | 
151 |       <pre class="code">{{ js | strip | escape }}</pre>
152 |   </div>
153 | 
154 |   <div class="span-2">
155 |     <h4>undo</h4>
156 |   </div>
157 |   <div class="span-6 last">
158 |     {% capture js %}
159 | // Undo the last stroke.
160 | editor.undo();
161 | {% endcapture %}
162 | 
163 |     <pre class="code">{{ js | strip | escape }}</pre>
164 |   </div>
165 | 
166 |   <div class="span-2">
167 |     <h4>undoable</h4>
168 |   </div>
169 |   <div class="span-6 last">
170 |     {% capture js %}
171 | // True if can undo.
172 | editor.undoable();
173 | {% endcapture %}
174 | 
175 |     <pre class="code">{{ js | strip | escape }}</pre>
176 |   </div>
177 | 
178 |   <div class="span-2">
179 |     <h4>redo</h4>
180 |   </div>
181 |   <div class="span-6 last">
182 |     {% capture js %}
183 | // Redo the undone stroke.
184 | editor.redo();
185 | {% endcapture %}
186 | 
187 |     <pre class="code">{{ js | strip | escape }}</pre>
188 |   </div>
189 | 
190 |   <div class="span-2">
191 |     <h4>redoable</h4>
192 |   </div>
193 |   <div class="span-6 last">
194 |     {% capture js %}
195 | // True if can redo.
196 | editor.redoable();
197 | {% endcapture %}
198 | 
199 |         <pre class="code">{{ js | strip | escape }}</pre>
200 |     </div>
201 |   </div>
202 | 
203 |   <div class="span-8 last">
204 |     <h3>Pen Properties</h3>
205 | 
206 |     <p>
207 |       The pen has various properties that you can set.
208 |     </p>
209 | 
210 |     <div class="span-2">
211 |       <h4>color</h4>
212 |     </div>
213 |     <div class="span-6 last">
214 |       {% capture js %}
215 | // #ff0000 or #f00
216 | pen.color("#ff0000");
217 | {% endcapture %}
218 | 
219 |       <pre class="code">{{ js | strip | escape }}</pre>
220 |     </div>
221 | 
222 |     <div class="span-2">
223 |       <h4>width</h4>
224 |     </div>
225 |     <div class="span-6 last">
226 |       {% capture js %}
227 |   // min = 1, max = 1000
228 |   pen.width(10);
229 |   {% endcapture %}
230 | 
231 |       <pre class="code">{{ js | strip | escape }}</pre>
232 |     </div>
233 | 
234 |     <div class="span-2">
235 |       <h4>opacity</h4>
236 |     </div>
237 |     <div class="span-6 last">
238 |       {% capture js %}
239 |   // min = 0, max = 1.0
240 |   pen.opacity(10);
241 |   {% endcapture %}
242 | 
243 |       <pre class="code">{{ js | strip | escape }}</pre>
244 |     </div>
245 |   </div>
246 | 
247 |   <div class="span-24">
248 |     <a href="javascript:void(0);" onclick="$(this).next('pre.code').toggle();">Show source</a>
249 |     <pre class="code"
250 |         style="display:none">{{ editor_js | strip | escape }}</pre>
251 |   </div>
252 | 
253 |   <hr class="space">
254 | </div>
255 | 


--------------------------------------------------------------------------------
/stylesheets/cw15gw20cc24/screen.css:
--------------------------------------------------------------------------------
  1 | /* -----------------------------------------------------------------------
  2 | 
  3 | 
  4 |  Blueprint CSS Framework 0.8
  5 |  http://blueprintcss.org
  6 | 
  7 |    * Copyright (c) 2007-Present. See LICENSE for more info.
  8 |    * See README for instructions on how to use Blueprint.
  9 |    * For credits and origins, see AUTHORS.
 10 |    * This is a compressed file. See the sources in the 'src' directory.
 11 | 
 12 | ----------------------------------------------------------------------- */
 13 | 
 14 | /* reset.css */
 15 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
 16 | body {line-height:1.5;}
 17 | table {border-collapse:separate;border-spacing:0;}
 18 | caption, th, td {text-align:left;font-weight:normal;}
 19 | table, td, th {vertical-align:middle;}
 20 | blockquote:before, blockquote:after, q:before, q:after {content:"";}
 21 | blockquote, q {quotes:"" "";}
 22 | a img {border:none;}
 23 | 
 24 | /* typography.css */
 25 | body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
 26 | h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
 27 | h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
 28 | h2 {font-size:2em;margin-bottom:0.75em;}
 29 | h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
 30 | h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
 31 | h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
 32 | h6 {font-size:1em;font-weight:bold;}
 33 | h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
 34 | p {margin:0 0 1.5em;}
 35 | p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
 36 | p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
 37 | a:focus, a:hover {color:#000;}
 38 | a {color:#009;text-decoration:underline;}
 39 | blockquote {margin:1.5em;color:#666;font-style:italic;}
 40 | strong {font-weight:bold;}
 41 | em, dfn {font-style:italic;}
 42 | dfn {font-weight:bold;}
 43 | sup, sub {line-height:0;}
 44 | abbr, acronym {border-bottom:1px dotted #666;}
 45 | address {margin:0 0 1.5em;font-style:italic;}
 46 | del {color:#666;}
 47 | pre {margin:1.5em 0;white-space:pre;}
 48 | pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
 49 | li ul, li ol {margin:0 1.5em;}
 50 | ul, ol {margin:0 1.5em 1.5em 1.5em;}
 51 | ul {list-style-type:disc;}
 52 | ol {list-style-type:decimal;}
 53 | dl {margin:0 0 1.5em 0;}
 54 | dl dt {font-weight:bold;}
 55 | dd {margin-left:1.5em;}
 56 | table {margin-bottom:1.4em;width:100%;}
 57 | th {font-weight:bold;}
 58 | thead th {background:#c3d9ff;}
 59 | th, td, caption {padding:4px 10px 4px 5px;}
 60 | tr.even td {background:#e5ecf9;}
 61 | tfoot {font-style:italic;}
 62 | caption {background:#eee;}
 63 | .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
 64 | .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
 65 | .hide {display:none;}
 66 | .quiet {color:#666;}
 67 | .loud {color:#000;}
 68 | .highlight {background:#ff0;}
 69 | .added {background:#060;color:#fff;}
 70 | .removed {background:#900;color:#fff;}
 71 | .first {margin-left:0;padding-left:0;}
 72 | .last {margin-right:0;padding-right:0;}
 73 | .top {margin-top:0;padding-top:0;}
 74 | .bottom {margin-bottom:0;padding-bottom:0;}
 75 | 
 76 | /* grid.css */
 77 | .container {width:820px;margin:0 auto;}
 78 | .showgrid {background:url(src/grid.png);}
 79 | .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:20px;}
 80 | .last, div.last {margin-right:0;}
 81 | .span-1 {width:15px;}
 82 | .span-2 {width:50px;}
 83 | .span-3 {width:85px;}
 84 | .span-4 {width:120px;}
 85 | .span-5 {width:155px;}
 86 | .span-6 {width:190px;}
 87 | .span-7 {width:225px;}
 88 | .span-8 {width:260px;}
 89 | .span-9 {width:295px;}
 90 | .span-10 {width:330px;}
 91 | .span-11 {width:365px;}
 92 | .span-12 {width:400px;}
 93 | .span-13 {width:435px;}
 94 | .span-14 {width:470px;}
 95 | .span-15 {width:505px;}
 96 | .span-16 {width:540px;}
 97 | .span-17 {width:575px;}
 98 | .span-18 {width:610px;}
 99 | .span-19 {width:645px;}
100 | .span-20 {width:680px;}
101 | .span-21 {width:715px;}
102 | .span-22 {width:750px;}
103 | .span-23 {width:785px;}
104 | .span-24, div.span-24 {width:820px;margin:0;}
105 | input.span-1, textarea.span-1, select.span-1 {width:15px!important;}
106 | input.span-2, textarea.span-2, select.span-2 {width:20px!important;}
107 | input.span-3, textarea.span-3, select.span-3 {width:55px!important;}
108 | input.span-4, textarea.span-4, select.span-4 {width:90px!important;}
109 | input.span-5, textarea.span-5, select.span-5 {width:125px!important;}
110 | input.span-6, textarea.span-6, select.span-6 {width:160px!important;}
111 | input.span-7, textarea.span-7, select.span-7 {width:195px!important;}
112 | input.span-8, textarea.span-8, select.span-8 {width:230px!important;}
113 | input.span-9, textarea.span-9, select.span-9 {width:265px!important;}
114 | input.span-10, textarea.span-10, select.span-10 {width:300px!important;}
115 | input.span-11, textarea.span-11, select.span-11 {width:335px!important;}
116 | input.span-12, textarea.span-12, select.span-12 {width:370px!important;}
117 | input.span-13, textarea.span-13, select.span-13 {width:405px!important;}
118 | input.span-14, textarea.span-14, select.span-14 {width:440px!important;}
119 | input.span-15, textarea.span-15, select.span-15 {width:475px!important;}
120 | input.span-16, textarea.span-16, select.span-16 {width:510px!important;}
121 | input.span-17, textarea.span-17, select.span-17 {width:545px!important;}
122 | input.span-18, textarea.span-18, select.span-18 {width:580px!important;}
123 | input.span-19, textarea.span-19, select.span-19 {width:615px!important;}
124 | input.span-20, textarea.span-20, select.span-20 {width:650px!important;}
125 | input.span-21, textarea.span-21, select.span-21 {width:685px!important;}
126 | input.span-22, textarea.span-22, select.span-22 {width:720px!important;}
127 | input.span-23, textarea.span-23, select.span-23 {width:755px!important;}
128 | input.span-24, textarea.span-24, select.span-24 {width:810px!important;}
129 | .append-1 {padding-right:35px;}
130 | .append-2 {padding-right:70px;}
131 | .append-3 {padding-right:105px;}
132 | .append-4 {padding-right:140px;}
133 | .append-5 {padding-right:175px;}
134 | .append-6 {padding-right:210px;}
135 | .append-7 {padding-right:245px;}
136 | .append-8 {padding-right:280px;}
137 | .append-9 {padding-right:315px;}
138 | .append-10 {padding-right:350px;}
139 | .append-11 {padding-right:385px;}
140 | .append-12 {padding-right:420px;}
141 | .append-13 {padding-right:455px;}
142 | .append-14 {padding-right:490px;}
143 | .append-15 {padding-right:525px;}
144 | .append-16 {padding-right:560px;}
145 | .append-17 {padding-right:595px;}
146 | .append-18 {padding-right:630px;}
147 | .append-19 {padding-right:665px;}
148 | .append-20 {padding-right:700px;}
149 | .append-21 {padding-right:735px;}
150 | .append-22 {padding-right:770px;}
151 | .append-23 {padding-right:805px;}
152 | .prepend-1 {padding-left:35px;}
153 | .prepend-2 {padding-left:70px;}
154 | .prepend-3 {padding-left:105px;}
155 | .prepend-4 {padding-left:140px;}
156 | .prepend-5 {padding-left:175px;}
157 | .prepend-6 {padding-left:210px;}
158 | .prepend-7 {padding-left:245px;}
159 | .prepend-8 {padding-left:280px;}
160 | .prepend-9 {padding-left:315px;}
161 | .prepend-10 {padding-left:350px;}
162 | .prepend-11 {padding-left:385px;}
163 | .prepend-12 {padding-left:420px;}
164 | .prepend-13 {padding-left:455px;}
165 | .prepend-14 {padding-left:490px;}
166 | .prepend-15 {padding-left:525px;}
167 | .prepend-16 {padding-left:560px;}
168 | .prepend-17 {padding-left:595px;}
169 | .prepend-18 {padding-left:630px;}
170 | .prepend-19 {padding-left:665px;}
171 | .prepend-20 {padding-left:700px;}
172 | .prepend-21 {padding-left:735px;}
173 | .prepend-22 {padding-left:770px;}
174 | .prepend-23 {padding-left:805px;}
175 | div.border {padding-right:9px;margin-right:10px;border-right:1px solid #eee;}
176 | div.colborder {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
177 | .pull-1 {margin-left:-35px;}
178 | .pull-2 {margin-left:-70px;}
179 | .pull-3 {margin-left:-105px;}
180 | .pull-4 {margin-left:-140px;}
181 | .pull-5 {margin-left:-175px;}
182 | .pull-6 {margin-left:-210px;}
183 | .pull-7 {margin-left:-245px;}
184 | .pull-8 {margin-left:-280px;}
185 | .pull-9 {margin-left:-315px;}
186 | .pull-10 {margin-left:-350px;}
187 | .pull-11 {margin-left:-385px;}
188 | .pull-12 {margin-left:-420px;}
189 | .pull-13 {margin-left:-455px;}
190 | .pull-14 {margin-left:-490px;}
191 | .pull-15 {margin-left:-525px;}
192 | .pull-16 {margin-left:-560px;}
193 | .pull-17 {margin-left:-595px;}
194 | .pull-18 {margin-left:-630px;}
195 | .pull-19 {margin-left:-665px;}
196 | .pull-20 {margin-left:-700px;}
197 | .pull-21 {margin-left:-735px;}
198 | .pull-22 {margin-left:-770px;}
199 | .pull-23 {margin-left:-805px;}
200 | .pull-24 {margin-left:-840px;}
201 | .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
202 | .push-1 {margin:0 -35px 1.5em 35px;}
203 | .push-2 {margin:0 -70px 1.5em 70px;}
204 | .push-3 {margin:0 -105px 1.5em 105px;}
205 | .push-4 {margin:0 -140px 1.5em 140px;}
206 | .push-5 {margin:0 -175px 1.5em 175px;}
207 | .push-6 {margin:0 -210px 1.5em 210px;}
208 | .push-7 {margin:0 -245px 1.5em 245px;}
209 | .push-8 {margin:0 -280px 1.5em 280px;}
210 | .push-9 {margin:0 -315px 1.5em 315px;}
211 | .push-10 {margin:0 -350px 1.5em 350px;}
212 | .push-11 {margin:0 -385px 1.5em 385px;}
213 | .push-12 {margin:0 -420px 1.5em 420px;}
214 | .push-13 {margin:0 -455px 1.5em 455px;}
215 | .push-14 {margin:0 -490px 1.5em 490px;}
216 | .push-15 {margin:0 -525px 1.5em 525px;}
217 | .push-16 {margin:0 -560px 1.5em 560px;}
218 | .push-17 {margin:0 -595px 1.5em 595px;}
219 | .push-18 {margin:0 -630px 1.5em 630px;}
220 | .push-19 {margin:0 -665px 1.5em 665px;}
221 | .push-20 {margin:0 -700px 1.5em 700px;}
222 | .push-21 {margin:0 -735px 1.5em 735px;}
223 | .push-22 {margin:0 -770px 1.5em 770px;}
224 | .push-23 {margin:0 -805px 1.5em 805px;}
225 | .push-24 {margin:0 -840px 1.5em 840px;}
226 | .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
227 | .prepend-top {margin-top:1.5em;}
228 | .append-bottom {margin-bottom:1.5em;}
229 | .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
230 | hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
231 | hr.space {background:#fff;color:#fff;}
232 | .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
233 | .clearfix, .container {display:block;}
234 | .clear {clear:both;}
235 | 
236 | /* forms.css */
237 | label {font-weight:bold;}
238 | fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
239 | legend {font-weight:bold;font-size:1.2em;}
240 | input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
241 | input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
242 | input.text, input.title {width:300px;padding:5px;}
243 | input.title {font-size:1.5em;}
244 | textarea {width:390px;height:250px;padding:5px;}
245 | .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
246 | .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
247 | .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
248 | .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
249 | .error a {color:#8a1f11;}
250 | .notice a {color:#514721;}
251 | .success a {color:#264409;}


--------------------------------------------------------------------------------
/javascripts/json2.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |     http://www.JSON.org/json2.js
  3 |     2010-03-20
  4 | 
  5 |     Public Domain.
  6 | 
  7 |     NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
  8 | 
  9 |     See http://www.JSON.org/js.html
 10 | 
 11 | 
 12 |     This code should be minified before deployment.
 13 |     See http://javascript.crockford.com/jsmin.html
 14 | 
 15 |     USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
 16 |     NOT CONTROL.
 17 | 
 18 | 
 19 |     This file creates a global JSON object containing two methods: stringify
 20 |     and parse.
 21 | 
 22 |         JSON.stringify(value, replacer, space)
 23 |             value       any JavaScript value, usually an object or array.
 24 | 
 25 |             replacer    an optional parameter that determines how object
 26 |                         values are stringified for objects. It can be a
 27 |                         function or an array of strings.
 28 | 
 29 |             space       an optional parameter that specifies the indentation
 30 |                         of nested structures. If it is omitted, the text will
 31 |                         be packed without extra whitespace. If it is a number,
 32 |                         it will specify the number of spaces to indent at each
 33 |                         level. If it is a string (such as '\t' or '&nbsp;'),
 34 |                         it contains the characters used to indent at each level.
 35 | 
 36 |             This method produces a JSON text from a JavaScript value.
 37 | 
 38 |             When an object value is found, if the object contains a toJSON
 39 |             method, its toJSON method will be called and the result will be
 40 |             stringified. A toJSON method does not serialize: it returns the
 41 |             value represented by the name/value pair that should be serialized,
 42 |             or undefined if nothing should be serialized. The toJSON method
 43 |             will be passed the key associated with the value, and this will be
 44 |             bound to the value
 45 | 
 46 |             For example, this would serialize Dates as ISO strings.
 47 | 
 48 |                 Date.prototype.toJSON = function (key) {
 49 |                     function f(n) {
 50 |                         // Format integers to have at least two digits.
 51 |                         return n < 10 ? '0' + n : n;
 52 |                     }
 53 | 
 54 |                     return this.getUTCFullYear()   + '-' +
 55 |                          f(this.getUTCMonth() + 1) + '-' +
 56 |                          f(this.getUTCDate())      + 'T' +
 57 |                          f(this.getUTCHours())     + ':' +
 58 |                          f(this.getUTCMinutes())   + ':' +
 59 |                          f(this.getUTCSeconds())   + 'Z';
 60 |                 };
 61 | 
 62 |             You can provide an optional replacer method. It will be passed the
 63 |             key and value of each member, with this bound to the containing
 64 |             object. The value that is returned from your method will be
 65 |             serialized. If your method returns undefined, then the member will
 66 |             be excluded from the serialization.
 67 | 
 68 |             If the replacer parameter is an array of strings, then it will be
 69 |             used to select the members to be serialized. It filters the results
 70 |             such that only members with keys listed in the replacer array are
 71 |             stringified.
 72 | 
 73 |             Values that do not have JSON representations, such as undefined or
 74 |             functions, will not be serialized. Such values in objects will be
 75 |             dropped; in arrays they will be replaced with null. You can use
 76 |             a replacer function to replace those with JSON values.
 77 |             JSON.stringify(undefined) returns undefined.
 78 | 
 79 |             The optional space parameter produces a stringification of the
 80 |             value that is filled with line breaks and indentation to make it
 81 |             easier to read.
 82 | 
 83 |             If the space parameter is a non-empty string, then that string will
 84 |             be used for indentation. If the space parameter is a number, then
 85 |             the indentation will be that many spaces.
 86 | 
 87 |             Example:
 88 | 
 89 |             text = JSON.stringify(['e', {pluribus: 'unum'}]);
 90 |             // text is '["e",{"pluribus":"unum"}]'
 91 | 
 92 | 
 93 |             text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
 94 |             // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
 95 | 
 96 |             text = JSON.stringify([new Date()], function (key, value) {
 97 |                 return this[key] instanceof Date ?
 98 |                     'Date(' + this[key] + ')' : value;
 99 |             });
100 |             // text is '["Date(---current time---)"]'
101 | 
102 | 
103 |         JSON.parse(text, reviver)
104 |             This method parses a JSON text to produce an object or array.
105 |             It can throw a SyntaxError exception.
106 | 
107 |             The optional reviver parameter is a function that can filter and
108 |             transform the results. It receives each of the keys and values,
109 |             and its return value is used instead of the original value.
110 |             If it returns what it received, then the structure is not modified.
111 |             If it returns undefined then the member is deleted.
112 | 
113 |             Example:
114 | 
115 |             // Parse the text. Values that look like ISO date strings will
116 |             // be converted to Date objects.
117 | 
118 |             myData = JSON.parse(text, function (key, value) {
119 |                 var a;
120 |                 if (typeof value === 'string') {
121 |                     a =
122 | /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
123 |                     if (a) {
124 |                         return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
125 |                             +a[5], +a[6]));
126 |                     }
127 |                 }
128 |                 return value;
129 |             });
130 | 
131 |             myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
132 |                 var d;
133 |                 if (typeof value === 'string' &&
134 |                         value.slice(0, 5) === 'Date(' &&
135 |                         value.slice(-1) === ')') {
136 |                     d = new Date(value.slice(5, -1));
137 |                     if (d) {
138 |                         return d;
139 |                     }
140 |                 }
141 |                 return value;
142 |             });
143 | 
144 | 
145 |     This is a reference implementation. You are free to copy, modify, or
146 |     redistribute.
147 | */
148 | 
149 | /*jslint evil: true, strict: false */
150 | 
151 | /*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
152 |     call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
153 |     getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
154 |     lastIndex, length, parse, prototype, push, replace, slice, stringify,
155 |     test, toJSON, toString, valueOf
156 | */
157 | 
158 | 
159 | // Create a JSON object only if one does not already exist. We create the
160 | // methods in a closure to avoid creating global variables.
161 | 
162 | if (!this.JSON) {
163 |     this.JSON = {};
164 | }
165 | 
166 | (function () {
167 | 
168 |     function f(n) {
169 |         // Format integers to have at least two digits.
170 |         return n < 10 ? '0' + n : n;
171 |     }
172 | 
173 |     if (typeof Date.prototype.toJSON !== 'function') {
174 | 
175 |         Date.prototype.toJSON = function (key) {
176 | 
177 |             return isFinite(this.valueOf()) ?
178 |                    this.getUTCFullYear()   + '-' +
179 |                  f(this.getUTCMonth() + 1) + '-' +
180 |                  f(this.getUTCDate())      + 'T' +
181 |                  f(this.getUTCHours())     + ':' +
182 |                  f(this.getUTCMinutes())   + ':' +
183 |                  f(this.getUTCSeconds())   + 'Z' : null;
184 |         };
185 | 
186 |         String.prototype.toJSON =
187 |         Number.prototype.toJSON =
188 |         Boolean.prototype.toJSON = function (key) {
189 |             return this.valueOf();
190 |         };
191 |     }
192 | 
193 |     var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
194 |         escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
195 |         gap,
196 |         indent,
197 |         meta = {    // table of character substitutions
198 |             '\b': '\\b',
199 |             '\t': '\\t',
200 |             '\n': '\\n',
201 |             '\f': '\\f',
202 |             '\r': '\\r',
203 |             '"' : '\\"',
204 |             '\\': '\\\\'
205 |         },
206 |         rep;
207 | 
208 | 
209 |     function quote(string) {
210 | 
211 | // If the string contains no control characters, no quote characters, and no
212 | // backslash characters, then we can safely slap some quotes around it.
213 | // Otherwise we must also replace the offending characters with safe escape
214 | // sequences.
215 | 
216 |         escapable.lastIndex = 0;
217 |         return escapable.test(string) ?
218 |             '"' + string.replace(escapable, function (a) {
219 |                 var c = meta[a];
220 |                 return typeof c === 'string' ? c :
221 |                     '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
222 |             }) + '"' :
223 |             '"' + string + '"';
224 |     }
225 | 
226 | 
227 |     function str(key, holder) {
228 | 
229 | // Produce a string from holder[key].
230 | 
231 |         var i,          // The loop counter.
232 |             k,          // The member key.
233 |             v,          // The member value.
234 |             length,
235 |             mind = gap,
236 |             partial,
237 |             value = holder[key];
238 | 
239 | // If the value has a toJSON method, call it to obtain a replacement value.
240 | 
241 |         if (value && typeof value === 'object' &&
242 |                 typeof value.toJSON === 'function') {
243 |             value = value.toJSON(key);
244 |         }
245 | 
246 | // If we were called with a replacer function, then call the replacer to
247 | // obtain a replacement value.
248 | 
249 |         if (typeof rep === 'function') {
250 |             value = rep.call(holder, key, value);
251 |         }
252 | 
253 | // What happens next depends on the value's type.
254 | 
255 |         switch (typeof value) {
256 |         case 'string':
257 |             return quote(value);
258 | 
259 |         case 'number':
260 | 
261 | // JSON numbers must be finite. Encode non-finite numbers as null.
262 | 
263 |             return isFinite(value) ? String(value) : 'null';
264 | 
265 |         case 'boolean':
266 |         case 'null':
267 | 
268 | // If the value is a boolean or null, convert it to a string. Note:
269 | // typeof null does not produce 'null'. The case is included here in
270 | // the remote chance that this gets fixed someday.
271 | 
272 |             return String(value);
273 | 
274 | // If the type is 'object', we might be dealing with an object or an array or
275 | // null.
276 | 
277 |         case 'object':
278 | 
279 | // Due to a specification blunder in ECMAScript, typeof null is 'object',
280 | // so watch out for that case.
281 | 
282 |             if (!value) {
283 |                 return 'null';
284 |             }
285 | 
286 | // Make an array to hold the partial results of stringifying this object value.
287 | 
288 |             gap += indent;
289 |             partial = [];
290 | 
291 | // Is the value an array?
292 | 
293 |             if (Object.prototype.toString.apply(value) === '[object Array]') {
294 | 
295 | // The value is an array. Stringify every element. Use null as a placeholder
296 | // for non-JSON values.
297 | 
298 |                 length = value.length;
299 |                 for (i = 0; i < length; i += 1) {
300 |                     partial[i] = str(i, value) || 'null';
301 |                 }
302 | 
303 | // Join all of the elements together, separated with commas, and wrap them in
304 | // brackets.
305 | 
306 |                 v = partial.length === 0 ? '[]' :
307 |                     gap ? '[\n' + gap +
308 |                             partial.join(',\n' + gap) + '\n' +
309 |                                 mind + ']' :
310 |                           '[' + partial.join(',') + ']';
311 |                 gap = mind;
312 |                 return v;
313 |             }
314 | 
315 | // If the replacer is an array, use it to select the members to be stringified.
316 | 
317 |             if (rep && typeof rep === 'object') {
318 |                 length = rep.length;
319 |                 for (i = 0; i < length; i += 1) {
320 |                     k = rep[i];
321 |                     if (typeof k === 'string') {
322 |                         v = str(k, value);
323 |                         if (v) {
324 |                             partial.push(quote(k) + (gap ? ': ' : ':') + v);
325 |                         }
326 |                     }
327 |                 }
328 |             } else {
329 | 
330 | // Otherwise, iterate through all of the keys in the object.
331 | 
332 |                 for (k in value) {
333 |                     if (Object.hasOwnProperty.call(value, k)) {
334 |                         v = str(k, value);
335 |                         if (v) {
336 |                             partial.push(quote(k) + (gap ? ': ' : ':') + v);
337 |                         }
338 |                     }
339 |                 }
340 |             }
341 | 
342 | // Join all of the member texts together, separated with commas,
343 | // and wrap them in braces.
344 | 
345 |             v = partial.length === 0 ? '{}' :
346 |                 gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
347 |                         mind + '}' : '{' + partial.join(',') + '}';
348 |             gap = mind;
349 |             return v;
350 |         }
351 |     }
352 | 
353 | // If the JSON object does not yet have a stringify method, give it one.
354 | 
355 |     if (typeof JSON.stringify !== 'function') {
356 |         JSON.stringify = function (value, replacer, space) {
357 | 
358 | // The stringify method takes a value and an optional replacer, and an optional
359 | // space parameter, and returns a JSON text. The replacer can be a function
360 | // that can replace values, or an array of strings that will select the keys.
361 | // A default replacer method can be provided. Use of the space parameter can
362 | // produce text that is more easily readable.
363 | 
364 |             var i;
365 |             gap = '';
366 |             indent = '';
367 | 
368 | // If the space parameter is a number, make an indent string containing that
369 | // many spaces.
370 | 
371 |             if (typeof space === 'number') {
372 |                 for (i = 0; i < space; i += 1) {
373 |                     indent += ' ';
374 |                 }
375 | 
376 | // If the space parameter is a string, it will be used as the indent string.
377 | 
378 |             } else if (typeof space === 'string') {
379 |                 indent = space;
380 |             }
381 | 
382 | // If there is a replacer, it must be a function or an array.
383 | // Otherwise, throw an error.
384 | 
385 |             rep = replacer;
386 |             if (replacer && typeof replacer !== 'function' &&
387 |                     (typeof replacer !== 'object' ||
388 |                      typeof replacer.length !== 'number')) {
389 |                 throw new Error('JSON.stringify');
390 |             }
391 | 
392 | // Make a fake root object containing our value under the key of ''.
393 | // Return the result of stringifying the value.
394 | 
395 |             return str('', {'': value});
396 |         };
397 |     }
398 | 
399 | 
400 | // If the JSON object does not yet have a parse method, give it one.
401 | 
402 |     if (typeof JSON.parse !== 'function') {
403 |         JSON.parse = function (text, reviver) {
404 | 
405 | // The parse method takes a text and an optional reviver function, and returns
406 | // a JavaScript value if the text is a valid JSON text.
407 | 
408 |             var j;
409 | 
410 |             function walk(holder, key) {
411 | 
412 | // The walk method is used to recursively walk the resulting structure so
413 | // that modifications can be made.
414 | 
415 |                 var k, v, value = holder[key];
416 |                 if (value && typeof value === 'object') {
417 |                     for (k in value) {
418 |                         if (Object.hasOwnProperty.call(value, k)) {
419 |                             v = walk(value, k);
420 |                             if (v !== undefined) {
421 |                                 value[k] = v;
422 |                             } else {
423 |                                 delete value[k];
424 |                             }
425 |                         }
426 |                     }
427 |                 }
428 |                 return reviver.call(holder, key, value);
429 |             }
430 | 
431 | 
432 | // Parsing happens in four stages. In the first stage, we replace certain
433 | // Unicode characters with escape sequences. JavaScript handles many characters
434 | // incorrectly, either silently deleting them, or treating them as line endings.
435 | 
436 |             text = String(text);
437 |             cx.lastIndex = 0;
438 |             if (cx.test(text)) {
439 |                 text = text.replace(cx, function (a) {
440 |                     return '\\u' +
441 |                         ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
442 |                 });
443 |             }
444 | 
445 | // In the second stage, we run the text against regular expressions that look
446 | // for non-JSON patterns. We are especially concerned with '()' and 'new'
447 | // because they can cause invocation, and '=' because it can cause mutation.
448 | // But just to be safe, we want to reject all unexpected forms.
449 | 
450 | // We split the second stage into 4 regexp operations in order to work around
451 | // crippling inefficiencies in IE's and Safari's regexp engines. First we
452 | // replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
453 | // replace all simple value tokens with ']' characters. Third, we delete all
454 | // open brackets that follow a colon or comma or that begin the text. Finally,
455 | // we look to see that the remaining characters are only whitespace or ']' or
456 | // ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
457 | 
458 |             if (/^[\],:{}\s]*$/.
459 | test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
460 | replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
461 | replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
462 | 
463 | // In the third stage we use the eval function to compile the text into a
464 | // JavaScript structure. The '{' operator is subject to a syntactic ambiguity
465 | // in JavaScript: it can begin a block or an object literal. We wrap the text
466 | // in parens to eliminate the ambiguity.
467 | 
468 |                 j = eval('(' + text + ')');
469 | 
470 | // In the optional fourth stage, we recursively walk the new structure, passing
471 | // each name/value pair to a reviver function for possible transformation.
472 | 
473 |                 return typeof reviver === 'function' ?
474 |                     walk({'': j}, '') : j;
475 |             }
476 | 
477 | // If the text is not JSON parseable, then a SyntaxError is thrown.
478 | 
479 |             throw new SyntaxError('JSON.parse');
480 |         };
481 |     }
482 | }());


--------------------------------------------------------------------------------
/src/raphael.sketchpad.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Raphael SketchPad
  3 |  * Version 0.5.1
  4 |  * Copyright (c) 2011 Ian Li (http://ianli.com)
  5 |  * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
  6 |  *
  7 |  * Requires:
  8 |  * jQuery	http://jquery.com
  9 |  * Raphael	http://raphaeljs.com
 10 |  * JSON		http://www.json.org/js.html
 11 |  *
 12 |  * Reference:
 13 |  * http://ianli.com/sketchpad/ for Usage
 14 |  * 
 15 |  * Versions:
 16 |  * 0.5.1 - Fixed extraneous lines when first line is drawn.
 17 |  *         Thanks to http://github.com/peterkeating for the fix!
 18 |  * 0.5.0 - Added freeze_history. Fixed bug with undoing erase actions.
 19 |  * 0.4.0 - Support undo/redo of strokes, erase, and clear.
 20 |  *       - Removed input option. To make editors/viewers, set editing option to true/false, respectively.
 21 |  *         To update an input field, listen to change event and update input field with json function.
 22 |  *       - Reduce file size V1. Changed stored path info from array into a string in SVG format.
 23 |  * 0.3.0 - Added erase, supported initializing data from input field.
 24 |  * 0.2.0 - Added iPhone/iPod Touch support, onchange event, animate.
 25 |  * 0.1.0 - Started code.
 26 |  *
 27 |  * TODO:
 28 |  * - Speed up performance.
 29 |  *   - Don't store strokes in two places. _strokes and ActionHistory.current_strokes()
 30 |  *	 - Don't rebuild strokes from history with ActionHistory.current_strokes()
 31 |  * - Reduce file size.
 32 |  *   X V1. Changed stored path info from array into a string in SVG format.
 33 |  */
 34 | 
 35 | /**
 36 |  * We use this wrapper to control global variables.
 37 |  * The only global variable we expose is Raphael.sketchpad.
 38 |  */
 39 | (function(Raphael) {
 40 | 	
 41 | 	/**
 42 | 	 * Function to create SketchPad object.
 43 | 	 */
 44 | 	Raphael.sketchpad = function(paper, options) {
 45 | 		return new SketchPad(paper, options);
 46 | 	}
 47 | 	
 48 | 	// Current version.
 49 | 	Raphael.sketchpad.VERSION = '0.5.1';
 50 | 	
 51 | 	/**
 52 | 	 * The Sketchpad object.
 53 | 	 */
 54 | 	var SketchPad = function(paper, options) {
 55 | 		// Use self to reduce confusion about this.
 56 | 		var self = this;
 57 | 		
 58 | 		var _options = {
 59 | 			width: 100,
 60 | 			height: 100,
 61 | 			strokes: [],
 62 | 			editing: true
 63 | 		};
 64 | 		jQuery.extend(_options, options);
 65 | 		
 66 | 		
 67 | 		// The Raphael context to draw on.
 68 | 		var _paper;
 69 | 		if (paper.raphael && paper.raphael.constructor == Raphael.constructor) {
 70 | 			_paper = paper;
 71 | 		} else if (typeof paper == "string") {
 72 | 			_paper = Raphael(paper, _options.width, _options.height);
 73 | 		} else {
 74 | 			throw "first argument must be a Raphael object, an element ID, an array with 3 elements";
 75 | 		}
 76 | 		
 77 | 		// The Raphael SVG canvas.
 78 | 		var _canvas = _paper.canvas;
 79 | 
 80 | 		// The HTML element that contains the canvas.
 81 | 		var _container = $(_canvas).parent();
 82 | 
 83 | 		// The default pen.
 84 | 		var _pen = new Pen();
 85 | 		
 86 | 		
 87 | 		// Public Methods
 88 | 		//-----------------
 89 | 		
 90 | 		self.paper = function() {
 91 | 			return _paper;
 92 | 		};
 93 | 		
 94 | 		self.canvas = function() {
 95 | 			return _canvas;
 96 | 		};
 97 | 		
 98 | 		self.container = function() {
 99 | 			return _container;
100 | 		};
101 | 		
102 | 		self.pen = function(value) {
103 | 			if (value === undefined) {
104 | 				return _pen;
105 | 			}
106 | 			_pen = value;
107 | 			return self; // function-chaining
108 | 		};
109 | 		
110 | 		// Convert an SVG path into a string, so that it's smaller when JSONified.
111 | 		// This function is used by json().
112 | 		function svg_path_to_string(path) {
113 | 			var str = "";
114 | 			for (var i = 0, n = path.length; i < n; i++) {
115 | 				var point = path[i];
116 | 				str += point[0] + point[1] + "," + point[2];
117 | 			}
118 | 			return str;
119 | 		}
120 | 		
121 | 		// Convert a string into an SVG path. This reverses the above code.
122 | 		function string_to_svg_path(str) {
123 | 			var path = [];
124 | 			var tokens = str.split("L");
125 | 			
126 | 			if (tokens.length > 0) {
127 | 				var token = tokens[0].replace("M", "");
128 | 				var points = token.split(",");
129 | 				path.push(["M", parseInt(points[0]), parseInt(points[1])]);
130 | 				
131 | 				for (var i = 1, n = tokens.length; i < n; i++) {
132 | 					token = tokens[i];
133 | 					points = token.split(",");
134 | 					path.push(["L", parseInt(points[0]), parseInt(points[1])]);
135 | 				}
136 | 			}
137 | 			
138 | 			return path;
139 | 		}
140 | 		
141 | 		self.json = function(value) {
142 | 			if (value === undefined) {
143 | 				for (var i = 0, n = _strokes.length; i < n; i++) {
144 | 					var stroke = _strokes[i];
145 | 					if (typeof stroke.path == "object") {
146 | 						stroke.path = svg_path_to_string(stroke.path);
147 | 					}
148 | 				}
149 | 				return JSON.stringify(_strokes);
150 | 			}
151 | 			
152 | 			return self.strokes(JSON.parse(value));
153 | 		};
154 | 		
155 | 		self.strokes = function(value) {
156 | 			if (value === undefined) {
157 | 				return _strokes;
158 | 			}
159 | 			if (jQuery.isArray(value)) {
160 | 				_strokes = value;
161 | 				
162 | 				for (var i = 0, n = _strokes.length; i < n; i++) {
163 | 					var stroke = _strokes[i];
164 | 					if (typeof stroke.path == "string") {
165 | 						stroke.path = string_to_svg_path(stroke.path);
166 | 					}
167 | 				}
168 | 				
169 | 				_action_history.add({
170 | 					type: "batch",
171 | 					strokes: jQuery.merge([], _strokes) // Make a copy.
172 | 				})
173 | 				
174 | 				_redraw_strokes();
175 | 				_fire_change();
176 | 			}
177 | 			return self; // function-chaining
178 | 		}
179 | 		
180 | 		self.freeze_history = function() {
181 | 			_action_history.freeze();
182 | 		};
183 | 		
184 | 		self.undoable = function() {
185 | 			return _action_history.undoable();
186 | 		};
187 | 
188 | 		self.undo = function() {
189 | 			if (_action_history.undoable()) {
190 | 				_action_history.undo();
191 | 				_strokes = _action_history.current_strokes();
192 | 				_redraw_strokes();
193 | 				_fire_change();
194 | 			}
195 | 			return self; // function-chaining
196 | 		};
197 | 
198 | 		self.redoable = function() {
199 | 			return _action_history.redoable();
200 | 		};
201 | 
202 | 		self.redo = function() {
203 | 			if (_action_history.redoable()) {
204 | 				_action_history.redo();
205 | 				_strokes = _action_history.current_strokes();
206 | 				_redraw_strokes();
207 | 				_fire_change();
208 | 			}
209 | 			return self; // function-chaining
210 | 		};
211 | 		
212 | 		self.clear = function() {
213 | 			_action_history.add({
214 | 				type: "clear"
215 | 			});
216 | 			
217 | 			_strokes = [];
218 | 			_redraw_strokes();
219 | 			_fire_change();
220 | 			
221 | 			return self; // function-chaining
222 | 		};
223 | 		
224 | 		self.animate = function(ms) {
225 | 			if (ms === undefined) {
226 | 				ms = 500;
227 | 			}
228 | 			
229 | 			_paper.clear();
230 | 			
231 | 			if (_strokes.length > 0) {
232 | 				var i = 0;
233 | 
234 | 				function animate() {
235 | 					var stroke = _strokes[i];
236 | 					var type = stroke.type;
237 | 					_paper[type]()
238 | 						.attr(stroke)
239 | 						.click(_pathclick);
240 | 
241 | 					i++;
242 | 					if (i < _strokes.length) {
243 | 						setTimeout(animate, ms);
244 | 					}
245 | 				};
246 | 
247 | 				animate();
248 | 			}
249 | 			
250 | 			return self; // function-chaining
251 | 		};
252 | 		
253 | 		self.editing = function(mode) {
254 | 			if (mode === undefined) {
255 | 				return _options.editing;
256 | 			}
257 | 			
258 | 			_options.editing = mode;
259 | 			if (_options.editing) {
260 | 				if (_options.editing == "erase") {
261 | 					// Cursor is crosshair, so it looks like we can do something.
262 | 					$(_container).css("cursor", "crosshair");
263 | 					$(_container).unbind("mousedown", _mousedown);
264 | 					$(_container).unbind("mousemove", _mousemove);
265 | 					$(_container).unbind("mouseup", _mouseup);
266 | 					$(document).unbind("mouseup", _mouseup);
267 | 
268 | 					// iPhone Events
269 | 					var agent = navigator.userAgent;
270 | 					if (agent.indexOf("iPhone") > 0 || agent.indexOf("iPod") > 0) {
271 | 						$(_container).unbind("touchstart", _touchstart);
272 | 						$(_container).unbind("touchmove", _touchmove);
273 | 						$(_container).unbind("touchend", _touchend);
274 | 					}
275 | 				} else {
276 | 					// Cursor is crosshair, so it looks like we can do something.
277 | 					$(_container).css("cursor", "crosshair");
278 | 
279 | 					$(_container).mousedown(_mousedown);
280 | 					$(_container).mousemove(_mousemove);
281 | 					$(_container).mouseup(_mouseup);
282 | 
283 | 					// Handle the case when the mouse is released outside the canvas.
284 | 					$(document).mouseup(_mouseup);
285 | 
286 | 					// iPhone Events
287 | 					var agent = navigator.userAgent;
288 | 					if (agent.indexOf("iPhone") > 0 || agent.indexOf("iPod") > 0) {
289 | 						$(_container).bind("touchstart", _touchstart);
290 | 						$(_container).bind("touchmove", _touchmove);
291 | 						$(_container).bind("touchend", _touchend);
292 | 					}
293 | 				}
294 | 			} else {
295 | 				// Reverse the settings above.
296 | 				$(_container).attr("style", "cursor:default");
297 | 				$(_container).unbind("mousedown", _mousedown);
298 | 				$(_container).unbind("mousemove", _mousemove);
299 | 				$(_container).unbind("mouseup", _mouseup);
300 | 				$(document).unbind("mouseup", _mouseup);
301 | 				
302 | 				// iPhone Events
303 | 				var agent = navigator.userAgent;
304 | 				if (agent.indexOf("iPhone") > 0 || agent.indexOf("iPod") > 0) {
305 | 					$(_container).unbind("touchstart", _touchstart);
306 | 					$(_container).unbind("touchmove", _touchmove);
307 | 					$(_container).unbind("touchend", _touchend);
308 | 				}
309 | 			}
310 | 			
311 | 			return self; // function-chaining
312 | 		}
313 | 		
314 | 		// Change events
315 | 		//----------------
316 | 		
317 | 		var _change_fn = function() {};
318 | 		self.change = function(fn) {
319 | 			if (fn == null || fn === undefined) {
320 | 				_change_fn = function() {};
321 | 			} else if (typeof fn == "function") {
322 | 				_change_fn = fn;
323 | 			}
324 | 		};
325 | 		
326 | 		function _fire_change() {
327 | 			_change_fn();
328 | 		};
329 | 		
330 | 		// Miscellaneous methods
331 | 		//------------------
332 | 		
333 | 		function _redraw_strokes() {
334 | 			_paper.clear();
335 | 			
336 | 			for (var i = 0, n = _strokes.length; i < n; i++) {
337 | 				var stroke = _strokes[i];
338 | 				var type = stroke.type;
339 | 				_paper[type]()
340 | 					.attr(stroke)
341 | 					.click(_pathclick);
342 | 			}
343 | 		};
344 | 		
345 | 		function _disable_user_select() {
346 | 			$("*").css("-webkit-user-select", "none");
347 | 			$("*").css("-moz-user-select", "none");
348 | 			if (jQuery.browser.msie) {
349 | 				$("body").attr("onselectstart", "return false;");
350 | 			}
351 | 		}
352 | 		
353 | 		function _enable_user_select() {
354 | 			$("*").css("-webkit-user-select", "text");
355 | 			$("*").css("-moz-user-select", "text");
356 | 			if (jQuery.browser.msie) {
357 | 				$("body").removeAttr("onselectstart");
358 | 			}
359 | 		}
360 | 		
361 | 		// Event handlers
362 | 		//-----------------
363 | 		// We can only attach events to the container, so do it.
364 | 		
365 | 		function _pathclick(e) {
366 | 			if (_options.editing == "erase") {
367 | 				var stroke = this.attr();
368 | 				stroke.type = this.type;
369 | 				
370 | 				_action_history.add({
371 | 					type: "erase",
372 | 					stroke: stroke
373 | 				});
374 | 				
375 | 				for (var i = 0, n = _strokes.length; i < n; i++) {
376 | 					var s = _strokes[i];
377 | 					if (equiv(s, stroke)) {
378 | 						_strokes.splice(i, 1);
379 | 					}
380 | 				}
381 | 				
382 | 				_fire_change();
383 | 				
384 | 				this.remove();
385 | 			}
386 | 		};
387 | 		
388 | 		function _mousedown(e) {
389 | 			_disable_user_select();
390 | 
391 | 			_pen.start(e, self);
392 | 		};
393 | 
394 | 		function _mousemove(e) {
395 | 			_pen.move(e, self);
396 | 		};
397 | 
398 | 		function _mouseup(e) {
399 | 			_enable_user_select();
400 | 			
401 | 			var path = _pen.finish(e, self);
402 | 			
403 | 			if (path != null) {
404 | 				// Add event when clicked.
405 | 				path.click(_pathclick);
406 | 				
407 | 				// Save the stroke.
408 | 				var stroke = path.attr();
409 | 				stroke.type = path.type;
410 | 				
411 | 				_strokes.push(stroke);
412 | 				
413 | 				_action_history.add({
414 | 					type: "stroke",
415 | 					stroke: stroke
416 | 				});
417 | 				
418 | 				_fire_change();
419 | 			}
420 | 		};
421 | 		
422 | 		function _touchstart(e) {
423 | 			e = e.originalEvent;
424 | 			e.preventDefault();
425 | 
426 | 			if (e.touches.length == 1) {
427 | 				var touch = e.touches[0];
428 | 				_mousedown(touch);
429 | 			}
430 | 		}
431 | 		
432 | 		function _touchmove(e) {
433 | 			e = e.originalEvent;
434 | 			e.preventDefault();
435 | 
436 | 			if (e.touches.length == 1) {
437 | 				var touch = e.touches[0];
438 | 				_mousemove(touch);
439 | 			}
440 | 		}
441 | 		
442 | 		function _touchend(e) {
443 | 			e = e.originalEvent;
444 | 			e.preventDefault();
445 | 
446 | 			_mouseup(e);
447 | 		}
448 | 		
449 | 		// Setup
450 | 		//--------
451 | 		
452 | 		var _action_history = new ActionHistory();
453 | 		
454 | 		// Path data
455 | 		var _strokes = _options.strokes;
456 | 		if (jQuery.isArray(_strokes) && _strokes.length > 0) {
457 | 			_action_history.add({
458 | 				type: "init",
459 | 				strokes: jQuery.merge([], _strokes)	// Make a clone.
460 | 			});
461 | 			_redraw_strokes();
462 | 		} else {
463 | 			_strokes = [];
464 | 			_redraw_strokes();
465 | 		}
466 | 		
467 | 		self.editing(_options.editing);
468 | 	};
469 | 	
470 | 	var ActionHistory = function() {
471 | 		var self = this;
472 | 		
473 | 		var _history = [];
474 | 		
475 | 		// Index of the last state.
476 | 		var _current_state = -1;
477 | 		
478 | 		// Index of the freeze state.
479 | 		// The freeze state is the state where actions cannot be undone.
480 | 		var _freeze_state = -1;
481 | 		
482 | 		// The current set of strokes if strokes were to be rebuilt from history.
483 | 		// Set to null to force refresh.
484 | 		var _current_strokes = null;
485 | 		
486 | 		self.add = function(action) {
487 | 			if (_current_state + 1 < _history.length) {
488 | 				_history.splice(_current_state + 1, _history.length - (_current_state + 1));
489 | 			}
490 | 			
491 | 			_history.push(action);
492 | 			_current_state = _history.length - 1;
493 | 			
494 | 			// Reset current strokes.
495 | 			_current_strokes = null;
496 | 		};
497 | 		
498 | 		self.freeze = function(index) {
499 | 			if (index === undefined) {
500 | 				_freeze_state = _current_state;
501 | 			} else {
502 | 				_freeze_state = index;
503 | 			}
504 | 		};
505 | 		
506 | 		self.undoable = function() {
507 | 			return (_current_state > -1 && _current_state > _freeze_state);
508 | 		};
509 | 		
510 | 		self.undo = function() {
511 | 			if (self.undoable()) {
512 | 				_current_state--;
513 | 				
514 | 				// Reset current strokes.
515 | 				_current_strokes = null;
516 | 			}
517 | 		};
518 | 		
519 | 		self.redoable = function() {
520 | 			return _current_state < _history.length - 1;
521 | 		};
522 | 		
523 | 		self.redo = function() {
524 | 			if (self.redoable()) {
525 | 				_current_state++;
526 | 				
527 | 				// Reset current strokes.
528 | 				_current_strokes = null;
529 | 			}
530 | 		};
531 | 		
532 | 		// Rebuild the strokes from history.
533 | 		self.current_strokes = function() {
534 | 			if (_current_strokes == null) {
535 | 				var strokes = [];
536 | 				for (var i = 0; i <= _current_state; i++) {
537 | 					var action = _history[i];
538 | 					switch(action.type) {
539 | 						case "init":
540 | 						case "json":
541 | 						case "strokes":
542 | 						case "batch":
543 | 							jQuery.merge(strokes, action.strokes);
544 | 							break;
545 | 						case "stroke":
546 | 							strokes.push(action.stroke);
547 | 							break;
548 | 						case "erase":
549 | 							for (var s = 0, n = strokes.length; s < n; s++) {
550 | 								var stroke = strokes[s];
551 | 								if (equiv(stroke, action.stroke)) {
552 | 									strokes.splice(s, 1);
553 | 								}
554 | 							}
555 | 							break;
556 | 						case "clear":
557 | 							strokes = [];
558 | 							break;
559 | 					}
560 | 				}
561 | 				
562 | 				_current_strokes = strokes;
563 | 			}
564 | 			return _current_strokes;
565 | 		};
566 | 	};
567 | 	
568 | 	/**
569 | 	 * The default Pen object.
570 | 	 */
571 | 	var Pen = function() {
572 | 		var self = this;
573 | 
574 | 		var _color = "#000000";
575 | 		var _opacity = 1.0;
576 | 		var _width = 5;
577 | 		var _offset = null;
578 | 
579 | 		// Drawing state
580 | 		var _drawing = false;
581 | 		var _c = null;
582 | 		var _points = [];
583 | 
584 | 		self.color = function(value) {
585 | 			if (value === undefined){
586 | 		      	return _color;
587 | 		    }
588 | 
589 | 			_color = value;
590 | 
591 | 			return self;
592 | 		};
593 | 
594 | 		self.width = function(value) {
595 | 			if (value === undefined) {
596 | 				return _width;
597 | 			} 
598 | 
599 | 			if (value < Pen.MIN_WIDTH) {
600 | 				value = Pen.MIN_WIDTH;
601 | 			} else if (value > Pen.MAX_WIDTH) {
602 | 				value = Pen.MAX_WIDTH;
603 | 			}
604 | 
605 | 			_width = value;
606 | 
607 | 			return self;
608 | 		}
609 | 
610 | 		self.opacity = function(value) {
611 | 			if (value === undefined) {
612 | 				return _opacity;
613 | 			} 
614 | 
615 | 			if (value < 0) {
616 | 				value = 0;
617 | 			} else if (value > 1) {
618 | 				value = 1;
619 | 			}
620 | 
621 | 			_opacity = value;
622 | 
623 | 			return self;
624 | 		}
625 | 
626 | 		self.start = function(e, sketchpad) {
627 | 			_drawing = true;
628 | 
629 | 			_offset = $(sketchpad.container()).offset();
630 | 			
631 | 			var x = e.pageX - _offset.left,
632 | 				y = e.pageY - _offset.top;
633 | 			_points.push([x, y]);
634 | 
635 | 			_c = sketchpad.paper().path();
636 | 
637 | 			_c.attr({ 
638 | 				stroke: _color,
639 | 				"stroke-opacity": _opacity,
640 | 				"stroke-width": _width,
641 | 				"stroke-linecap": "round",
642 | 				"stroke-linejoin": "round"
643 | 			});
644 | 		};
645 | 
646 | 		self.finish = function(e, sketchpad) {
647 | 			var path = null;
648 | 			
649 | 			if (_c != null) {
650 | 				if (_points.length <= 1) {
651 | 					_c.remove();
652 | 				} else {
653 | 					path = _c;
654 | 				}
655 | 			}
656 | 			
657 | 			_drawing = false;
658 | 			_c = null;
659 | 			_points = [];
660 | 			
661 | 			return path;
662 | 		};
663 | 
664 | 		self.move = function(e, sketchpad) {
665 | 			if (_drawing == true) {
666 | 				var x = e.pageX - _offset.left,
667 | 					y = e.pageY - _offset.top;			
668 | 				_points.push([x, y]);
669 | 				_c.attr({ path: points_to_svg() });
670 | 			}
671 | 		};
672 | 
673 | 		function points_to_svg() {
674 | 			if (_points != null && _points.length > 1) {
675 | 				var p = _points[0];
676 | 				var path = "M" + p[0] + "," + p[1];
677 | 				for (var i = 1, n = _points.length; i < n; i++) {
678 | 					p = _points[i];
679 | 					path += "L" + p[0] + "," + p[1]; 
680 | 				} 
681 | 				return path;
682 | 			} else {
683 | 				return "";
684 | 			}
685 | 		};
686 | 	};
687 | 	
688 | 	Pen.MAX_WIDTH = 1000;
689 | 	Pen.MIN_WIDTH = 1;
690 | 	
691 | 	/**
692 | 	 * Utility to generate string representation of an object.
693 | 	 */
694 | 	function inspect(obj) {
695 | 		var str = "";
696 | 		for (var i in obj) {
697 | 			str += i + "=" + obj[i] + "\n";
698 | 		}
699 | 		return str;
700 | 	}
701 | 	
702 | })(window.Raphael);
703 | 
704 | Raphael.fn.display = function(elements) {
705 | 	for (var i = 0, n = elements.length; i < n; i++) {
706 | 		var e = elements[i];
707 | 		var type = e.type;
708 | 		this[type]().attr(e);
709 | 	}
710 | };
711 | 
712 | 
713 | /**
714 |  * Utility functions to compare objects by Phil Rathe.
715 |  * http://philrathe.com/projects/equiv
716 |  */
717 | 
718 | // Determine what is o.
719 | function hoozit(o) {
720 |     if (o.constructor === String) {
721 |         return "string";
722 |         
723 |     } else if (o.constructor === Boolean) {
724 |         return "boolean";
725 | 
726 |     } else if (o.constructor === Number) {
727 | 
728 |         if (isNaN(o)) {
729 |             return "nan";
730 |         } else {
731 |             return "number";
732 |         }
733 | 
734 |     } else if (typeof o === "undefined") {
735 |         return "undefined";
736 | 
737 |     // consider: typeof null === object
738 |     } else if (o === null) {
739 |         return "null";
740 | 
741 |     // consider: typeof [] === object
742 |     } else if (o instanceof Array) {
743 |         return "array";
744 |     
745 |     // consider: typeof new Date() === object
746 |     } else if (o instanceof Date) {
747 |         return "date";
748 | 
749 |     // consider: /./ instanceof Object;
750 |     //           /./ instanceof RegExp;
751 |     //          typeof /./ === "function"; // => false in IE and Opera,
752 |     //                                          true in FF and Safari
753 |     } else if (o instanceof RegExp) {
754 |         return "regexp";
755 | 
756 |     } else if (typeof o === "object") {
757 |         return "object";
758 | 
759 |     } else if (o instanceof Function) {
760 |         return "function";
761 |     } else {
762 |         return undefined;
763 |     }
764 | }
765 | 
766 | // Call the o related callback with the given arguments.
767 | function bindCallbacks(o, callbacks, args) {
768 |     var prop = hoozit(o);
769 |     if (prop) {
770 |         if (hoozit(callbacks[prop]) === "function") {
771 |             return callbacks[prop].apply(callbacks, args);
772 |         } else {
773 |             return callbacks[prop]; // or undefined
774 |         }
775 |     }
776 | }
777 | 
778 | // Test for equality any JavaScript type.
779 | // Discussions and reference: http://philrathe.com/articles/equiv
780 | // Test suites: http://philrathe.com/tests/equiv
781 | // Author: Philippe Rathé <prathe@gmail.com>
782 | 
783 | var equiv = function () {
784 | 
785 |     var innerEquiv; // the real equiv function
786 |     var callers = []; // stack to decide between skip/abort functions
787 | 
788 |     
789 |     var callbacks = function () {
790 | 
791 |         // for string, boolean, number and null
792 |         function useStrictEquality(b, a) {
793 |             if (b instanceof a.constructor || a instanceof b.constructor) {
794 |                 // to catch short annotaion VS 'new' annotation of a declaration
795 |                 // e.g. var i = 1;
796 |                 //      var j = new Number(1);
797 |                 return a == b;
798 |             } else {
799 |                 return a === b;
800 |             }
801 |         }
802 | 
803 |         return {
804 |             "string": useStrictEquality,
805 |             "boolean": useStrictEquality,
806 |             "number": useStrictEquality,
807 |             "null": useStrictEquality,
808 |             "undefined": useStrictEquality,
809 | 
810 |             "nan": function (b) {
811 |                 return isNaN(b);
812 |             },
813 | 
814 |             "date": function (b, a) {
815 |                 return hoozit(b) === "date" && a.valueOf() === b.valueOf();
816 |             },
817 | 
818 |             "regexp": function (b, a) {
819 |                 return hoozit(b) === "regexp" &&
820 |                     a.source === b.source && // the regex itself
821 |                     a.global === b.global && // and its modifers (gmi) ...
822 |                     a.ignoreCase === b.ignoreCase &&
823 |                     a.multiline === b.multiline;
824 |             },
825 | 
826 |             // - skip when the property is a method of an instance (OOP)
827 |             // - abort otherwise,
828 |             //   initial === would have catch identical references anyway
829 |             "function": function () {
830 |                 var caller = callers[callers.length - 1];
831 |                 return caller !== Object &&
832 |                         typeof caller !== "undefined";
833 |             },
834 | 
835 |             "array": function (b, a) {
836 |                 var i;
837 |                 var len;
838 | 
839 |                 // b could be an object literal here
840 |                 if ( ! (hoozit(b) === "array")) {
841 |                     return false;
842 |                 }
843 | 
844 |                 len = a.length;
845 |                 if (len !== b.length) { // safe and faster
846 |                     return false;
847 |                 }
848 |                 for (i = 0; i < len; i++) {
849 |                     if( ! innerEquiv(a[i], b[i])) {
850 |                         return false;
851 |                     }
852 |                 }
853 |                 return true;
854 |             },
855 | 
856 |             "object": function (b, a) {
857 |                 var i;
858 |                 var eq = true; // unless we can proove it
859 |                 var aProperties = [], bProperties = []; // collection of strings
860 | 
861 |                 // comparing constructors is more strict than using instanceof
862 |                 if ( a.constructor !== b.constructor) {
863 |                     return false;
864 |                 }
865 | 
866 |                 // stack constructor before traversing properties
867 |                 callers.push(a.constructor);
868 | 
869 |                 for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
870 | 
871 |                     aProperties.push(i); // collect a's properties
872 | 
873 |                     if ( ! innerEquiv(a[i], b[i])) {
874 |                         eq = false;
875 |                     }
876 |                 }
877 | 
878 |                 callers.pop(); // unstack, we are done
879 | 
880 |                 for (i in b) {
881 |                     bProperties.push(i); // collect b's properties
882 |                 }
883 | 
884 |                 // Ensures identical properties name
885 |                 return eq && innerEquiv(aProperties.sort(), bProperties.sort());
886 |             }
887 |         };
888 |     }();
889 | 
890 |     innerEquiv = function () { // can take multiple arguments
891 |         var args = Array.prototype.slice.apply(arguments);
892 |         if (args.length < 2) {
893 |             return true; // end transition
894 |         }
895 | 
896 |         return (function (a, b) {
897 |             if (a === b) {
898 |                 return true; // catch the most you can
899 |             } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || hoozit(a) !== hoozit(b)) {
900 |                 return false; // don't lose time with error prone cases
901 |             } else {
902 |                 return bindCallbacks(a, callbacks, [b, a]);
903 |             }
904 | 
905 |         // apply transition with (1..n) arguments
906 |         })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
907 |     };
908 | 
909 |     return innerEquiv;
910 | 
911 | }();


--------------------------------------------------------------------------------
/javascripts/raphael-2.0.1.min.js:
--------------------------------------------------------------------------------
1 | // ┌─────────────────────────────────────────────────────────────────────┐ \\
2 | // │ Raphaël 2.0.1 - JavaScript Vector Library                           │ \\
3 | // ├─────────────────────────────────────────────────────────────────────┤ \\
4 | // │ Copyright (c) 2008-2011 Dmitry Baranovskiy (http://raphaeljs.com)   │ \\
5 | // │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com)             │ \\
6 | // │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\
7 | // └─────────────────────────────────────────────────────────────────────┘ \\
8 | (function(a){var b="0.4.0",c="hasOwnProperty",d=/[\.\/]/,e="*",f=function(){},g=function(a,b){return a-b},h,i,j={n:{}},k=function(a,b){var c=j,d=i,e=Array.prototype.slice.call(arguments,2),f=k.listeners(a),l=0,m=!1,n,o=[],p={},q=[],r=[];h=a,i=0;for(var s=0,t=f.length;s<t;s++)"zIndex"in f[s]&&(o.push(f[s].zIndex),f[s].zIndex<0&&(p[f[s].zIndex]=f[s]));o.sort(g);while(o[l]<0){n=p[o[l++]],q.push(n.apply(b,e));if(i){i=d;return q}}for(s=0;s<t;s++){n=f[s];if("zIndex"in n)if(n.zIndex==o[l]){q.push(n.apply(b,e));if(i){i=d;return q}do{l++,n=p[o[l]],n&&q.push(n.apply(b,e));if(i){i=d;return q}}while(n)}else p[n.zIndex]=n;else{q.push(n.apply(b,e));if(i){i=d;return q}}}i=d;return q.length?q:null};k.listeners=function(a){var b=a.split(d),c=j,f,g,h,i,k,l,m,n,o=[c],p=[];for(i=0,k=b.length;i<k;i++){n=[];for(l=0,m=o.length;l<m;l++){c=o[l].n,g=[c[b[i]],c[e]],h=2;while(h--)f=g[h],f&&(n.push(f),p=p.concat(f.f||[]))}o=n}return p},k.on=function(a,b){var c=a.split(d),e=j;for(var g=0,h=c.length;g<h;g++)e=e.n,!e[c[g]]&&(e[c[g]]={n:{}}),e=e[c[g]];e.f=e.f||[];for(g=0,h=e.f.length;g<h;g++)if(e.f[g]==b)return f;e.f.push(b);return function(a){+a==+a&&(b.zIndex=+a)}},k.stop=function(){i=1},k.nt=function(a){if(a)return(new RegExp("(?:\\.|\\/|^)"+a+"(?:\\.|\\/|$)")).test(h);return h},k.unbind=function(a,b){var f=a.split(d),g,h,i,k,l,m,n,o=[j];for(k=0,l=f.length;k<l;k++)for(m=0;m<o.length;m+=i.length-2){i=[m,1],g=o[m].n;if(f[k]!=e)g[f[k]]&&i.push(g[f[k]]);else for(h in g)g[c](h)&&i.push(g[h]);o.splice.apply(o,i)}for(k=0,l=o.length;k<l;k++){g=o[k];while(g.n){if(b){if(g.f){for(m=0,n=g.f.length;m<n;m++)if(g.f[m]==b){g.f.splice(m,1);break}!g.f.length&&delete g.f}for(h in g.n)if(g.n[c](h)&&g.n[h].f){var p=g.n[h].f;for(m=0,n=p.length;m<n;m++)if(p[m]==b){p.splice(m,1);break}!p.length&&delete g.n[h].f}}else{delete g.f;for(h in g.n)g.n[c](h)&&g.n[h].f&&delete g.n[h].f}g=g.n}}},k.once=function(a,b){var c=function(){b.apply(this,arguments),k.unbind(a,c)};return k.on(a,c)},k.version=b,k.toString=function(){return"You are running Eve "+b},typeof module!="undefined"&&module.exports?module.exports=k:a.eve=k})(this),function(){function cr(b,d,e,f,h,i){e=Q(e);var j,k,l,m=[],o,p,q,t=b.ms,u={},v={},w={};if(f)for(y=0,z=cl.length;y<z;y++){var x=cl[y];if(x.el.id==d.id&&x.anim==b){x.percent!=e?(cl.splice(y,1),l=1):k=x,d.attr(x.totalOrigin);break}}else f=+v;for(var y=0,z=b.percents.length;y<z;y++){if(b.percents[y]==e||b.percents[y]>f*b.top){e=b.percents[y],p=b.percents[y-1]||0,t=t/b.top*(e-p),o=b.percents[y+1],j=b.anim[e];break}f&&d.attr(b.anim[b.percents[y]])}if(!!j){if(!k){for(var A in j)if(j[g](A))if(U[g](A)||d.paper.customAttributes[g](A)){u[A]=d.attr(A),u[A]==null&&(u[A]=T[A]),v[A]=j[A];switch(U[A]){case C:w[A]=(v[A]-u[A])/t;break;case"colour":u[A]=a.getRGB(u[A]);var B=a.getRGB(v[A]);w[A]={r:(B.r-u[A].r)/t,g:(B.g-u[A].g)/t,b:(B.b-u[A].b)/t};break;case"path":var D=bG(u[A],v[A]),E=D[1];u[A]=D[0],w[A]=[];for(y=0,z=u[A].length;y<z;y++){w[A][y]=[0];for(var F=1,G=u[A][y].length;F<G;F++)w[A][y][F]=(E[y][F]-u[A][y][F])/t}break;case"transform":var H=d._,I=bP(H[A],v[A]);if(I){u[A]=I.from,v[A]=I.to,w[A]=[],w[A].real=!0;for(y=0,z=u[A].length;y<z;y++){w[A][y]=[u[A][y][0]];for(F=1,G=u[A][y].length;F<G;F++)w[A][y][F]=(v[A][y][F]-u[A][y][F])/t}}else{var J=d.matrix||new bQ,K={_:{transform:H.transform},getBBox:function(){return d.getBBox(1)}};u[A]=[J.a,J.b,J.c,J.d,J.e,J.f],bN(K,v[A]),v[A]=K._.transform,w[A]=[(K.matrix.a-J.a)/t,(K.matrix.b-J.b)/t,(K.matrix.c-J.c)/t,(K.matrix.d-J.d)/t,(K.matrix.e-J.e)/t,(K.matrix.e-J.f)/t]}break;case"csv":var L=r(j[A])[s](c),M=r(u[A])[s](c);if(A=="clip-rect"){u[A]=M,w[A]=[],y=M.length;while(y--)w[A][y]=(L[y]-u[A][y])/t}v[A]=L;break;default:L=[][n](j[A]),M=[][n](u[A]),w[A]=[],y=d.paper.customAttributes[A].length;while(y--)w[A][y]=((L[y]||0)-(M[y]||0))/t}}var O=j.easing,P=a.easing_formulas[O];if(!P){P=r(O).match(N);if(P&&P.length==5){var R=P;P=function(a){return cp(a,+R[1],+R[2],+R[3],+R[4],t)}}else P=be}q=j.start||b.start||+(new Date),x={anim:b,percent:e,timestamp:q,start:q+(b.del||0),status:0,initstatus:f||0,stop:!1,ms:t,easing:P,from:u,diff:w,to:v,el:d,callback:j.callback,prev:p,next:o,repeat:i||b.times,origin:d.attr(),totalOrigin:h},cl.push(x);if(f&&!k&&!l){x.stop=!0,x.start=new Date-t*f;if(cl.length==1)return cn()}l&&(x.start=new Date-x.ms*f),cl.length==1&&cm(cn)}else k.initstatus=f,k.start=new Date-k.ms*f;eve("anim.start."+d.id,d,b)}}function cq(a,b){var c=[],d={};this.ms=b,this.times=1;if(a){for(var e in a)a[g](e)&&(d[Q(e)]=a[e],c.push(Q(e)));c.sort(bc)}this.anim=d,this.top=c[c.length-1],this.percents=c}function cp(a,b,c,d,e,f){function o(a,b){var c,d,e,f,j,k;for(e=a,k=0;k<8;k++){f=m(e)-a;if(z(f)<b)return e;j=(3*i*e+2*h)*e+g;if(z(j)<1e-6)break;e=e-f/j}c=0,d=1,e=a;if(e<c)return c;if(e>d)return d;while(c<d){f=m(e);if(z(f-a)<b)return e;a>f?c=e:d=e,e=(d-c)/2+c}return e}function n(a,b){var c=o(a,b);return((l*c+k)*c+j)*c}function m(a){return((i*a+h)*a+g)*a}var g=3*b,h=3*(d-b)-g,i=1-g-h,j=3*c,k=3*(e-c)-j,l=1-j-k;return n(a,1/(200*f))}function cd(){return this.x+q+this.y+q+this.width+" × "+this.height}function cc(){return this.x+q+this.y}function bQ(a,b,c,d,e,f){a!=null?(this.a=+a,this.b=+b,this.c=+c,this.d=+d,this.e=+e,this.f=+f):(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0)}function bw(a){var b=[];for(var c=0,d=a.length;d-2>c;c+=2){var e=[{x:+a[c],y:+a[c+1]},{x:+a[c],y:+a[c+1]},{x:+a[c+2],y:+a[c+3]},{x:+a[c+4],y:+a[c+5]}];d-4==c?(e[0]={x:+a[c-2],y:+a[c-1]},e[3]=e[2]):c&&(e[0]={x:+a[c-2],y:+a[c-1]}),b.push(["C",(-e[0].x+6*e[1].x+e[2].x)/6,(-e[0].y+6*e[1].y+e[2].y)/6,(e[1].x+6*e[2].x-e[3].x)/6,(e[1].y+6*e[2].y-e[3].y)/6,e[2].x,e[2].y])}return b}function bv(){return this.hex}function bt(a,b,c){function d(){var e=Array.prototype.slice.call(arguments,0),f=e.join("␀"),h=d.cache=d.cache||{},i=d.count=d.count||[];if(h[g](f)){bs(i,f);return c?c(h[f]):h[f]}i.length>=1e3&&delete h[i.shift()],i.push(f),h[f]=a[m](b,e);return c?c(h[f]):h[f]}return d}function bs(a,b){for(var c=0,d=a.length;c<d;c++)if(a[c]===b)return a.push(a.splice(c,1)[0])}function a(c){if(a.is(c,"function"))return b?c():eve.on("DOMload",c);if(a.is(c,E))return a._engine.create[m](a,c.splice(0,3+a.is(c[0],C))).add(c);var d=Array.prototype.slice.call(arguments,0);if(a.is(d[d.length-1],"function")){var e=d.pop();return b?e.call(a._engine.create[m](a,d)):eve.on("DOMload",function(){e.call(a._engine.create[m](a,d))})}return a._engine.create[m](a,arguments)}a.version="2.0.1",a.eve=eve;var b,c=/[, ]+/,d={circle:1,rect:1,path:1,ellipse:1,text:1,image:1},e=/\{(\d+)\}/g,f="prototype",g="hasOwnProperty",h={doc:document,win:window},i={was:Object.prototype[g].call(h.win,"Raphael"),is:h.win.Raphael},j=function(){this.ca=this.customAttributes={}},k,l="appendChild",m="apply",n="concat",o="createTouch"in h.doc,p="",q=" ",r=String,s="split",t="click dblclick mousedown mousemove mouseout mouseover mouseup touchstart touchmove touchend touchcancel"[s](q),u={mousedown:"touchstart",mousemove:"touchmove",mouseup:"touchend"},v=r.prototype.toLowerCase,w=Math,x=w.max,y=w.min,z=w.abs,A=w.pow,B=w.PI,C="number",D="string",E="array",F="toString",G="fill",H=Object.prototype.toString,I={},J="push",K=a._ISURL=/^url\(['"]?([^\)]+?)['"]?\)$/i,L=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i,M={NaN:1,Infinity:1,"-Infinity":1},N=/^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/,O=w.round,P="setAttribute",Q=parseFloat,R=parseInt,S=r.prototype.toUpperCase,T=a._availableAttrs={"arrow-end":"none","arrow-start":"none",blur:0,"clip-rect":"0 0 1e9 1e9",cursor:"default",cx:0,cy:0,fill:"#fff","fill-opacity":1,font:'10px "Arial"',"font-family":'"Arial"',"font-size":"10","font-style":"normal","font-weight":400,gradient:0,height:0,href:"http://raphaeljs.com/","letter-spacing":0,opacity:1,path:"M0,0",r:0,rx:0,ry:0,src:"",stroke:"#000","stroke-dasharray":"","stroke-linecap":"butt","stroke-linejoin":"butt","stroke-miterlimit":0,"stroke-opacity":1,"stroke-width":1,target:"_blank","text-anchor":"middle",title:"Raphael",transform:"",width:0,x:0,y:0},U=a._availableAnimAttrs={blur:C,"clip-rect":"csv",cx:C,cy:C,fill:"colour","fill-opacity":C,"font-size":C,height:C,opacity:C,path:"path",r:C,rx:C,ry:C,stroke:"colour","stroke-opacity":C,"stroke-width":C,transform:"transform",width:C,x:C,y:C},V=/\s*,\s*/,W={hs:1,rg:1},X=/,?([achlmqrstvxz]),?/gi,Y=/([achlmrqstvz])[\s,]*((-?\d*\.?\d*(?:e[\-+]?\d+)?\s*,?\s*)+)/ig,Z=/([rstm])[\s,]*((-?\d*\.?\d*(?:e[\-+]?\d+)?\s*,?\s*)+)/ig,$=/(-?\d*\.?\d*(?:e[\-+]?\d+)?)\s*,?\s*/ig,_=a._radial_gradient=/^r(?:\(([^,]+?)\s*,\s*([^\)]+?)\))?/,ba={},bb=function(a,b){return a.key-b.key},bc=function(a,b){return Q(a)-Q(b)},bd=function(){},be=function(a){return a},bf=a._rectPath=function(a,b,c,d,e){if(e)return[["M",a+e,b],["l",c-e*2,0],["a",e,e,0,0,1,e,e],["l",0,d-e*2],["a",e,e,0,0,1,-e,e],["l",e*2-c,0],["a",e,e,0,0,1,-e,-e],["l",0,e*2-d],["a",e,e,0,0,1,e,-e],["z"]];return[["M",a,b],["l",c,0],["l",0,d],["l",-c,0],["z"]]},bg=function(a,b,c,d){d==null&&(d=c);return[["M",a,b],["m",0,-d],["a",c,d,0,1,1,0,2*d],["a",c,d,0,1,1,0,-2*d],["z"]]},bh=a._getPath={path:function(a){return a.attr("path")},circle:function(a){var b=a.attrs;return bg(b.cx,b.cy,b.r)},ellipse:function(a){var b=a.attrs;return bg(b.cx,b.cy,b.rx,b.ry)},rect:function(a){var b=a.attrs;return bf(b.x,b.y,b.width,b.height,b.r)},image:function(a){var b=a.attrs;return bf(b.x,b.y,b.width,b.height)},text:function(a){var b=a._getBBox();return bf(b.x,b.y,b.width,b.height)}},bi=a.mapPath=function(a,b){if(!b)return a;var c,d,e,f,g,h,i;a=bG(a);for(e=0,g=a.length;e<g;e++){i=a[e];for(f=1,h=i.length;f<h;f+=2)c=b.x(i[f],i[f+1]),d=b.y(i[f],i[f+1]),i[f]=c,i[f+1]=d}return a};a._g=h,a.type=h.win.SVGAngle||h.doc.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1")?"SVG":"VML";if(a.type=="VML"){var bj=h.doc.createElement("div"),bk;bj.innerHTML='<v:shape adj="1"/>',bk=bj.firstChild,bk.style.behavior="url(#default#VML)";if(!bk||typeof bk.adj!="object")return a.type=p;bj=null}a.svg=!(a.vml=a.type=="VML"),a._Paper=j,a.fn=k=j.prototype=a.prototype,a._id=0,a._oid=0,a.is=function(a,b){b=v.call(b);if(b=="finite")return!M[g](+a);if(b=="array")return a instanceof Array;return b=="null"&&a===null||b==typeof a&&a!==null||b=="object"&&a===Object(a)||b=="array"&&Array.isArray&&Array.isArray(a)||H.call(a).slice(8,-1).toLowerCase()==b},a.angle=function(b,c,d,e,f,g){if(f==null){var h=b-d,i=c-e;if(!h&&!i)return 0;return(180+w.atan2(-i,-h)*180/B+360)%360}return a.angle(b,c,f,g)-a.angle(d,e,f,g)},a.rad=function(a){return a%360*B/180},a.deg=function(a){return a*180/B%360},a.snapTo=function(b,c,d){d=a.is(d,"finite")?d:10;if(a.is(b,E)){var e=b.length;while(e--)if(z(b[e]-c)<=d)return b[e]}else{b=+b;var f=c%b;if(f<d)return c-f;if(f>b-d)return c-f+b}return c};var bl=a.createUUID=function(a,b){return function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(a,b).toUpperCase()}}(/[xy]/g,function(a){var b=w.random()*16|0,c=a=="x"?b:b&3|8;return c.toString(16)});a.setWindow=function(b){eve("setWindow",a,h.win,b),h.win=b,h.doc=h.win.document,a._engine.initWin&&a._engine.initWin(h.win)};var bm=function(b){if(a.vml){var c=/^\s+|\s+$/g,d;try{var e=new ActiveXObject("htmlfile");e.write("<body>"),e.close(),d=e.body}catch(f){d=createPopup().document.body}var g=d.createTextRange();bm=bt(function(a){try{d.style.color=r(a).replace(c,p);var b=g.queryCommandValue("ForeColor");b=(b&255)<<16|b&65280|(b&16711680)>>>16;return"#"+("000000"+b.toString(16)).slice(-6)}catch(e){return"none"}})}else{var i=h.doc.createElement("i");i.title="Raphaël Colour Picker",i.style.display="none",h.doc.body.appendChild(i),bm=bt(function(a){i.style.color=a;return h.doc.defaultView.getComputedStyle(i,p).getPropertyValue("color")})}return bm(b)},bn=function(){return"hsb("+[this.h,this.s,this.b]+")"},bo=function(){return"hsl("+[this.h,this.s,this.l]+")"},bp=function(){return this.hex},bq=function(b,c,d){c==null&&a.is(b,"object")&&"r"in b&&"g"in b&&"b"in b&&(d=b.b,c=b.g,b=b.r);if(c==null&&a.is(b,D)){var e=a.getRGB(b);b=e.r,c=e.g,d=e.b}if(b>1||c>1||d>1)b/=255,c/=255,d/=255;return[b,c,d]},br=function(b,c,d,e){b*=255,c*=255,d*=255;var f={r:b,g:c,b:d,hex:a.rgb(b,c,d),toString:bp};a.is(e,"finite")&&(f.opacity=e);return f};a.color=function(b){var c;a.is(b,"object")&&"h"in b&&"s"in b&&"b"in b?(c=a.hsb2rgb(b),b.r=c.r,b.g=c.g,b.b=c.b,b.hex=c.hex):a.is(b,"object")&&"h"in b&&"s"in b&&"l"in b?(c=a.hsl2rgb(b),b.r=c.r,b.g=c.g,b.b=c.b,b.hex=c.hex):(a.is(b,"string")&&(b=a.getRGB(b)),a.is(b,"object")&&"r"in b&&"g"in b&&"b"in b?(c=a.rgb2hsl(b),b.h=c.h,b.s=c.s,b.l=c.l,c=a.rgb2hsb(b),b.v=c.b):(b={hex:"none"},b.r=b.g=b.b=b.h=b.s=b.v=b.l=-1)),b.toString=bp;return b},a.hsb2rgb=function(a,b,c,d){this.is(a,"object")&&"h"in a&&"s"in a&&"b"in a&&(c=a.b,b=a.s,a=a.h,d=a.o),a*=360;var e,f,g,h,i;a=a%360/60,i=c*b,h=i*(1-z(a%2-1)),e=f=g=c-i,a=~~a,e+=[i,h,0,0,h,i][a],f+=[h,i,i,h,0,0][a],g+=[0,0,h,i,i,h][a];return br(e,f,g,d)},a.hsl2rgb=function(a,b,c,d){this.is(a,"object")&&"h"in a&&"s"in a&&"l"in a&&(c=a.l,b=a.s,a=a.h);if(a>1||b>1||c>1)a/=360,b/=100,c/=100;a*=360;var e,f,g,h,i;a=a%360/60,i=2*b*(c<.5?c:1-c),h=i*(1-z(a%2-1)),e=f=g=c-i/2,a=~~a,e+=[i,h,0,0,h,i][a],f+=[h,i,i,h,0,0][a],g+=[0,0,h,i,i,h][a];return br(e,f,g,d)},a.rgb2hsb=function(a,b,c){c=bq(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g;f=x(a,b,c),g=f-y(a,b,c),d=g==0?null:f==a?(b-c)/g:f==b?(c-a)/g+2:(a-b)/g+4,d=(d+360)%6*60/360,e=g==0?0:g/f;return{h:d,s:e,b:f,toString:bn}},a.rgb2hsl=function(a,b,c){c=bq(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g,h,i;g=x(a,b,c),h=y(a,b,c),i=g-h,d=i==0?null:g==a?(b-c)/i:g==b?(c-a)/i+2:(a-b)/i+4,d=(d+360)%6*60/360,f=(g+h)/2,e=i==0?0:f<.5?i/(2*f):i/(2-2*f);return{h:d,s:e,l:f,toString:bo}},a._path2string=function(){return this.join(",").replace(X,"$1")};var bu=a._preload=function(a,b){var c=h.doc.createElement("img");c.style.cssText="position:absolute;left:-9999em;top:-9999em",c.onload=function(){b.call(this),this.onload=null,h.doc.body.removeChild(this)},c.onerror=function(){h.doc.body.removeChild(this)},h.doc.body.appendChild(c),c.src=a};a.getRGB=bt(function(b){if(!b||!!((b=r(b)).indexOf("-")+1))return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:bv};if(b=="none")return{r:-1,g:-1,b:-1,hex:"none",toString:bv};!W[g](b.toLowerCase().substring(0,2))&&b.charAt()!="#"&&(b=bm(b));var c,d,e,f,h,i,j,k=b.match(L);if(k){k[2]&&(f=R(k[2].substring(5),16),e=R(k[2].substring(3,5),16),d=R(k[2].substring(1,3),16)),k[3]&&(f=R((i=k[3].charAt(3))+i,16),e=R((i=k[3].charAt(2))+i,16),d=R((i=k[3].charAt(1))+i,16)),k[4]&&(j=k[4][s](V),d=Q(j[0]),j[0].slice(-1)=="%"&&(d*=2.55),e=Q(j[1]),j[1].slice(-1)=="%"&&(e*=2.55),f=Q(j[2]),j[2].slice(-1)=="%"&&(f*=2.55),k[1].toLowerCase().slice(0,4)=="rgba"&&(h=Q(j[3])),j[3]&&j[3].slice(-1)=="%"&&(h/=100));if(k[5]){j=k[5][s](V),d=Q(j[0]),j[0].slice(-1)=="%"&&(d*=2.55),e=Q(j[1]),j[1].slice(-1)=="%"&&(e*=2.55),f=Q(j[2]),j[2].slice(-1)=="%"&&(f*=2.55),(j[0].slice(-3)=="deg"||j[0].slice(-1)=="°")&&(d/=360),k[1].toLowerCase().slice(0,4)=="hsba"&&(h=Q(j[3])),j[3]&&j[3].slice(-1)=="%"&&(h/=100);return a.hsb2rgb(d,e,f,h)}if(k[6]){j=k[6][s](V),d=Q(j[0]),j[0].slice(-1)=="%"&&(d*=2.55),e=Q(j[1]),j[1].slice(-1)=="%"&&(e*=2.55),f=Q(j[2]),j[2].slice(-1)=="%"&&(f*=2.55),(j[0].slice(-3)=="deg"||j[0].slice(-1)=="°")&&(d/=360),k[1].toLowerCase().slice(0,4)=="hsla"&&(h=Q(j[3])),j[3]&&j[3].slice(-1)=="%"&&(h/=100);return a.hsl2rgb(d,e,f,h)}k={r:d,g:e,b:f,toString:bv},k.hex="#"+(16777216|f|e<<8|d<<16).toString(16).slice(1),a.is(h,"finite")&&(k.opacity=h);return k}return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:bv}},a),a.hsb=bt(function(b,c,d){return a.hsb2rgb(b,c,d).hex}),a.hsl=bt(function(b,c,d){return a.hsl2rgb(b,c,d).hex}),a.rgb=bt(function(a,b,c){return"#"+(16777216|c|b<<8|a<<16).toString(16).slice(1)}),a.getColor=function(a){var b=this.getColor.start=this.getColor.start||{h:0,s:1,b:a||.75},c=this.hsb2rgb(b.h,b.s,b.b);b.h+=.075,b.h>1&&(b.h=0,b.s-=.2,b.s<=0&&(this.getColor.start={h:0,s:1,b:b.b}));return c.hex},a.getColor.reset=function(){delete this.start},a.parsePathString=bt(function(b){if(!b)return null;var c={a:7,c:6,h:1,l:2,m:2,r:4,q:4,s:4,t:2,v:1,z:0},d=[];a.is(b,E)&&a.is(b[0],E)&&(d=by(b)),d.length||r(b).replace(Y,function(a,b,e){var f=[],g=b.toLowerCase();e.replace($,function(a,b){b&&f.push(+b)}),g=="m"&&f.length>2&&(d.push([b][n](f.splice(0,2))),g="l",b=b=="m"?"l":"L");if(g=="r")d.push([b][n](f));else while(f.length>=c[g]){d.push([b][n](f.splice(0,c[g])));if(!c[g])break}}),d.toString=a._path2string;return d}),a.parseTransformString=bt(function(b){if(!b)return null;var c={r:3,s:4,t:2,m:6},d=[];a.is(b,E)&&a.is(b[0],E)&&(d=by(b)),d.length||r(b).replace(Z,function(a,b,c){var e=[],f=v.call(b);c.replace($,function(a,b){b&&e.push(+b)}),d.push([b][n](e))}),d.toString=a._path2string;return d}),a.findDotsAtSegment=function(a,b,c,d,e,f,g,h,i){var j=1-i,k=A(j,3),l=A(j,2),m=i*i,n=m*i,o=k*a+l*3*i*c+j*3*i*i*e+n*g,p=k*b+l*3*i*d+j*3*i*i*f+n*h,q=a+2*i*(c-a)+m*(e-2*c+a),r=b+2*i*(d-b)+m*(f-2*d+b),s=c+2*i*(e-c)+m*(g-2*e+c),t=d+2*i*(f-d)+m*(h-2*f+d),u=j*a+i*c,v=j*b+i*d,x=j*e+i*g,y=j*f+i*h,z=90-w.atan2(q-s,r-t)*180/B;(q>s||r<t)&&(z+=180);return{x:o,y:p,m:{x:q,y:r},n:{x:s,y:t},start:{x:u,y:v},end:{x:x,y:y},alpha:z}},a._removedFactory=function(a){return function(){throw new Error("Raphaël: you are calling to method “"+a+"” of removed object")}};var bx=bt(function(a){if(!a)return{x:0,y:0,width:0,height:0};a=bG(a);var b=0,c=0,d=[],e=[],f;for(var g=0,h=a.length;g<h;g++){f=a[g];if(f[0]=="M")b=f[1],c=f[2],d.push(b),e.push(c);else{var i=bF(b,c,f[1],f[2],f[3],f[4],f[5],f[6]);d=d[n](i.min.x,i.max.x),e=e[n](i.min.y,i.max.y),b=f[5],c=f[6]}}var j=y[m](0,d),k=y[m](0,e);return{x:j,y:k,width:x[m](0,d)-j,height:x[m](0,e)-k}},null,function(a){return{x:a.x,y:a.y,width:a.width,height:a.height}}),by=function(b){var c=[];if(!a.is(b,E)||!a.is(b&&b[0],E))b=a.parsePathString(b);for(var d=0,e=b.length;d<e;d++){c[d]=[];for(var f=0,g=b[d].length;f<g;f++)c[d][f]=b[d][f]}c.toString=a._path2string;return c},bz=a._pathToRelative=bt(function(b){if(!a.is(b,E)||!a.is(b&&b[0],E))b=a.parsePathString(b);var c=[],d=0,e=0,f=0,g=0,h=0;b[0][0]=="M"&&(d=b[0][1],e=b[0][2],f=d,g=e,h++,c.push(["M",d,e]));for(var i=h,j=b.length;i<j;i++){var k=c[i]=[],l=b[i];if(l[0]!=v.call(l[0])){k[0]=v.call(l[0]);switch(k[0]){case"a":k[1]=l[1],k[2]=l[2],k[3]=l[3],k[4]=l[4],k[5]=l[5],k[6]=+(l[6]-d).toFixed(3),k[7]=+(l[7]-e).toFixed(3);break;case"v":k[1]=+(l[1]-e).toFixed(3);break;case"m":f=l[1],g=l[2];default:for(var m=1,n=l.length;m<n;m++)k[m]=+(l[m]-(m%2?d:e)).toFixed(3)}}else{k=c[i]=[],l[0]=="m"&&(f=l[1]+d,g=l[2]+e);for(var o=0,p=l.length;o<p;o++)c[i][o]=l[o]}var q=c[i].length;switch(c[i][0]){case"z":d=f,e=g;break;case"h":d+=+c[i][q-1];break;case"v":e+=+c[i][q-1];break;default:d+=+c[i][q-2],e+=+c[i][q-1]}}c.toString=a._path2string;return c},0,by),bA=a._pathToAbsolute=bt(function(b){if(!a.is(b,E)||!a.is(b&&b[0],E))b=a.parsePathString(b);if(!b||!b.length)return[["M",0,0]];var c=[],d=0,e=0,f=0,g=0,h=0;b[0][0]=="M"&&(d=+b[0][1],e=+b[0][2],f=d,g=e,h++,c[0]=["M",d,e]);for(var i,j,k=h,l=b.length;k<l;k++){c.push(i=[]),j=b[k];if(j[0]!=S.call(j[0])){i[0]=S.call(j[0]);switch(i[0]){case"A":i[1]=j[1],i[2]=j[2],i[3]=j[3],i[4]=j[4],i[5]=j[5],i[6]=+(j[6]+d),i[7]=+(j[7]+e);break;case"V":i[1]=+j[1]+e;break;case"H":i[1]=+j[1]+d;break;case"R":var m=[d,e][n](j.slice(1));for(var o=2,p=m.length;o<p;o++)m[o]=+m[o]+d,m[++o]=+m[o]+e;c.pop(),c=c[n](bw(m));break;case"M":f=+j[1]+d,g=+j[2]+e;default:for(o=1,p=j.length;o<p;o++)i[o]=+j[o]+(o%2?d:e)}}else if(j[0]=="R")m=[d,e][n](j.slice(1)),c.pop(),c=c[n](bw(m)),i=["R"][n](j.slice(-2));else for(var q=0,r=j.length;q<r;q++)i[q]=j[q];switch(i[0]){case"Z":d=f,e=g;break;case"H":d=i[1];break;case"V":e=i[1];break;case"M":f=i[i.length-2],g=i[i.length-1];default:d=i[i.length-2],e=i[i.length-1]}}c.toString=a._path2string;return c},null,by),bB=function(a,b,c,d){return[a,b,c,d,c,d]},bC=function(a,b,c,d,e,f){var g=1/3,h=2/3;return[g*a+h*c,g*b+h*d,g*e+h*c,g*f+h*d,e,f]},bD=function(a,b,c,d,e,f,g,h,i,j){var k=B*120/180,l=B/180*(+e||0),m=[],o,p=bt(function(a,b,c){var d=a*w.cos(c)-b*w.sin(c),e=a*w.sin(c)+b*w.cos(c);return{x:d,y:e}});if(!j){o=p(a,b,-l),a=o.x,b=o.y,o=p(h,i,-l),h=o.x,i=o.y;var q=w.cos(B/180*e),r=w.sin(B/180*e),t=(a-h)/2,u=(b-i)/2,v=t*t/(c*c)+u*u/(d*d);v>1&&(v=w.sqrt(v),c=v*c,d=v*d);var x=c*c,y=d*d,A=(f==g?-1:1)*w.sqrt(z((x*y-x*u*u-y*t*t)/(x*u*u+y*t*t))),C=A*c*u/d+(a+h)/2,D=A*-d*t/c+(b+i)/2,E=w.asin(((b-D)/d).toFixed(9)),F=w.asin(((i-D)/d).toFixed(9));E=a<C?B-E:E,F=h<C?B-F:F,E<0&&(E=B*2+E),F<0&&(F=B*2+F),g&&E>F&&(E=E-B*2),!g&&F>E&&(F=F-B*2)}else E=j[0],F=j[1],C=j[2],D=j[3];var G=F-E;if(z(G)>k){var H=F,I=h,J=i;F=E+k*(g&&F>E?1:-1),h=C+c*w.cos(F),i=D+d*w.sin(F),m=bD(h,i,c,d,e,0,g,I,J,[F,H,C,D])}G=F-E;var K=w.cos(E),L=w.sin(E),M=w.cos(F),N=w.sin(F),O=w.tan(G/4),P=4/3*c*O,Q=4/3*d*O,R=[a,b],S=[a+P*L,b-Q*K],T=[h+P*N,i-Q*M],U=[h,i];S[0]=2*R[0]-S[0],S[1]=2*R[1]-S[1];if(j)return[S,T,U][n](m);m=[S,T,U][n](m).join()[s](",");var V=[];for(var W=0,X=m.length;W<X;W++)V[W]=W%2?p(m[W-1],m[W],l).y:p(m[W],m[W+1],l).x;return V},bE=function(a,b,c,d,e,f,g,h,i){var j=1-i;return{x:A(j,3)*a+A(j,2)*3*i*c+j*3*i*i*e+A(i,3)*g,y:A(j,3)*b+A(j,2)*3*i*d+j*3*i*i*f+A(i,3)*h}},bF=bt(function(a,b,c,d,e,f,g,h){var i=e-2*c+a-(g-2*e+c),j=2*(c-a)-2*(e-c),k=a-c,l=(-j+w.sqrt(j*j-4*i*k))/2/i,n=(-j-w.sqrt(j*j-4*i*k))/2/i,o=[b,h],p=[a,g],q;z(l)>"1e12"&&(l=.5),z(n)>"1e12"&&(n=.5),l>0&&l<1&&(q=bE(a,b,c,d,e,f,g,h,l),p.push(q.x),o.push(q.y)),n>0&&n<1&&(q=bE(a,b,c,d,e,f,g,h,n),p.push(q.x),o.push(q.y)),i=f-2*d+b-(h-2*f+d),j=2*(d-b)-2*(f-d),k=b-d,l=(-j+w.sqrt(j*j-4*i*k))/2/i,n=(-j-w.sqrt(j*j-4*i*k))/2/i,z(l)>"1e12"&&(l=.5),z(n)>"1e12"&&(n=.5),l>0&&l<1&&(q=bE(a,b,c,d,e,f,g,h,l),p.push(q.x),o.push(q.y)),n>0&&n<1&&(q=bE(a,b,c,d,e,f,g,h,n),p.push(q.x),o.push(q.y));return{min:{x:y[m](0,p),y:y[m](0,o)},max:{x:x[m](0,p),y:x[m](0,o)}}}),bG=a._path2curve=bt(function(a,b){var c=bA(a),d=b&&bA(b),e={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},f={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},g=function(a,b){var c,d;if(!a)return["C",b.x,b.y,b.x,b.y,b.x,b.y];!(a[0]in{T:1,Q:1})&&(b.qx=b.qy=null);switch(a[0]){case"M":b.X=a[1],b.Y=a[2];break;case"A":a=["C"][n](bD[m](0,[b.x,b.y][n](a.slice(1))));break;case"S":c=b.x+(b.x-(b.bx||b.x)),d=b.y+(b.y-(b.by||b.y)),a=["C",c,d][n](a.slice(1));break;case"T":b.qx=b.x+(b.x-(b.qx||b.x)),b.qy=b.y+(b.y-(b.qy||b.y)),a=["C"][n](bC(b.x,b.y,b.qx,b.qy,a[1],a[2]));break;case"Q":b.qx=a[1],b.qy=a[2],a=["C"][n](bC(b.x,b.y,a[1],a[2],a[3],a[4]));break;case"L":a=["C"][n](bB(b.x,b.y,a[1],a[2]));break;case"H":a=["C"][n](bB(b.x,b.y,a[1],b.y));break;case"V":a=["C"][n](bB(b.x,b.y,b.x,a[1]));break;case"Z":a=["C"][n](bB(b.x,b.y,b.X,b.Y))}return a},h=function(a,b){if(a[b].length>7){a[b].shift();var e=a[b];while(e.length)a.splice(b++,0,["C"][n](e.splice(0,6)));a.splice(b,1),k=x(c.length,d&&d.length||0)}},i=function(a,b,e,f,g){a&&b&&a[g][0]=="M"&&b[g][0]!="M"&&(b.splice(g,0,["M",f.x,f.y]),e.bx=0,e.by=0,e.x=a[g][1],e.y=a[g][2],k=x(c.length,d&&d.length||0))};for(var j=0,k=x(c.length,d&&d.length||0);j<k;j++){c[j]=g(c[j],e),h(c,j),d&&(d[j]=g(d[j],f)),d&&h(d,j),i(c,d,e,f,j),i(d,c,f,e,j);var l=c[j],o=d&&d[j],p=l.length,q=d&&o.length;e.x=l[p-2],e.y=l[p-1],e.bx=Q(l[p-4])||e.x,e.by=Q(l[p-3])||e.y,f.bx=d&&(Q(o[q-4])||f.x),f.by=d&&(Q(o[q-3])||f.y),f.x=d&&o[q-2],f.y=d&&o[q-1]}return d?[c,d]:c},null,by),bH=a._parseDots=bt(function(b){var c=[];for(var d=0,e=b.length;d<e;d++){var f={},g=b[d].match(/^([^:]*):?([\d\.]*)/);f.color=a.getRGB(g[1]);if(f.color.error)return null;f.color=f.color.hex,g[2]&&(f.offset=g[2]+"%"),c.push(f)}for(d=1,e=c.length-1;d<e;d++)if(!c[d].offset){var h=Q(c[d-1].offset||0),i=0;for(var j=d+1;j<e;j++)if(c[j].offset){i=c[j].offset;break}i||(i=100,j=e),i=Q(i);var k=(i-h)/(j-d+1);for(;d<j;d++)h+=k,c[d].offset=h+"%"}return c}),bI=a._tear=function(a,b){a==b.top&&(b.top=a.prev),a==b.bottom&&(b.bottom=a.next),a.next&&(a.next.prev=a.prev),a.prev&&(a.prev.next=a.next)},bJ=a._tofront=function(a,b){b.top!==a&&(bI(a,b),a.next=null,a.prev=b.top,b.top.next=a,b.top=a)},bK=a._toback=function(a,b){b.bottom!==a&&(bI(a,b),a.next=b.bottom,a.prev=null,b.bottom.prev=a,b.bottom=a)},bL=a._insertafter=function(a,b,c){bI(a,c),b==c.top&&(c.top=a),b.next&&(b.next.prev=a),a.next=b.next,a.prev=b,b.next=a},bM=a._insertbefore=function(a,b,c){bI(a,c),b==c.bottom&&(c.bottom=a),b.prev&&(b.prev.next=a),a.prev=b.prev,b.prev=a,a.next=b},bN=a._extractTransform=function(b,c){if(c==null)return b._.transform;c=r(c).replace(/\.{3}|\u2026/g,b._.transform||p);var d=a.parseTransformString(c),e=0,f=0,g=0,h=1,i=1,j=b._,k=new bQ;j.transform=d||[];if(d)for(var l=0,m=d.length;l<m;l++){var n=d[l],o=n.length,q=r(n[0]).toLowerCase(),s=n[0]!=q,t=s?k.invert():0,u,v,w,x,y;q=="t"&&o==3?s?(u=t.x(0,0),v=t.y(0,0),w=t.x(n[1],n[2]),x=t.y(n[1],n[2]),k.translate(w-u,x-v)):k.translate(n[1],n[2]):q=="r"?o==2?(y=y||b.getBBox(1),k.rotate(n[1],y.x+y.width/2,y.y+y.height/2),e+=n[1]):o==4&&(s?(w=t.x(n[2],n[3]),x=t.y(n[2],n[3]),k.rotate(n[1],w,x)):k.rotate(n[1],n[2],n[3]),e+=n[1]):q=="s"?o==2||o==3?(y=y||b.getBBox(1),k.scale(n[1],n[o-1],y.x+y.width/2,y.y+y.height/2),h*=n[1],i*=n[o-1]):o==5&&(s?(w=t.x(n[3],n[4]),x=t.y(n[3],n[4]),k.scale(n[1],n[2],w,x)):k.scale(n[1],n[2],n[3],n[4]),h*=n[1],i*=n[2]):q=="m"&&o==7&&k.add(n[1],n[2],n[3],n[4],n[5],n[6]),j.dirtyT=1,b.matrix=k}b.matrix=k,j.sx=h,j.sy=i,j.deg=e,j.dx=f=k.e,j.dy=g=k.f,h==1&&i==1&&!e&&j.bbox?(j.bbox.x+=+f,j.bbox.y+=+g):j.dirtyT=1},bO=function(a){var b=a[0];switch(b.toLowerCase()){case"t":return[b,0,0];case"m":return[b,1,0,0,1,0,0];case"r":return a.length==4?[b,0,a[2],a[3]]:[b,0];case"s":return a.length==5?[b,1,1,a[3],a[4]]:a.length==3?[b,1,1]:[b,1]}},bP=a._equaliseTransform=function(b,c){c=r(c).replace(/\.{3}|\u2026/g,b),b=a.parseTransformString(b)||[],c=a.parseTransformString(c)||[];var d=x(b.length,c.length),e=[],f=[],g=0,h,i,j,k;for(;g<d;g++){j=b[g]||bO(c[g]),k=c[g]||bO(j);if(j[0]!=k[0]||j[0].toLowerCase()=="r"&&(j[2]!=k[2]||j[3]!=k[3])||j[0].toLowerCase()=="s"&&(j[3]!=k[3]||j[4]!=k[4]))return;e[g]=[],f[g]=[];for(h=0,i=x(j.length,k.length);h<i;h++)h in j&&(e[g][h]=j[h]),h in k&&(f[g][h]=k[h])}return{from:e,to:f}};a._getContainer=function(b,c,d,e){var f;f=e==null&&!a.is(b,"object")?h.doc.getElementById(b):b;if(f!=null){if(f.tagName)return c==null?{container:f,width:f.style.pixelWidth||f.offsetWidth,height:f.style.pixelHeight||f.offsetHeight}:{container:f,width:c,height:d};return{container:1,x:b,y:c,width:d,height:e}}},a.pathToRelative=bz,a._engine={},a.path2curve=bG,a.matrix=function(a,b,c,d,e,f){return new bQ(a,b,c,d,e,f)},function(b){function d(a){var b=w.sqrt(c(a));a[0]&&(a[0]/=b),a[1]&&(a[1]/=b)}function c(a){return a[0]*a[0]+a[1]*a[1]}b.add=function(a,b,c,d,e,f){var g=[[],[],[]],h=[[this.a,this.c,this.e],[this.b,this.d,this.f],[0,0,1]],i=[[a,c,e],[b,d,f],[0,0,1]],j,k,l,m;a&&a instanceof bQ&&(i=[[a.a,a.c,a.e],[a.b,a.d,a.f],[0,0,1]]);for(j=0;j<3;j++)for(k=0;k<3;k++){m=0;for(l=0;l<3;l++)m+=h[j][l]*i[l][k];g[j][k]=m}this.a=g[0][0],this.b=g[1][0],this.c=g[0][1],this.d=g[1][1],this.e=g[0][2],this.f=g[1][2]},b.invert=function(){var a=this,b=a.a*a.d-a.b*a.c;return new bQ(a.d/b,-a.b/b,-a.c/b,a.a/b,(a.c*a.f-a.d*a.e)/b,(a.b*a.e-a.a*a.f)/b)},b.clone=function(){return new bQ(this.a,this.b,this.c,this.d,this.e,this.f)},b.translate=function(a,b){this.add(1,0,0,1,a,b)},b.scale=function(a,b,c,d){b==null&&(b=a),(c||d)&&this.add(1,0,0,1,c,d),this.add(a,0,0,b,0,0),(c||d)&&this.add(1,0,0,1,-c,-d)},b.rotate=function(b,c,d){b=a.rad(b),c=c||0,d=d||0;var e=+w.cos(b).toFixed(9),f=+w.sin(b).toFixed(9);this.add(e,f,-f,e,c,d),this.add(1,0,0,1,-c,-d)},b.x=function(a,b){return a*this.a+b*this.c+this.e},b.y=function(a,b){return a*this.b+b*this.d+this.f},b.get=function(a){return+this[r.fromCharCode(97+a)].toFixed(4)},b.toString=function(){return a.svg?"matrix("+[this.get(0),this.get(1),this.get(2),this.get(3),this.get(4),this.get(5)].join()+")":[this.get(0),this.get(2),this.get(1),this.get(3),0,0].join()},b.toFilter=function(){return"progid:DXImageTransform.Microsoft.Matrix(M11="+this.get(0)+", M12="+this.get(2)+", M21="+this.get(1)+", M22="+this.get(3)+", Dx="+this.get(4)+", Dy="+this.get(5)+", sizingmethod='auto expand')"},b.offset=function(){return[this.e.toFixed(4),this.f.toFixed(4)]},b.split=function(){var b={};b.dx=this.e,b.dy=this.f;var e=[[this.a,this.c],[this.b,this.d]];b.scalex=w.sqrt(c(e[0])),d(e[0]),b.shear=e[0][0]*e[1][0]+e[0][1]*e[1][1],e[1]=[e[1][0]-e[0][0]*b.shear,e[1][1]-e[0][1]*b.shear],b.scaley=w.sqrt(c(e[1])),d(e[1]),b.shear/=b.scaley;var f=-e[0][1],g=e[1][1];g<0?(b.rotate=a.deg(w.acos(g)),f<0&&(b.rotate=360-b.rotate)):b.rotate=a.deg(w.asin(f)),b.isSimple=!+b.shear.toFixed(9)&&(b.scalex.toFixed(9)==b.scaley.toFixed(9)||!b.rotate),b.isSuperSimple=!+b.shear.toFixed(9)&&b.scalex.toFixed(9)==b.scaley.toFixed(9)&&!b.rotate,b.noRotation=!+b.shear.toFixed(9)&&!b.rotate;return b},b.toTransformString=function(a){var b=a||this[s]();if(b.isSimple){b.scalex=+b.scalex.toFixed(4),b.scaley=+b.scaley.toFixed(4),b.rotate=+b.rotate.toFixed(4);return(b.dx&&b.dy?"t"+[b.dx,b.dy]:p)+(b.scalex!=1||b.scaley!=1?"s"+[b.scalex,b.scaley,0,0]:p)+(b.rotate?"r"+[b.rotate,0,0]:p)}return"m"+[this.get(0),this.get(1),this.get(2),this.get(3),this.get(4),this.get(5)]}}(bQ.prototype);var bR=navigator.userAgent.match(/Version\/(.*?)\s/)||navigator.userAgent.match(/Chrome\/(\d+)/);navigator.vendor=="Apple Computer, Inc."&&(bR&&bR[1]<4||navigator.platform.slice(0,2)=="iP")||navigator.vendor=="Google Inc."&&bR&&bR[1]<8?k.safari=function(){var a=this.rect(-99,-99,this.width+99,this.height+99).attr({stroke:"none"});setTimeout(function(){a.remove()})}:k.safari=bd;var bS=function(){this.returnValue=!1},bT=function(){return this.originalEvent.preventDefault()},bU=function(){this.cancelBubble=!0},bV=function(){return this.originalEvent.stopPropagation()},bW=function(){if(h.doc.addEventListener)return function(a,b,c,d){var e=o&&u[b]?u[b]:b,f=function(e){var f=h.doc.documentElement.scrollTop||h.doc.body.scrollTop,i=h.doc.documentElement.scrollLeft||h.doc.body.scrollLeft,j=e.clientX+i,k=e.clientY+f;if(o&&u[g](b))for(var l=0,m=e.targetTouches&&e.targetTouches.length;l<m;l++)if(e.targetTouches[l].target==a){var n=e;e=e.targetTouches[l],e.originalEvent=n,e.preventDefault=bT,e.stopPropagation=bV;break}return c.call(d,e,j,k)};a.addEventListener(e,f,!1);return function(){a.removeEventListener(e,f,!1);return!0}};if(h.doc.attachEvent)return function(a,b,c,d){var e=function(a){a=a||h.win.event;var b=h.doc.documentElement.scrollTop||h.doc.body.scrollTop,e=h.doc.documentElement.scrollLeft||h.doc.body.scrollLeft,f=a.clientX+e,g=a.clientY+b;a.preventDefault=a.preventDefault||bS,a.stopPropagation=a.stopPropagation||bU;return c.call(d,a,f,g)};a.attachEvent("on"+b,e);var f=function(){a.detachEvent("on"+b,e);return!0};return f}}(),bX=[],bY=function(a){var b=a.clientX,c=a.clientY,d=h.doc.documentElement.scrollTop||h.doc.body.scrollTop,e=h.doc.documentElement.scrollLeft||h.doc.body.scrollLeft,f,g=bX.length;while(g--){f=bX[g];if(o){var i=a.touches.length,j;while(i--){j=a.touches[i];if(j.identifier==f.el._drag.id){b=j.clientX,c=j.clientY,(a.originalEvent?a.originalEvent:a).preventDefault();break}}}else a.preventDefault();var k=f.el.node,l,m=k.nextSibling,n=k.parentNode,p=k.style.display;h.win.opera&&n.removeChild(k),k.style.display="none",l=f.el.paper.getElementByPoint(b,c),k.style.display=p,h.win.opera&&(m?n.insertBefore(k,m):n.appendChild(k)),l&&eve("drag.over."+f.el.id,f.el,l),b+=e,c+=d,eve("drag.move."+f.el.id,f.move_scope||f.el,b-f.el._drag.x,c-f.el._drag.y,b,c,a)}},bZ=function(b){a.unmousemove(bY).unmouseup(bZ);var c=bX.length,d;while(c--)d=bX[c],d.el._drag={},eve("drag.end."+d.el.id,d.end_scope||d.start_scope||d.move_scope||d.el,b);bX=[]},b$=a.el={};for(var b_=t.length;b_--;)(function(b){a[b]=b$[b]=function(c,d){a.is(c,"function")&&(this.events=this.events||[],this.events.push({name:b,f:c,unbind:bW(this.shape||this.node||h.doc,b,c,d||this)}));return this},a["un"+b]=b$["un"+b]=function(a){var c=this.events,d=c.length;while(d--)if(c[d].name==b&&c[d].f==a){c[d].unbind(),c.splice(d,1),!c.length&&delete this.events;return this}return this}})(t[b_]);b$.data=function(b,c){var d=ba[this.id]=ba[this.id]||{};if(arguments.length==1){if(a.is(b,"object")){for(var e in b)b[g](e)&&this.data(e,b[e]);return this}eve("data.get."+this.id,this,d[b],b);return d[b]}d[b]=c,eve("data.set."+this.id,this,c,b);return this},b$.removeData=function(a){a==null?ba[this.id]={}:ba[this.id]&&delete ba[this.id][a];return this},b$.hover=function(a,b,c,d){return this.mouseover(a,c).mouseout(b,d||c)},b$.unhover=function(a,b){return this.unmouseover(a).unmouseout(b)};var ca=[];b$.drag=function(b,c,d,e,f,g){function i(i){(i.originalEvent||i).preventDefault();var j=h.doc.documentElement.scrollTop||h.doc.body.scrollTop,k=h.doc.documentElement.scrollLeft||h.doc.body.scrollLeft;this._drag.x=i.clientX+k,this._drag.y=i.clientY+j,this._drag.id=i.identifier,!bX.length&&a.mousemove(bY).mouseup(bZ),bX.push({el:this,move_scope:e,start_scope:f,end_scope:g}),c&&eve.on("drag.start."+this.id,c),b&&eve.on("drag.move."+this.id,b),d&&eve.on("drag.end."+this.id,d),eve("drag.start."+this.id,f||e||this,i.clientX+k,i.clientY+j,i)}this._drag={},ca.push({el:this,start:i}),this.mousedown(i);return this},b$.onDragOver=function(a){a?eve.on("drag.over."+this.id,a):eve.unbind("drag.over."+this.id)},b$.undrag=function(){var b=ca.length;while(b--)ca[b].el==this&&(this.unmousedown(ca[b].start),ca.splice(b,1),eve.unbind("drag.*."+this.id));!ca.length&&a.unmousemove(bY).unmouseup(bZ)},k.circle=function(b,c,d){var e=a._engine.circle(this,b||0,c||0,d||0);this.__set__&&this.__set__.push(e);return e},k.rect=function(b,c,d,e,f){var g=a._engine.rect(this,b||0,c||0,d||0,e||0,f||0);this.__set__&&this.__set__.push(g);return g},k.ellipse=function(b,c,d,e){var f=a._engine.ellipse(this,b||0,c||0,d||0,e||0);this.__set__&&this.__set__.push(f);return f},k.path=function(b){b&&!a.is(b,D)&&!a.is(b[0],E)&&(b+=p);var c=a._engine.path(a.format[m](a,arguments),this);this.__set__&&this.__set__.push(c);return c},k.image=function(b,c,d,e,f){var g=a._engine.image(this,b||"about:blank",c||0,d||0,e||0,f||0);this.__set__&&this.__set__.push(g);return g},k.text=function(b,c,d){var e=a._engine.text(this,b||0,c||0,r(d));this.__set__&&this.__set__.push(e);return e},k.set=function(b){!a.is(b,"array")&&(b=Array.prototype.splice.call(arguments,0,arguments.length));var c=new cs(b);this.__set__&&this.__set__.push(c);return c},k.setStart=function(a){this.__set__=a||this.set()},k.setFinish=function(a){var b=this.__set__;delete this.__set__;return b},k.setSize=function(b,c){return a._engine.setSize.call(this,b,c)},k.setViewBox=function(b,c,d,e,f){return a._engine.setViewBox.call(this,b,c,d,e,f)},k.top=k.bottom=null,k.raphael=a;var cb=function(a){var b=a.getBoundingClientRect(),c=a.ownerDocument,d=c.body,e=c.documentElement,f=e.clientTop||d.clientTop||0,g=e.clientLeft||d.clientLeft||0,i=b.top+(h.win.pageYOffset||e.scrollTop||d.scrollTop)-f,j=b.left+(h.win.pageXOffset||e.scrollLeft||d.scrollLeft)-g;return{y:i,x:j}};k.getElementByPoint=function(a,b){var c=this,d=c.canvas,e=h.doc.elementFromPoint(a,b);if(h.win.opera&&e.tagName=="svg"){var f=cb(d),g=d.createSVGRect();g.x=a-f.x,g.y=b-f.y,g.width=g.height=1;var i=d.getIntersectionList(g,null);i.length&&(e=i[i.length-1])}if(!e)return null;while(e.parentNode&&e!=d.parentNode&&!e.raphael)e=e.parentNode;e==c.canvas.parentNode&&(e=d),e=e&&e.raphael?c.getById(e.raphaelid):null;return e},k.getById=function(a){var b=this.bottom;while(b){if(b.id==a)return b;b=b.next}return null},k.forEach=function(a,b){var c=this.bottom;while(c){if(a.call(b,c)===!1)return this;c=c.next}return this},b$.getBBox=function(a){if(this.removed)return{};var b=this._;if(a){if(b.dirty||!b.bboxwt)this.realPath=bh[this.type](this),b.bboxwt=bx(this.realPath),b.bboxwt.toString=cd,b.dirty=0;return b.bboxwt}if(b.dirty||b.dirtyT||!b.bbox){if(b.dirty||!this.realPath)b.bboxwt=0,this.realPath=bh[this.type](this);b.bbox=bx(bi(this.realPath,this.matrix)),b.bbox.toString=cd,b.dirty=b.dirtyT=0}return b.bbox},b$.clone=function(){if(this.removed)return null;var a=this.paper[this.type]().attr(this.attr());this.__set__&&this.__set__.push(a);return a},b$.glow=function(a){if(this.type=="text")return null;a=a||{};var b={width:(a.width||10)+(+this.attr("stroke-width")||1),fill:a.fill||!1,opacity:a.opacity||.5,offsetx:a.offsetx||0,offsety:a.offsety||0,color:a.color||"#000"},c=b.width/2,d=this.paper,e=d.set(),f=this.realPath||bh[this.type](this);f=this.matrix?bi(f,this.matrix):f;for(var g=1;g<c+1;g++)e.push(d.path(f).attr({stroke:b.color,fill:b.fill?b.color:"none","stroke-linejoin":"round","stroke-linecap":"round","stroke-width":+(b.width/c*g).toFixed(3),opacity:+(b.opacity/c).toFixed(3)}));return e.insertBefore(this).translate(b.offsetx,b.offsety)};var ce={},cf=function(b,c,d,e,f,g,h,i,j){var k=0,l=100,m=[b,c,d,e,f,g,h,i].join(),n=ce[m],o,p;!n&&(ce[m]=n={data:[]}),n.timer&&clearTimeout(n.timer),n.timer=setTimeout(function(){delete ce[m]},2e3);if(j!=null&&!n.precision){var q=cf(b,c,d,e,f,g,h,i);n.precision=~~q*10,n.data=[]}l=n.precision||l;for(var r=0;r<l+1;r++){n.data[r*l]?p=n.data[r*l]:(p=a.findDotsAtSegment(b,c,d,e,f,g,h,i,r/l),n.data[r*l]=p),r&&(k+=A(A(o.x-p.x,2)+A(o.y-p.y,2),.5));if(j!=null&&k>=j)return p;o=p}if(j==null)return k},cg=function(b,c){return function(d,e,f){d=bG(d);var g,h,i,j,k="",l={},m,n=0;for(var o=0,p=d.length;o<p;o++){i=d[o];if(i[0]=="M")g=+i[1],h=+i[2];else{j=cf(g,h,i[1],i[2],i[3],i[4],i[5],i[6]);if(n+j>e){if(c&&!l.start){m=cf(g,h,i[1],i[2],i[3],i[4],i[5],i[6],e-n),k+=["C"+m.start.x,m.start.y,m.m.x,m.m.y,m.x,m.y];if(f)return k;l.start=k,k=["M"+m.x,m.y+"C"+m.n.x,m.n.y,m.end.x,m.end.y,i[5],i[6]].join(),n+=j,g=+i[5],h=+i[6];continue}if(!b&&!c){m=cf(g,h,i[1],i[2],i[3],i[4],i[5],i[6],e-n);return{x:m.x,y:m.y,alpha:m.alpha}}}n+=j,g=+i[5],h=+i[6]}k+=i.shift()+i}l.end=k,m=b?n:c?l:a.findDotsAtSegment(g,h,i[0],i[1],i[2],i[3],i[4],i[5],1),m.alpha&&(m={x:m.x,y:m.y,alpha:m.alpha});return m}},ch=cg(1),ci=cg(),cj=cg(0,1);a.getTotalLength=ch,a.getPointAtLength=ci,a.getSubpath=function(a,b,c){if(this.getTotalLength(a)-c<1e-6)return cj(a,b).end;var d=cj(a,c,1);return b?cj(d,b).end:d},b$.getTotalLength=function(){if(this.type=="path"){if(this.node.getTotalLength)return this.node.getTotalLength();return ch(this.attrs.path)}},b$.getPointAtLength=function(a){if(this.type=="path")return ci(this.attrs.path,a)},b$.getSubpath=function(b,c){if(this.type=="path")return a.getSubpath(this.attrs.path,b,c)};var ck=a.easing_formulas={linear:function(a){return a},"<":function(a){return A(a,1.7)},">":function(a){return A(a,.48)},"<>":function(a){var b=.48-a/1.04,c=w.sqrt(.1734+b*b),d=c-b,e=A(z(d),1/3)*(d<0?-1:1),f=-c-b,g=A(z(f),1/3)*(f<0?-1:1),h=e+g+.5;return(1-h)*3*h*h+h*h*h},backIn:function(a){var b=1.70158;return a*a*((b+1)*a-b)},backOut:function(a){a=a-1;var b=1.70158;return a*a*((b+1)*a+b)+1},elastic:function(a){if(a==!!a)return a;return A(2,-10*a)*w.sin((a-.075)*2*B/.3)+1},bounce:function(a){var b=7.5625,c=2.75,d;a<1/c?d=b*a*a:a<2/c?(a-=1.5/c,d=b*a*a+.75):a<2.5/c?(a-=2.25/c,d=b*a*a+.9375):(a-=2.625/c,d=b*a*a+.984375);return d}};ck.easeIn=ck["ease-in"]=ck["<"],ck.easeOut=ck["ease-out"]=ck[">"],ck.easeInOut=ck["ease-in-out"]=ck["<>"],ck["back-in"]=ck.backIn,ck["back-out"]=ck.backOut;var cl=[],cm=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){setTimeout(a,16)},cn=function(){var b=+(new Date),c=0;for(;c<cl.length;c++){var d=cl[c];if(d.el.removed||d.paused)continue;var e=b-d.start,f=d.ms,h=d.easing,i=d.from,j=d.diff,k=d.to,l=d.t,m=d.el,o={},p,r={},s;d.initstatus?(e=(d.initstatus*d.anim.top-d.prev)/(d.percent-d.prev)*f,d.status=d.initstatus,delete d.initstatus,d.stop&&cl.splice(c--,1)):d.status=(d.prev+(d.percent-d.prev)*(e/f))/d.anim.top;if(e<0)continue;if(e<f){var t=h(e/f);for(var u in i)if(i[g](u)){switch(U[u]){case C:p=+i[u]+t*f*j[u];break;case"colour":p="rgb("+[co(O(i[u].r+t*f*j[u].r)),co(O(i[u].g+t*f*j[u].g)),co(O(i[u].b+t*f*j[u].b))].join(",")+")";break;case"path":p=[];for(var v=0,w=i[u].length;v<w;v++){p[v]=[i[u][v][0]];for(var x=1,y=i[u][v].length;x<y;x++)p[v][x]=+i[u][v][x]+t*f*j[u][v][x];p[v]=p[v].join(q)}p=p.join(q);break;case"transform":if(j[u].real){p=[];for(v=0,w=i[u].length;v<w;v++){p[v]=[i[u][v][0]];for(x=1,y=i[u][v].length;x<y;x++)p[v][x]=i[u][v][x]+t*f*j[u][v][x]}}else{var z=function(a){return+i[u][a]+t*f*j[u][a]};p=[["m",z(0),z(1),z(2),z(3),z(4),z(5)]]}break;case"csv":if(u=="clip-rect"){p=[],v=4;while(v--)p[v]=+i[u][v]+t*f*j[u][v]}break;default:var A=[][n](i[u]);p=[],v=m.paper.customAttributes[u].length;while(v--)p[v]=+A[v]+t*f*j[u][v]}o[u]=p}m.attr(o),function(a,b,c){setTimeout(function(){eve("anim.frame."+a,b,c)})}(m.id,m,d.anim)}else{(function(b,c,d){setTimeout(function(){eve("anim.frame."+c.id,c,d),eve("anim.finish."+c.id,c,d),a.is(b,"function")&&b.call(c)})})(d.callback,m,d.anim),m.attr(k),cl.splice(c--,1);if(d.repeat>1&&!d.next){for(s in k)k[g](s)&&(r[s]=d.totalOrigin[s]);d.el.attr(r),cr(d.anim,d.el,d.anim.percents[0],null,d.totalOrigin,d.repeat-1)}d.next&&!d.stop&&cr(d.anim,d.el,d.next,null,d.totalOrigin,d.repeat)}}a.svg&&m&&m.paper&&m.paper.safari(),cl.length&&cm(cn)},co=function(a){return a>255?255:a<0?0:a};b$.animateWith=function(b,c,d,e,f,g){var h=d?a.animation(d,e,f,g):c,i=b.status(c);return this.animate(h).status(h,i*c.ms/h.ms)},b$.onAnimation=function(a){a?eve.on("anim.frame."+this.id,a):eve.unbind("anim.frame."+this.id);return this},cq.prototype.delay=function(a){var b=new cq(this.anim,this.ms);b.times=this.times,b.del=+a||0;return b},cq.prototype.repeat=function(a){var b=new cq(this.anim,this.ms);b.del=this.del,b.times=w.floor(x(a,0))||1;return b},a.animation=function(b,c,d,e){if(b instanceof cq)return b;if(a.is(d,"function")||!d)e=e||d||null,d=null;b=Object(b),c=+c||0;var f={},h,i;for(i in b)b[g](i)&&Q(i)!=i&&Q(i)+"%"!=i&&(h=!0,f[i]=b[i]);if(!h)return new cq(b,c);d&&(f.easing=d),e&&(f.callback=e);return new cq({100:f},c)},b$.animate=function(b,c,d,e){var f=this;if(f.removed){e&&e.call(f);return f}var g=b instanceof cq?b:a.animation(b,c,d,e);cr(g,f,g.percents[0],null,f.attr());return f},b$.setTime=function(a,b){a&&b!=null&&this.status(a,y(b,a.ms)/a.ms);return this},b$.status=function(a,b){var c=[],d=0,e,f;if(b!=null){cr(a,this,-1,y(b,1));return this}e=cl.length;for(;d<e;d++){f=cl[d];if(f.el.id==this.id&&(!a||f.anim==a)){if(a)return f.status;c.push({anim:f.anim,status:f.status})}}if(a)return 0;return c},b$.pause=function(a){for(var b=0;b<cl.length;b++)cl[b].el.id==this.id&&(!a||cl[b].anim==a)&&eve("anim.pause."+this.id,this,cl[b].anim)!==!1&&(cl[b].paused=!0);return this},b$.resume=function(a){for(var b=0;b<cl.length;b++)if(cl[b].el.id==this.id&&(!a||cl[b].anim==a)){var c=cl[b];eve("anim.resume."+this.id,this,c.anim)!==!1&&(delete c.paused,this.status(c.anim,c.status))}return this},b$.stop=function(a){for(var b=0;b<cl.length;b++)cl[b].el.id==this.id&&(!a||cl[b].anim==a)&&eve("anim.stop."+this.id,this,cl[b].anim)!==!1&&cl.splice(b--,1);return this},b$.toString=function(){return"Raphaël’s object"};var cs=function(a){this.items=[],this.length=0,this.type="set";if(a)for(var b=0,c=a.length;b<c;b++)a[b]&&(a[b].constructor==b$.constructor||a[b].constructor==cs)&&(this[this.items.length]=this.items[this.items.length]=a[b],this.length++)},ct=cs.prototype;ct.push=function(){var a,b;for(var c=0,d=arguments.length;c<d;c++)a=arguments[c],a&&(a.constructor==b$.constructor||a.constructor==cs)&&(b=this.items.length,this[b]=this.items[b]=a,this.length++);return this},ct.pop=function(){this.length&&delete this[this.length--];return this.items.pop()},ct.forEach=function(a,b){for(var c=0,d=this.items.length;c<d;c++)if(a.call(b,this.items[c],c)===!1)return this;return this};for(var cu in b$)b$[g](cu)&&(ct[cu]=function(a){return function(){var b=arguments;return this.forEach(function(c){c[a][m](c,b)})}}(cu));ct.attr=function(b,c){if(b&&a.is(b,E)&&a.is(b[0],"object"))for(var d=0,e=b.length;d<e;d++)this.items[d].attr(b[d]);else for(var f=0,g=this.items.length;f<g;f++)this.items[f].attr(b,c);return this},ct.clear=function(){while(this.length)this.pop()},ct.splice=function(a,b,c){a=a<0?x(this.length+a,0):a,b=x(0,y(this.length-a,b));var d=[],e=[],f=[],g;for(g=2;g<arguments.length;g++)f.push(arguments[g]);for(g=0;g<b;g++)e.push(this[a+g]);for(;g<this.length-a;g++)d.push(this[a+g]);var h=f.length;for(g=0;g<h+d.length;g++)this.items[a+g]=this[a+g]=g<h?f[g]:d[g-h];g=this.items.length=this.length-=b-h;while(this[g])delete this[g++];return new cs(e)},ct.exclude=function(a){for(var b=0,c=this.length;b<c;b++)if(this[b]==a){this.splice(b,1);return!0}},ct.animate=function(b,c,d,e){(a.is(d,"function")||!d)&&(e=d||null);var f=this.items.length,g=f,h,i=this,j;if(!f)return this;e&&(j=function(){!--f&&e.call(i)}),d=a.is(d,D)?d:j;var k=a.animation(b,c,d,j);h=this.items[--g].animate(k);while(g--)this.items[g]&&!this.items[g].removed&&this.items[g].animateWith(h,k);return this},ct.insertAfter=function(a){var b=this.items.length;while(b--)this.items[b].insertAfter(a);return this},ct.getBBox=function(){var a=[],b=[],c=[],d=[];for(var e=this.items.length;e--;)if(!this.items[e].removed){var f=this.items[e].getBBox();a.push(f.x),b.push(f.y),c.push(f.x+f.width),d.push(f.y+f.height)}a=y[m](0,a),b=y[m](0,b);return{x:a,y:b,width:x[m](0,c)-a,height:x[m](0,d)-b}},ct.clone=function(a){a=new cs;for(var b=0,c=this.items.length;b<c;b++)a.push(this.items[b].clone());return a},ct.toString=function(){return"Raphaël‘s set"},a.registerFont=function(a){if(!a.face)return a;this.fonts=this.fonts||{};var b={w:a.w,face:{},glyphs:{}},c=a.face["font-family"];for(var d in a.face)a.face[g](d)&&(b.face[d]=a.face[d]);this.fonts[c]?this.fonts[c].push(b):this.fonts[c]=[b];if(!a.svg){b.face["units-per-em"]=R(a.face["units-per-em"],10);for(var e in a.glyphs)if(a.glyphs[g](e)){var f=a.glyphs[e];b.glyphs[e]={w:f.w,k:{},d:f.d&&"M"+f.d.replace(/[mlcxtrv]/g,function(a){return{l:"L",c:"C",x:"z",t:"m",r:"l",v:"c"}[a]||"M"})+"z"};if(f.k)for(var h in f.k)f[g](h)&&(b.glyphs[e].k[h]=f.k[h])}}return a},k.getFont=function(b,c,d,e){e=e||"normal",d=d||"normal",c=+c||{normal:400,bold:700,lighter:300,bolder:800}[c]||400;if(!!a.fonts){var f=a.fonts[b];if(!f){var h=new RegExp("(^|\\s)"+b.replace(/[^\w\d\s+!~.:_-]/g,p)+"(\\s|$)","i");for(var i in a.fonts)if(a.fonts[g](i)&&h.test(i)){f=a.fonts[i];break}}var j;if(f)for(var k=0,l=f.length;k<l;k++){j=f[k];if(j.face["font-weight"]==c&&(j.face["font-style"]==d||!j.face["font-style"])&&j.face["font-stretch"]==e)break}return j}},k.print=function(b,d,e,f,g,h,i){h=h||"middle",i=x(y(i||0,1),-1);var j=this.set(),k=r(e)[s](p),l=0,m=p,n;a.is(f,e)&&(f=this.getFont(f));if(f){n=(g||16)/f.face["units-per-em"];var o=f.face.bbox[s](c),q=+o[0],t=+o[1]+(h=="baseline"?o[3]-o[1]+ +f.face.descent:(o[3]-o[1])/2);for(var u=0,v=k.length;u<v;u++){var w=u&&f.glyphs[k[u-1]]||{},z=f.glyphs[k[u]];l+=u?(w.w||f.w)+(w.k&&w.k[k[u]]||0)+f.w*i:0,z&&z.d&&j.push(this.path(z.d).attr({fill:"#000",stroke:"none",transform:[["t",l*n,0]]}))}j.transform(["...s",n,n,q,t,"t",(b-q)/n,(d-t)/n])}return j},k.add=function(b){if(a.is(b,"array")){var c=this.set(),e=0,f=b.length,h;for(;e<f;e++)h=b[e]||{},d[g](h.type)&&c.push(this[h.type]().attr(h))}return c},a.format=function(b,c){var d=a.is(c,E)?[0][n](c):arguments;b&&a.is(b,D)&&d.length-1&&(b=b.replace(e,function(a,b){return d[++b]==null?p:d[b]}));return b||p},a.fullfill=function(){var a=/\{([^\}]+)\}/g,b=/(?:(?:^|\.)(.+?)(?=\[|\.|$|\()|\[('|")(.+?)\2\])(\(\))?/g,c=function(a,c,d){var e=d;c.replace(b,function(a,b,c,d,f){b=b||d,e&&(b in e&&(e=e[b]),typeof e=="function"&&f&&(e=e()))}),e=(e==null||e==d?a:e)+"";return e};return function(b,d){return String(b).replace(a,function(a,b){return c(a,b,d)})}}(),a.ninja=function(){i.was?h.win.Raphael=i.is:delete Raphael;return a},a.st=ct,function(b,c,d){function e(){/in/.test(b.readyState)?setTimeout(e,9):a.eve("DOMload")}b.readyState==null&&b.addEventListener&&(b.addEventListener(c,d=function(){b.removeEventListener(c,d,!1),b.readyState="complete"},!1),b.readyState="loading"),e()}(document,"DOMContentLoaded"),i.was?h.win.Raphael=a:Raphael=a,eve.on("DOMload",function(){b=!0})}(),window.Raphael.svg&&function(a){var b="hasOwnProperty",c=String,d=parseFloat,e=parseInt,f=Math,g=f.max,h=f.abs,i=f.pow,j=/[, ]+/,k=a.eve,l="",m=" ",n="http://www.w3.org/1999/xlink",o={block:"M5,0 0,2.5 5,5z",classic:"M5,0 0,2.5 5,5 3.5,3 3.5,2z",diamond:"M2.5,0 5,2.5 2.5,5 0,2.5z",open:"M6,1 1,3.5 6,6",oval:"M2.5,0A2.5,2.5,0,0,1,2.5,5 2.5,2.5,0,0,1,2.5,0z"},p={};a.toString=function(){return"Your browser supports SVG.\nYou are running Raphaël "+this.version};var q=function(d,e){if(e){typeof d=="string"&&(d=q(d));for(var f in e)e[b](f)&&(f.substring(0,6)=="xlink:"?d.setAttributeNS(n,f.substring(6),c(e[f])):d.setAttribute(f,c(e[f])))}else d=a._g.doc.createElementNS("http://www.w3.org/2000/svg",d),d.style&&(d.style.webkitTapHighlightColor="rgba(0,0,0,0)");return d},r=function(b,e){var j="linear",k=b.id+e,m=.5,n=.5,o=b.node,p=b.paper,r=o.style,s=a._g.doc.getElementById(k);if(!s){e=c(e).replace(a._radial_gradient,function(a,b,c){j="radial";if(b&&c){m=d(b),n=d(c);var e=(n>.5)*2-1;i(m-.5,2)+i(n-.5,2)>.25&&(n=f.sqrt(.25-i(m-.5,2))*e+.5)&&n!=.5&&(n=n.toFixed(5)-1e-5*e)}return l}),e=e.split(/\s*\-\s*/);if(j=="linear"){var t=e.shift();t=-d(t);if(isNaN(t))return null;var u=[0,0,f.cos(a.rad(t)),f.sin(a.rad(t))],v=1/(g(h(u[2]),h(u[3]))||1);u[2]*=v,u[3]*=v,u[2]<0&&(u[0]=-u[2],u[2]=0),u[3]<0&&(u[1]=-u[3],u[3]=0)}var w=a._parseDots(e);if(!w)return null;k=k.replace(/[\(\)\s,\xb0#]/g,"_"),b.gradient&&k!=b.gradient.id&&(p.defs.removeChild(b.gradient),delete b.gradient);if(!b.gradient){s=q(j+"Gradient",{id:k}),b.gradient=s,q(s,j=="radial"?{fx:m,fy:n}:{x1:u[0],y1:u[1],x2:u[2],y2:u[3],gradientTransform:b.matrix.invert()}),p.defs.appendChild(s);for(var x=0,y=w.length;x<y;x++)s.appendChild(q("stop",{offset:w[x].offset?w[x].offset:x?"100%":"0%","stop-color":w[x].color||"#fff"}))}}q(o,{fill:"url(#"+k+")",opacity:1,"fill-opacity":1}),r.fill=l,r.opacity=1,r.fillOpacity=1;return 1},s=function(a){var b=a.getBBox(1);q(a.pattern,{patternTransform:a.matrix.invert()+" translate("+b.x+","+b.y+")"})},t=function(d,e,f){if(d.type=="path"){var g=c(e).toLowerCase().split("-"),h=d.paper,i=f?"end":"start",j=d.node,k=d.attrs,l=k["stroke-width"],n=g.length,r="classic",s,t,u,v,w,x=3,y=3,z=5;while(n--)switch(g[n]){case"block":case"classic":case"oval":case"diamond":case"open":case"none":r=g[n];break;case"wide":y=5;break;case"narrow":y=2;break;case"long":x=5;break;case"short":x=2}r=="open"?(x+=2,y+=2,z+=2,u=1,v=f?4:1,w={fill:"none",stroke:k.stroke}):(v=u=x/2,w={fill:k.stroke,stroke:"none"}),d._.arrows?f?(d._.arrows.endPath&&p[d._.arrows.endPath]--,d._.arrows.endMarker&&p[d._.arrows.endMarker]--):(d._.arrows.startPath&&p[d._.arrows.startPath]--,d._.arrows.startMarker&&p[d._.arrows.startMarker]--):d._.arrows={};if(r!="none"){var A="raphael-marker-"+r,B="raphael-marker-"+i+r+x+y;a._g.doc.getElementById(A)?p[A]++:(h.defs.appendChild(q(q("path"),{"stroke-linecap":"round",d:o[r],id:A})),p[A]=1);var C=a._g.doc.getElementById(B),D;C?(p[B]++,D=C.getElementsByTagName("use")[0]):(C=q(q("marker"),{id:B,markerHeight:y,markerWidth:x,orient:"auto",refX:v,refY:y/2}),D=q(q("use"),{"xlink:href":"#"+A,transform:(f?" rotate(180 "+x/2+" "+y/2+") ":m)+"scale("+x/z+","+y/z+")","stroke-width":1/((x/z+y/z)/2)}),C.appendChild(D),h.defs.appendChild(C),p[B]=1),q(D,w);var E=u*(r!="diamond"&&r!="oval");f?(s=d._.arrows.startdx*l||0,t=a.getTotalLength(k.path)-E*l):(s=E*l,t=a.getTotalLength(k.path)-(d._.arrows.enddx*l||0)),w={},w["marker-"+i]="url(#"+B+")";if(t||s)w.d=Raphael.getSubpath(k.path,s,t);q(j,w),d._.arrows[i+"Path"]=A,d._.arrows[i+"Marker"]=B,d._.arrows[i+"dx"]=E,d._.arrows[i+"Type"]=r,d._.arrows[i+"String"]=e}else f?(s=d._.arrows.startdx*l||0,t=a.getTotalLength(k.path)-s):(s=0,t=a.getTotalLength(k.path)-(d._.arrows.enddx*l||0)),d._.arrows[i+"Path"]&&q(j,{d:Raphael.getSubpath(k.path,s,t)}),delete d._.arrows[i+"Path"],delete d._.arrows[i+"Marker"],delete d._.arrows[i+"dx"],delete d._.arrows[i+"Type"],delete d._.arrows[i+"String"];for(w in p)if(p[b](w)&&!p[w]){var F=a._g.doc.getElementById(w);F&&F.parentNode.removeChild(F)}}},u={"":[0],none:[0],"-":[3,1],".":[1,1],"-.":[3,1,1,1],"-..":[3,1,1,1,1,1],". ":[1,3],"- ":[4,3],"--":[8,3],"- .":[4,3,1,3],"--.":[8,3,1,3],"--..":[8,3,1,3,1,3]},v=function(a,b,d){b=u[c(b).toLowerCase()];if(b){var e=a.attrs["stroke-width"]||"1",f={round:e,square:e,butt:0}[a.attrs["stroke-linecap"]||d["stroke-linecap"]]||0,g=[],h=b.length;while(h--)g[h]=b[h]*e+(h%2?1:-1)*f;q(a.node,{"stroke-dasharray":g.join(",")})}},w=function(d,f){var i=d.node,k=d.attrs,m=i.style.visibility;i.style.visibility="hidden";for(var o in f)if(f[b](o)){if(!a._availableAttrs[b](o))continue;var p=f[o];k[o]=p;switch(o){case"blur":d.blur(p);break;case"href":case"title":case"target":var u=i.parentNode;if(u.tagName.toLowerCase()!="a"){var w=q("a");u.insertBefore(w,i),w.appendChild(i),u=w}o=="target"&&p=="blank"?u.setAttributeNS(n,"show","new"):u.setAttributeNS(n,o,p);break;case"cursor":i.style.cursor=p;break;case"transform":d.transform(p);break;case"arrow-start":t(d,p);break;case"arrow-end":t(d,p,1);break;case"clip-rect":var x=c(p).split(j);if(x.length==4){d.clip&&d.clip.parentNode.parentNode.removeChild(d.clip.parentNode);var z=q("clipPath"),A=q("rect");z.id=a.createUUID(),q(A,{x:x[0],y:x[1],width:x[2],height:x[3]}),z.appendChild(A),d.paper.defs.appendChild(z),q(i,{"clip-path":"url(#"+z.id+")"}),d.clip=A}if(!p){var B=i.getAttribute("clip-path");if(B){var C=a._g.doc.getElementById(B.replace(/(^url\(#|\)$)/g,l));C&&C.parentNode.removeChild(C),q(i,{"clip-path":l}),delete d.clip}}break;case"path":d.type=="path"&&(q(i,{d:p?k.path=a._pathToAbsolute(p):"M0,0"}),d._.dirty=1,d._.arrows&&("startString"in d._.arrows&&t(d,d._.arrows.startString),"endString"in d._.arrows&&t(d,d._.arrows.endString,1)));break;case"width":i.setAttribute(o,p),d._.dirty=1;if(k.fx)o="x",p=k.x;else break;case"x":k.fx&&(p=-k.x-(k.width||0));case"rx":if(o=="rx"&&d.type=="rect")break;case"cx":i.setAttribute(o,p),d.pattern&&s(d),d._.dirty=1;break;case"height":i.setAttribute(o,p),d._.dirty=1;if(k.fy)o="y",p=k.y;else break;case"y":k.fy&&(p=-k.y-(k.height||0));case"ry":if(o=="ry"&&d.type=="rect")break;case"cy":i.setAttribute(o,p),d.pattern&&s(d),d._.dirty=1;break;case"r":d.type=="rect"?q(i,{rx:p,ry:p}):i.setAttribute(o,p),d._.dirty=1;break;case"src":d.type=="image"&&i.setAttributeNS(n,"href",p);break;case"stroke-width":if(d._.sx!=1||d._.sy!=1)p/=g(h(d._.sx),h(d._.sy))||1;d.paper._vbSize&&(p*=d.paper._vbSize),i.setAttribute(o,p),k["stroke-dasharray"]&&v(d,k["stroke-dasharray"],f),d._.arrows&&("startString"in d._.arrows&&t(d,d._.arrows.startString),"endString"in d._.arrows&&t(d,d._.arrows.endString,1));break;case"stroke-dasharray":v(d,p,f);break;case"fill":var D=c(p).match(a._ISURL);if(D){z=q("pattern");var F=q("image");z.id=a.createUUID(),q(z,{x:0,y:0,patternUnits:"userSpaceOnUse",height:1,width:1}),q(F,{x:0,y:0,"xlink:href":D[1]}),z.appendChild(F),function(b){a._preload(D[1],function(){var a=this.offsetWidth,c=this.offsetHeight;q(b,{width:a,height:c}),q(F,{width:a,height:c}),d.paper.safari()})}(z),d.paper.defs.appendChild(z),i.style.fill="url(#"+z.id+")",q(i,{fill:"url(#"+z.id+")"}),d.pattern=z,d.pattern&&s(d);break}var G=a.getRGB(p);if(!G.error)delete f.gradient,delete k.gradient,!a.is(k.opacity,"undefined")&&a.is(f.opacity,"undefined")&&q(i,{opacity:k.opacity}),!a.is(k["fill-opacity"],"undefined")&&a.is(f["fill-opacity"],"undefined")&&q(i,{"fill-opacity":k["fill-opacity"]});else if((d.type=="circle"||d.type=="ellipse"||c(p).charAt()!="r")&&r(d,p)){if("opacity"in k||"fill-opacity"in k){var H=a._g.doc.getElementById(i.getAttribute("fill").replace(/^url\(#|\)$/g,l));if(H){var I=H.getElementsByTagName("stop");q(I[I.length-1],{"stop-opacity":("opacity"in k?k.opacity:1)*("fill-opacity"in k?k["fill-opacity"]:1)})}}k.gradient=p,k.fill="none";break}G[b]("opacity")&&q(i,{"fill-opacity":G.opacity>1?G.opacity/100:G.opacity});case"stroke":G=a.getRGB(p),i.setAttribute(o,G.hex),o=="stroke"&&G[b]("opacity")&&q(i,{"stroke-opacity":G.opacity>1?G.opacity/100:G.opacity}),o=="stroke"&&d._.arrows&&("startString"in d._.arrows&&t(d,d._.arrows.startString),"endString"in d._.arrows&&t(d,d._.arrows.endString,1));break;case"gradient":(d.type=="circle"||d.type=="ellipse"||c(p).charAt()!="r")&&r(d,p);break;case"opacity":k.gradient&&!k[b]("stroke-opacity")&&q(i,{"stroke-opacity":p>1?p/100:p});case"fill-opacity":if(k.gradient){H=a._g.doc.getElementById(i.getAttribute("fill").replace(/^url\(#|\)$/g,l)),H&&(I=H.getElementsByTagName("stop"),q(I[I.length-1],{"stop-opacity":p}));break};default:o=="font-size"&&(p=e(p,10)+"px");var J=o.replace(/(\-.)/g,function(a){return a.substring(1).toUpperCase()});i.style[J]=p,d._.dirty=1,i.setAttribute(o,p)}}y(d,f),i.style.visibility=m},x=1.2,y=function(d,f){if(d.type=="text"&&!!(f[b]("text")||f[b]("font")||f[b]("font-size")||f[b]("x")||f[b]("y"))){var g=d.attrs,h=d.node,i=h.firstChild?e(a._g.doc.defaultView.getComputedStyle(h.firstChild,l).getPropertyValue("font-size"),10):10;if(f[b]("text")){g.text=f.text;while(h.firstChild)h.removeChild(h.firstChild);var j=c(f.text).split("\n"),k=[],m;for(var n=0,o=j.length;n<o;n++)m=q("tspan"),n&&q(m,{dy:i*x,x:g.x}),m.appendChild(a._g.doc.createTextNode(j[n])),h.appendChild(m),k[n]=m}else{k=h.getElementsByTagName("tspan");for(n=0,o=k.length;n<o;n++)n?q(k[n],{dy:i*x,x:g.x}):q(k[0],{dy:0})}q(h,{x:g.x,y:g.y}),d._.dirty=1;var p=d._getBBox(),r=g.y-(p.y+p.height/2);r&&a.is(r,"finite")&&q(k[0],{dy:r})}},z=function(b,c){var d=0,e=0;this[0]=this.node=b,b.raphael=!0,this.id=a._oid++,b.raphaelid=this.id,this.matrix=a.matrix(),this.realPath=null,this.paper=c,this.attrs=this.attrs||{},this._={transform:[],sx:1,sy:1,deg:0,dx:0,dy:0,dirty:1},!c.bottom&&(c.bottom=this),this.prev=c.top,c.top&&(c.top.next=this),c.top=this,this.next=null},A=a.el;z.prototype=A,A.constructor=z,a._engine.path=function(a,b){var c=q("path");b.canvas&&b.canvas.appendChild(c);var d=new z(c,b);d.type="path",w(d,{fill:"none",stroke:"#000",path:a});return d},A.rotate=function(a,b,e){if(this.removed)return this;a=c(a).split(j),a.length-1&&(b=d(a[1]),e=d(a[2])),a=d(a[0]),e==null&&(b=e);if(b==null||e==null){var f=this.getBBox(1);b=f.x+f.width/2,e=f.y+f.height/2}this.transform(this._.transform.concat([["r",a,b,e]]));return this},A.scale=function(a,b,e,f){if(this.removed)return this;a=c(a).split(j),a.length-1&&(b=d(a[1]),e=d(a[2]),f=d(a[3])),a=d(a[0]),b==null&&(b=a),f==null&&(e=f);if(e==null||f==null)var g=this.getBBox(1);e=e==null?g.x+g.width/2:e,f=f==null?g.y+g.height/2:f,this.transform(this._.transform.concat([["s",a,b,e,f]]));return this},A.translate=function(a,b){if(this.removed)return this;a=c(a).split(j),a.length-1&&(b=d(a[1])),a=d(a[0])||0,b=+b||0,this.transform(this._.transform.concat([["t",a,b]]));return this},A.transform=function(c){var d=this._;if(c==null)return d.transform;a._extractTransform(this,c),this.clip&&q(this.clip,{transform:this.matrix.invert()}),this.pattern&&s(this),this.node&&q(this.node,{transform:this.matrix});if(d.sx!=1||d.sy!=1){var e=this.attrs[b]("stroke-width")?this.attrs["stroke-width"]:1;this.attr({"stroke-width":e})}return this},A.hide=function(){!this.removed&&this.paper.safari(this.node.style.display="none");return this},A.show=function(){!this.removed&&this.paper.safari(this.node.style.display="");return this},A.remove=function(){if(!this.removed){var b=this.paper;b.__set__&&b.__set__.exclude(this),k.unbind("*.*."+this.id),this.gradient&&b.defs.removeChild(this.gradient),a._tear(this,b),this.node.parentNode.removeChild(this.node);for(var c in this)this[c]=typeof this[c]=="function"?a._removedFactory(c):null;this.removed=!0}},A._getBBox=function(){if(this.node.style.display=="none"){this.show();var a=!0}var b={};try{b=this.node.getBBox()}catch(c){}finally{b=b||{}}a&&this.hide();return b},A.attr=function(c,d){if(this.removed)return this;if(c==null){var e={};for(var f in this.attrs)this.attrs[b](f)&&(e[f]=this.attrs[f]);e.gradient&&e.fill=="none"&&(e.fill=e.gradient)&&delete e.gradient,e.transform=this._.transform;return e}if(d==null&&a.is(c,"string")){if(c=="fill"&&this.attrs.fill=="none"&&this.attrs.gradient)return this.attrs.gradient;if(c=="transform")return this._.transform;var g=c.split(j),h={};for(var i=0,l=g.length;i<l;i++)c=g[i],c in this.attrs?h[c]=this.attrs[c]:a.is(this.paper.customAttributes[c],"function")?h[c]=this.paper.customAttributes[c].def:h[c]=a._availableAttrs[c];return l-1?h:h[g[0]]}if(d==null&&a.is(c,"array")){h={};for(i=0,l=c.length;i<l;i++)h[c[i]]=this.attr(c[i]);return h}if(d!=null){var m={};m[c]=d}else c!=null&&a.is(c,"object")&&(m=c);for(var n in m)k("attr."+n+"."+this.id,this,m[n]);for(n in this.paper.customAttributes)if(this.paper.customAttributes[b](n)&&m[b](n)&&a.is(this.paper.customAttributes[n],"function")){var o=this.paper.customAttributes[n].apply(this,[].concat(m[n]));this.attrs[n]=m[n];for(var p in o)o[b](p)&&(m[p]=o[p])}w(this,m);return this},A.toFront=function(){if(this.removed)return this;this.node.parentNode.tagName.toLowerCase()=="a"?this.node.parentNode.parentNode.appendChild(this.node.parentNode):this.node.parentNode.appendChild(this.node);var b=this.paper;b.top!=this&&a._tofront(this,b);return this},A.toBack=function(){if(this.removed)return this;var b=this.node.parentNode;b.tagName.toLowerCase()=="a"?b.parentNode.insertBefore(this.node.parentNode,this.node.parentNode.parentNode.firstChild):b.firstChild!=this.node&&b.insertBefore(this.node,this.node.parentNode.firstChild),a._toback(this,this.paper);var c=this.paper;return this},A.insertAfter=function(b){if(this.removed)return this;var c=b.node||b[b.length-1].node;c.nextSibling?c.parentNode.insertBefore(this.node,c.nextSibling):c.parentNode.appendChild(this.node),a._insertafter(this,b,this.paper);return this},A.insertBefore=function(b){if(this.removed)return this;var c=b.node||b[0].node;c.parentNode.insertBefore(this.node,c),a._insertbefore(this,b,this.paper);return this},A.blur=function(b){var c=this;if(+b!==0){var d=q("filter"),e=q("feGaussianBlur");c.attrs.blur=b,d.id=a.createUUID(),q(e,{stdDeviation:+b||1.5}),d.appendChild(e),c.paper.defs.appendChild(d),c._blur=d,q(c.node,{filter:"url(#"+d.id+")"})}else c._blur&&(c._blur.parentNode.removeChild(c._blur),delete c._blur,delete c.attrs.blur),c.node.removeAttribute("filter")},a._engine.circle=function(a,b,c,d){var e=q("circle");a.canvas&&a.canvas.appendChild(e);var f=new z(e,a);f.attrs={cx:b,cy:c,r:d,fill:"none",stroke:"#000"},f.type="circle",q(e,f.attrs);return f},a._engine.rect=function(a,b,c,d,e,f){var g=q("rect");a.canvas&&a.canvas.appendChild(g);var h=new z(g,a);h.attrs={x:b,y:c,width:d,height:e,r:f||0,rx:f||0,ry:f||0,fill:"none",stroke:"#000"},h.type="rect",q(g,h.attrs);return h},a._engine.ellipse=function(a,b,c,d,e){var f=q("ellipse");a.canvas&&a.canvas.appendChild(f);var g=new z(f,a);g.attrs={cx:b,cy:c,rx:d,ry:e,fill:"none",stroke:"#000"},g.type="ellipse",q(f,g.attrs);return g},a._engine.image=function(a,b,c,d,e,f){var g=q("image");q(g,{x:c,y:d,width:e,height:f,preserveAspectRatio:"none"}),g.setAttributeNS(n,"href",b),a.canvas&&a.canvas.appendChild(g);var h=new z(g,a);h.attrs={x:c,y:d,width:e,height:f,src:b},h.type="image";return h},a._engine.text=function(b,c,d,e){var f=q("text");b.canvas&&b.canvas.appendChild(f);var g=new z(f,b);g.attrs={x:c,y:d,"text-anchor":"middle",text:e,font:a._availableAttrs.font,stroke:"none",fill:"#000"},g.type="text",w(g,g.attrs);return g},a._engine.setSize=function(a,b){this.width=a||this.width,this.height=b||this.height,this.canvas.setAttribute("width",this.width),this.canvas.setAttribute("height",this.height),this._viewBox&&this.setViewBox.apply(this,this._viewBox);return this},a._engine.create=function(){var b=a._getContainer.apply(0,arguments),c=b&&b.container,d=b.x,e=b.y,f=b.width,g=b.height;if(!c)throw new Error("SVG container not found.");var h=q("svg"),i="overflow:hidden;",j;d=d||0,e=e||0,f=f||512,g=g||342,q(h,{height:g,version:1.1,width:f,xmlns:"http://www.w3.org/2000/svg"}),c==1?(h.style.cssText=i+"position:absolute;left:"+d+"px;top:"+e+"px",a._g.doc.body.appendChild(h),j=1):(h.style.cssText=i+"position:relative",c.firstChild?c.insertBefore(h,c.firstChild):c.appendChild(h)),c=new a._Paper,c.width=f,c.height=g,c.canvas=h,c.clear(),c._left=c._top=0,j&&(c.renderfix=function(){}),c.renderfix();return c},a._engine.setViewBox=function(a,b,c,d,e){k("setViewBox",this,this._viewBox,[a,b,c,d,e]);var f=g(c/this.width,d/this.height),h=this.top,i=e?"meet":"xMinYMin",j,l;a==null?(this._vbSize&&(f=1),delete this._vbSize,j="0 0 "+this.width+m+this.height):(this._vbSize=f,j=a+m+b+m+c+m+d),q(this.canvas,{viewBox:j,preserveAspectRatio:i});while(f&&h)l="stroke-width"in h.attrs?h.attrs["stroke-width"]:1,h.attr({"stroke-width":l}),h._.dirty=1,h._.dirtyT=1,h=h.prev;this._viewBox=[a,b,c,d,!!e];return this},a.prototype.renderfix=function(){var a=this.canvas,b=a.style,c=a.getScreenCTM()||a.createSVGMatrix(),d=-c.e%1,e=-c.f%1;if(d||e)d&&(this._left=(this._left+d)%1,b.left=this._left+"px"),e&&(this._top=(this._top+e)%1,b.top=this._top+"px")},a.prototype.clear=function(){a.eve("clear",this);var b=this.canvas;while(b.firstChild)b.removeChild(b.firstChild);this.bottom=this.top=null,(this.desc=q("desc")).appendChild(a._g.doc.createTextNode("Created with Raphaël "+a.version)),b.appendChild(this.desc),b.appendChild(this.defs=q("defs"))},a.prototype.remove=function(){k("remove",this),this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas);for(var b in this)this[b]=typeof this[b]=="function"?a._removedFactory(b):null};var B=a.st;for(var C in A)A[b](C)&&!B[b](C)&&(B[C]=function(a){return function(){var b=arguments;return this.forEach(function(c){c[a].apply(c,b)})}}(C))}(window.Raphael),window.Raphael.vml&&function(a){var b="hasOwnProperty",c=String,d=parseFloat,e=Math,f=e.round,g=e.max,h=e.min,i=e.abs,j="fill",k=/[, ]+/,l=a.eve,m=" progid:DXImageTransform.Microsoft",n=" ",o="",p={M:"m",L:"l",C:"c",Z:"x",m:"t",l:"r",c:"v",z:"x"},q=/([clmz]),?([^clmz]*)/gi,r=/ progid:\S+Blur\([^\)]+\)/g,s=/-?[^,\s-]+/g,t="position:absolute;left:0;top:0;width:1px;height:1px",u=21600,v={path:1,rect:1,image:1},w={circle:1,ellipse:1},x=function(b){var d=/[ahqstv]/ig,e=a._pathToAbsolute;c(b).match(d)&&(e=a._path2curve),d=/[clmz]/g;if(e==a._pathToAbsolute&&!c(b).match(d)){var g=c(b).replace(q,function(a,b,c){var d=[],e=b.toLowerCase()=="m",g=p[b];c.replace(s,function(a){e&&d.length==2&&(g+=d+p[b=="m"?"l":"L"],d=[]),d.push(f(a*u))});return g+d});return g}var h=e(b),i,j;g=[];for(var k=0,l=h.length;k<l;k++){i=h[k],j=h[k][0].toLowerCase(),j=="z"&&(j="x");for(var m=1,r=i.length;m<r;m++)j+=f(i[m]*u)+(m!=r-1?",":o);g.push(j)}return g.join(n)},y=function(b,c,d){var e=a.matrix();e.rotate(-b,.5,.5);return{dx:e.x(c,d),dy:e.y(c,d)}},z=function(a,b,c,d,e,f){var g=a._,h=a.matrix,k=g.fillpos,l=a.node,m=l.style,o=1,p="",q,r=u/b,s=u/c;m.visibility="hidden";if(!!b&&!!c){l.coordsize=i(r)+n+i(s),m.rotation=f*(b*c<0?-1:1);if(f){var t=y(f,d,e);d=t.dx,e=t.dy}b<0&&(p+="x"),c<0&&(p+=" y")&&(o=-1),m.flip=p,l.coordorigin=d*-r+n+e*-s;if(k||g.fillsize){var v=l.getElementsByTagName(j);v=v&&v[0],l.removeChild(v),k&&(t=y(f,h.x(k[0],k[1]),h.y(k[0],k[1])),v.position=t.dx*o+n+t.dy*o),g.fillsize&&(v.size=g.fillsize[0]*i(b)+n+g.fillsize[1]*i(c)),l.appendChild(v)}m.visibility="visible"}};a.toString=function(){return"Your browser doesn’t support SVG. Falling down to VML.\nYou are running Raphaël "+this.version};var A=function(a,b,d){var e=c(b).toLowerCase().split("-"),f=d?"end":"start",g=e.length,h="classic",i="medium",j="medium";while(g--)switch(e[g]){case"block":case"classic":case"oval":case"diamond":case"open":case"none":h=e[g];break;case"wide":case"narrow":j=e[g];break;case"long":case"short":i=e[g]}var k=a.node.getElementsByTagName("stroke")[0];k[f+"arrow"]=h,k[f+"arrowlength"]=i,k[f+"arrowwidth"]=j},B=function(e,i){e.attrs=e.attrs||{};var l=e.node,m=e.attrs,p=l.style,q,r=v[e.type]&&(i.x!=m.x||i.y!=m.y||i.width!=m.width||i.height!=m.height||i.cx!=m.cx||i.cy!=m.cy||i.rx!=m.rx||i.ry!=m.ry||i.r!=m.r),s=w[e.type]&&(m.cx!=i.cx||m.cy!=i.cy||m.r!=i.r||m.rx!=i.rx||m.ry!=i.ry),t=e;for(var y in i)i[b](y)&&(m[y]=i[y]);r&&(m.path=a._getPath[e.type](e),e._.dirty=1),i.href&&(l.href=i.href),i.title&&(l.title=i.title),i.target&&(l.target=i.target),i.cursor&&(p.cursor=i.cursor),"blur"in i&&e.blur(i.blur);if(i.path&&e.type=="path"||r)l.path=x(~c(m.path).toLowerCase().indexOf("r")?a._pathToAbsolute(m.path):m.path),e.type=="image"&&(e._.fillpos=[m.x,m.y],e._.fillsize=[m.width,m.height],z(e,1,1,0,0,0));"transform"in i&&e.transform(i.transform);if(s){var B=+m.cx,D=+m.cy,E=+m.rx||+m.r||0,G=+m.ry||+m.r||0;l.path=a.format("ar{0},{1},{2},{3},{4},{1},{4},{1}x",f((B-E)*u),f((D-G)*u),f((B+E)*u),f((D+G)*u),f(B*u))}if("clip-rect"in i){var H=c(i["clip-rect"]).split(k);if(H.length==4){H[2]=+H[2]+ +H[0],H[3]=+H[3]+ +H[1];var I=l.clipRect||a._g.doc.createElement("div"),J=I.style;J.clip=a.format("rect({1}px {2}px {3}px {0}px)",H),l.clipRect||(J.position="absolute",J.top=0,J.left=0,J.width=e.paper.width+"px",J.height=e.paper.height+"px",l.parentNode.insertBefore(I,l),I.appendChild(l),l.clipRect=I)}i["clip-rect"]||l.clipRect&&(l.clipRect.style.clip="auto")}if(e.textpath){var K=e.textpath.style;i.font&&(K.font=i.font),i["font-family"]&&(K.fontFamily='"'+i["font-family"].split(",")[0].replace(/^['"]+|['"]+$/g,o)+'"'),i["font-size"]&&(K.fontSize=i["font-size"]),i["font-weight"]&&(K.fontWeight=i["font-weight"]),i["font-style"]&&(K.fontStyle=i["font-style"])}"arrow-start"in i&&A(t,i["arrow-start"]),"arrow-end"in i&&A(t,i["arrow-end"],1);if(i.opacity!=null||i["stroke-width"]!=null||i.fill!=null||i.src!=null||i.stroke!=null||i["stroke-width"]!=null||i["stroke-opacity"]!=null||i["fill-opacity"]!=null||i["stroke-dasharray"]!=null||i["stroke-miterlimit"]!=null||i["stroke-linejoin"]!=null||i["stroke-linecap"]!=null){var L=l.getElementsByTagName(j),M=!1;L=L&&L[0],!L&&(M=L=F(j)),e.type=="image"&&i.src&&(L.src=i.src),i.fill&&(L.on=!0);if(L.on==null||i.fill=="none"||i.fill===null)L.on=!1;if(L.on&&i.fill){var N=c(i.fill).match(a._ISURL);if(N){L.parentNode==l&&l.removeChild(L),L.rotate=!0,L.src=N[1],L.type="tile";var O=e.getBBox(1);L.position=O.x+n+O.y,e._.fillpos=[O.x,O.y],a._preload(N[1],function(){e._.fillsize=[this.offsetWidth,this.offsetHeight]})}else L.color=a.getRGB(i.fill).hex,L.src=o,L.type="solid",a.getRGB(i.fill).error&&(t.type in{circle:1,ellipse:1}||c(i.fill).charAt()!="r")&&C(t,i.fill,L)&&(m.fill="none",m.gradient=i.fill,L.rotate=!1)}if("fill-opacity"in i||"opacity"in i){var P=((+m["fill-opacity"]+1||2)-1)*((+m.opacity+1||2)-1)*((+a.getRGB(i.fill).o+1||2)-1);P=h(g(P,0),1),L.opacity=P,L.src&&(L.color="none")}l.appendChild(L);var Q=l.getElementsByTagName("stroke")&&l.getElementsByTagName("stroke")[0],T=!1;!Q&&(T=Q=F("stroke"));if(i.stroke&&i.stroke!="none"||i["stroke-width"]||i["stroke-opacity"]!=null||i["stroke-dasharray"]||i["stroke-miterlimit"]||i["stroke-linejoin"]||i["stroke-linecap"])Q.on=!0;(i.stroke=="none"||i.stroke===null||Q.on==null||i.stroke==0||i["stroke-width"]==0)&&(Q.on=!1);var U=a.getRGB(i.stroke);Q.on&&i.stroke&&(Q.color=U.hex),P=((+m["stroke-opacity"]+1||2)-1)*((+m.opacity+1||2)-1)*((+U.o+1||2)-1);var V=(d(i["stroke-width"])||1)*.75;P=h(g(P,0),1),i["stroke-width"]==null&&(V=m["stroke-width"]),i["stroke-width"]&&(Q.weight=V),V&&V<1&&(P*=V)&&(Q.weight=1),Q.opacity=P,i["stroke-linejoin"]&&(Q.joinstyle=i["stroke-linejoin"]||"miter"),Q.miterlimit=i["stroke-miterlimit"]||8,i["stroke-linecap"]&&(Q.endcap=i["stroke-linecap"]=="butt"?"flat":i["stroke-linecap"]=="square"?"square":"round");if(i["stroke-dasharray"]){var W={"-":"shortdash",".":"shortdot","-.":"shortdashdot","-..":"shortdashdotdot",". ":"dot","- ":"dash","--":"longdash","- .":"dashdot","--.":"longdashdot","--..":"longdashdotdot"};Q.dashstyle=W[b](i["stroke-dasharray"])?W[i["stroke-dasharray"]]:o}T&&l.appendChild(Q)}if(t.type=="text"){t.paper.canvas.style.display=o;var X=t.paper.span,Y=100,Z=m.font&&m.font.match(/\d+(?:\.\d*)?(?=px)/);p=X.style,m.font&&(p.font=m.font),m["font-family"]&&(p.fontFamily=m["font-family"]),m["font-weight"]&&(p.fontWeight=m["font-weight"]),m["font-style"]&&(p.fontStyle=m["font-style"]),Z=d(m["font-size"]||Z&&Z[0])||10,p.fontSize=Z*Y+"px",t.textpath.string&&(X.innerHTML=c(t.textpath.string).replace(/</g,"&#60;").replace(/&/g,"&#38;").replace(/\n/g,"<br>"));var $=X.getBoundingClientRect();t.W=m.w=($.right-$.left)/Y,t.H=m.h=($.bottom-$.top)/Y,t.X=m.x,t.Y=m.y+t.H/2,("x"in i||"y"in i)&&(t.path.v=a.format("m{0},{1}l{2},{1}",f(m.x*u),f(m.y*u),f(m.x*u)+1));var _=["x","y","text","font","font-family","font-weight","font-style","font-size"];for(var ba=0,bb=_.length;ba<bb;ba++)if(_[ba]in i){t._.dirty=1;break}switch(m["text-anchor"]){case"start":t.textpath.style["v-text-align"]="left",t.bbx=t.W/2;break;case"end":t.textpath.style["v-text-align"]="right",t.bbx=-t.W/2;break;default:t.textpath.style["v-text-align"]="center",t.bbx=0}t.textpath.style["v-text-kern"]=!0}},C=function(b,f,g){b.attrs=b.attrs||{};var h=b.attrs,i=Math.pow,j,k,l="linear",m=".5 .5";b.attrs.gradient=f,f=c(f).replace(a._radial_gradient,function(a,b,c){l="radial",b&&c&&(b=d(b),c=d(c),i(b-.5,2)+i(c-.5,2)>.25&&(c=e.sqrt(.25-i(b-.5,2))*((c>.5)*2-1)+.5),m=b+n+c);return o}),f=f.split(/\s*\-\s*/);if(l=="linear"){var p=f.shift();p=-d(p);if(isNaN(p))return null}var q=a._parseDots(f);if(!q)return null;b=b.shape||b.node;if(q.length){b.removeChild(g),g.on=!0,g.method="none",g.color=q[0].color,g.color2=q[q.length-1].color;var r=[];for(var s=0,t=q.length;s<t;s++)q[s].offset&&r.push(q[s].offset+n+q[s].color);g.colors=r.length?r.join():"0% "+g.color,l=="radial"?(g.type="gradientTitle",g.focus="100%",g.focussize="0 0",g.focusposition=m,g.angle=0):(g.type="gradient",g.angle=(270-p)%360),b.appendChild(g)}return 1},D=function(b,c){this[0]=this.node=b,b.raphael=!0,this.id=a._oid++,b.raphaelid=this.id,this.X=0,this.Y=0,this.attrs={},this.paper=c,this.matrix=a.matrix(),this._={transform:[],sx:1,sy:1,dx:0,dy:0,deg:0,dirty:1,dirtyT:1},!c.bottom&&(c.bottom=this),this.prev=c.top,c.top&&(c.top.next=this),c.top=this,this.next=null},E=a.el;D.prototype=E,E.constructor=D,E.transform=function(b){if(b==null)return this._.transform;var d=this.paper._viewBoxShift,e=d?"s"+[d.scale,d.scale]+"-1-1t"+[d.dx,d.dy]:o,f;d&&(f=b=c(b).replace(/\.{3}|\u2026/g,this._.transform||o)),a._extractTransform(this,e+b);var g=this.matrix.clone(),h=this.skew,i=this.node,j,k=~c(this.attrs.fill).indexOf("-"),l=!c(this.attrs.fill).indexOf("url(");g.translate(-0.5,-0.5);if(l||k||this.type=="image"){h.matrix="1 0 0 1",h.offset="0 0",j=g.split();if(k&&j.noRotation||!j.isSimple){i.style.filter=g.toFilter();var m=this.getBBox(),p=this.getBBox(1),q=m.x-p.x,r=m.y-p.y;i.coordorigin=q*-u+n+r*-u,z(this,1,1,q,r,0)}else i.style.filter=o,z(this,j.scalex,j.scaley,j.dx,j.dy,j.rotate)}else i.style.filter=o,h.matrix=c(g),h.offset=g.offset();f&&(this._.transform=f);return this},E.rotate=function(a,b,e){if(this.removed)return this;if(a!=null){a=c(a).split(k),a.length-1&&(b=d(a[1]),e=d(a[2])),a=d(a[0]),e==null&&(b=e);if(b==null||e==null){var f=this.getBBox(1);b=f.x+f.width/2,e=f.y+f.height/2}this._.dirtyT=1,this.transform(this._.transform.concat([["r",a,b,e]]));return this}},E.translate=function(a,b){if(this.removed)return this;a=c(a).split(k),a.length-1&&(b=d(a[1])),a=d(a[0])||0,b=+b||0,this._.bbox&&(this._.bbox.x+=a,this._.bbox.y+=b),this.transform(this._.transform.concat([["t",a,b]]));return this},E.scale=function(a,b,e,f){if(this.removed)return this;a=c(a).split(k),a.length-1&&(b=d(a[1]),e=d(a[2]),f=d(a[3]),isNaN(e)&&(e=null),isNaN(f)&&(f=null)),a=d(a[0]),b==null&&(b=a),f==null&&(e=f);if(e==null||f==null)var g=this.getBBox(1);e=e==null?g.x+g.width/2:e,f=f==null?g.y+g.height/2:f,this.transform(this._.transform.concat([["s",a,b,e,f]])),this._.dirtyT=1;return this},E.hide=function(){!this.removed&&(this.node.style.display="none");return this},E.show=function(){!this.removed&&(this.node.style.display=o);return this},E._getBBox=function(){if(this.removed)return{};return{x:this.X+(this.bbx||0)-this.W/2,y:this.Y-this.H,width:this.W,height:this.H}},E.remove=function(){if(!this.removed){this.paper.__set__&&this.paper.__set__.exclude(this),a.eve.unbind("*.*."+this.id),a._tear(this,this.paper),this.node.parentNode.removeChild(this.node),this.shape&&this.shape.parentNode.removeChild(this.shape);for(var b in this)this[b]=typeof this[b]=="function"?a._removedFactory(b):null;this.removed=!0}},E.attr=function(c,d){if(this.removed)return this;if(c==null){var e={};for(var f in this.attrs)this.attrs[b](f)&&(e[f]=this.attrs[f]);e.gradient&&e.fill=="none"&&(e.fill=e.gradient)&&delete e.gradient,e.transform=this._.transform;return e}if(d==null&&a.is(c,"string")){if(c==j&&this.attrs.fill=="none"&&this.attrs.gradient)return this.attrs.gradient;var g=c.split(k),h={};for(var i=0,m=g.length;i<m;i++)c=g[i],c in this.attrs?h[c]=this.attrs[c]:a.is(this.paper.customAttributes[c],"function")?h[c]=this.paper.customAttributes[c].def:h[c]=a._availableAttrs[c];return m-1?h:h[g[0]]}if(this.attrs&&d==null&&a.is(c,"array")){h={};for(i=0,m=c.length;i<m;i++)h[c[i]]=this.attr(c[i]);return h}var n;d!=null&&(n={},n[c]=d),d==null&&a.is(c,"object")&&(n=c);for(var o in n)l("attr."+o+"."+this.id,this,n[o]);if(n){for(o in this.paper.customAttributes)if(this.paper.customAttributes[b](o)&&n[b](o)&&a.is(this.paper.customAttributes[o],"function")){var p=this.paper.customAttributes[o].apply(this,[].concat(n[o]));this.attrs[o]=n[o];for(var q in p)p[b](q)&&(n[q]=p[q])}n.text&&this.type=="text"&&(this.textpath.string=n.text),B(this,n)}return this},E.toFront=function(){!this.removed&&this.node.parentNode.appendChild(this.node),this.paper&&this.paper.top!=this&&a._tofront(this,this.paper);return this},E.toBack=function(){if(this.removed)return this;this.node.parentNode.firstChild!=this.node&&(this.node.parentNode.insertBefore(this.node,this.node.parentNode.firstChild),a._toback(this,this.paper));return this},E.insertAfter=function(b){if(this.removed)return this;b.constructor==a.st.constructor&&(b=b[b.length-1]),b.node.nextSibling?b.node.parentNode.insertBefore(this.node,b.node.nextSibling):b.node.parentNode.appendChild(this.node),a._insertafter(this,b,this.paper);return this},E.insertBefore=function(b){if(this.removed)return this;b.constructor==a.st.constructor&&(b=b[0]),b.node.parentNode.insertBefore(this.node,b.node),a._insertbefore(this,b,this.paper);return this},E.blur=function(b){var c=this.node.runtimeStyle,d=c.filter;d=d.replace(r,o),+b!==0?(this.attrs.blur=b,c.filter=d+n+m+".Blur(pixelradius="+(+b||1.5)+")",c.margin=a.format("-{0}px 0 0 -{0}px",f(+b||1.5))):(c.filter=d,c.margin=0,delete this.attrs.blur)},a._engine.path=function(a,b){var c=F("shape");c.style.cssText=t,c.coordsize=u+n+u,c.coordorigin=b.coordorigin;var d=new D(c,b),e={fill:"none",stroke:"#000"};a&&(e.path=a),d.type="path",d.path=[],d.Path=o,B(d,e),b.canvas.appendChild(c);var f=F("skew");f.on=!0,c.appendChild(f),d.skew=f,d.transform(o);return d},a._engine.rect=function(b,c,d,e,f,g){var h=a._rectPath(c,d,e,f,g),i=b.path(h),j=i.attrs;i.X=j.x=c,i.Y=j.y=d,i.W=j.width=e,i.H=j.height=f,j.r=g,j.path=h,i.type="rect";return i},a._engine.ellipse=function(a,b,c,d,e){var f=a.path(),g=f.attrs;f.X=b-d,f.Y=c-e,f.W=d*2,f.H=e*2,f.type="ellipse",B(f,{cx:b,cy:c,rx:d,ry:e});return f},a._engine.circle=function(a,b,c,d){var e=a.path(),f=e.attrs;e.X=b-d,e.Y=c-d,e.W=e.H=d*2,e.type="circle",B(e,{cx:b,cy:c,r:d});return e},a._engine.image=function(b,c,d,e,f,g){var h=a._rectPath(d,e,f,g),i=b.path(h).attr({stroke:"none"}),k=i.attrs,l=i.node,m=l.getElementsByTagName(j)[0];k.src=c,i.X=k.x=d,i.Y=k.y=e,i.W=k.width=f,i.H=k.height=g,k.path=h,i.type="image",m.parentNode==l&&l.removeChild(m),m.rotate=!0,m.src=c,m.type="tile",i._.fillpos=[d,e],i._.fillsize=[f,g],l.appendChild(m),z(i,1,1,0,0,0);return i},a._engine.text=function(b,d,e,g){var h=F("shape"),i=F("path"),j=F("textpath");d=d||0,e=e||0,g=g||"",i.v=a.format("m{0},{1}l{2},{1}",f(d*u),f(e*u),f(d*u)+1),i.textpathok=!0,j.string=c(g),j.on=!0,h.style.cssText=t,h.coordsize=u+n+u,h.coordorigin="0 0";var k=new D(h,b),l={fill:"#000",stroke:"none",font:a._availableAttrs.font,text:g};k.shape=h,k.path=i,k.textpath=j,k.type="text",k.attrs.text=c(g),k.attrs.x=d,k.attrs.y=e,k.attrs.w=1,k.attrs.h=1,B(k,l),h.appendChild(j),h.appendChild(i),b.canvas.appendChild(h);var m=F("skew");m.on=!0,h.appendChild(m),k.skew=m,k.transform(o);return k},a._engine.setSize=function(b,c){var d=this.canvas.style;this.width=b,this.height=c,b==+b&&(b+="px"),c==+c&&(c+="px"),d.width=b,d.height=c,d.clip="rect(0 "+b+" "+c+" 0)",this._viewBox&&a._engine.setViewBox.apply(this,this._viewBox);return this},a._engine.setViewBox=function(b,c,d,e,f){a.eve("setViewBox",this,this._viewBox,[b,c,d,e,f]);var h=this.width,i=this.height,j=1/g(d/h,e/i),k,l;f&&(k=i/e,l=h/d,d*k<h&&(b-=(h-d*k)/2/k),e*l<i&&(c-=(i-e*l)/2/l)),this._viewBox=[b,c,d,e,!!f],this._viewBoxShift={dx:-b,dy:-c,scale:j},this.forEach(function(a){a.transform("...")});return this};var F;a._engine.initWin=function(a){var b=a.document;b.createStyleSheet().addRule(".rvml","behavior:url(#default#VML)");try{!b.namespaces.rvml&&b.namespaces.add("rvml","urn:schemas-microsoft-com:vml"),F=function(a){return b.createElement("<rvml:"+a+' class="rvml">')}}catch(c){F=function(a){return b.createElement("<"+a+' xmlns="urn:schemas-microsoft.com:vml" class="rvml">')}}},a._engine.initWin(a._g.win),a._engine.create=function(){var b=a._getContainer.apply(0,arguments),c=b.container,d=b.height,e,f=b.width,g=b.x,h=b.y;if(!c)throw new Error("VML container not found.");var i=new a._Paper,j=i.canvas=a._g.doc.createElement("div"),k=j.style;g=g||0,h=h||0,f=f||512,d=d||342,i.width=f,i.height=d,f==+f&&(f+="px"),d==+d&&(d+="px"),i.coordsize=u*1e3+n+u*1e3,i.coordorigin="0 0",i.span=a._g.doc.createElement("span"),i.span.style.cssText="position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;",j.appendChild(i.span),k.cssText=a.format("top:0;left:0;width:{0};height:{1};display:inline-block;position:relative;clip:rect(0 {0} {1} 0);overflow:hidden",f,d),c==1?(a._g.doc.body.appendChild(j),k.left=g+"px",k.top=h+"px",k.position="absolute"):c.firstChild?c.insertBefore(j,c.firstChild):c.appendChild(j),i.renderfix=function(){};return i},a.prototype.clear=function(){a.eve("clear",this),this.canvas.innerHTML=o,this.span=a._g.doc.createElement("span"),this.span.style.cssText="position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;display:inline;",this.canvas.appendChild(this.span),this.bottom=this.top=null},a.prototype.remove=function(){a.eve("remove",this),this.canvas.parentNode.removeChild(this.canvas);for(var b in this)this[b]=typeof this[b]=="function"?a._removedFactory(b):null;return!0};var G=a.st;for(var H in E)E[b](H)&&!G[b](H)&&(G[H]=function(a){return function(){var b=arguments;return this.forEach(function(c){c[a].apply(c,b)})}}(H))}(window.Raphael)


--------------------------------------------------------------------------------