Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/docs
diff options
context:
space:
mode:
authorBryan Berry <bryan@olenepal.org>2010-02-17 09:39:34 (GMT)
committer Bryan Berry <bryan@olenepal.org>2010-02-17 09:39:34 (GMT)
commit0aa48d0503c69c9ebc1d2bb209bfbec10e8bed64 (patch)
tree5008d89f95d62696440785a85c08949a7fd27c97 /docs
initial commit. Lesson English_Animal_Identification is current template
Diffstat (limited to 'docs')
-rwxr-xr-xdocs/files.html295
-rwxr-xr-xdocs/index.html311
-rwxr-xr-xdocs/lesson_plan_template/LessonPlan.html65
-rwxr-xr-xdocs/lesson_plan_template/TeachersNote.html56
-rwxr-xr-xdocs/lesson_plan_template/css/Printstyle.css50
-rwxr-xr-xdocs/lesson_plan_template/css/style.css29
-rwxr-xr-xdocs/lesson_plan_template/images/img1.pngbin0 -> 11203 bytes
-rwxr-xr-xdocs/symbols/$.html322
-rwxr-xr-xdocs/symbols/$.ui.feedback.defaults.html334
-rwxr-xr-xdocs/symbols/$.ui.feedback.html525
-rwxr-xr-xdocs/symbols/$.ui.html322
-rwxr-xr-xdocs/symbols/$.ui.kFooter.defaults.html712
-rwxr-xr-xdocs/symbols/$.ui.kFooter.html866
-rw-r--r--docs/symbols/$.ui.kHeader.defaults.html556
-rw-r--r--docs/symbols/$.ui.kHeader.html389
-rwxr-xr-xdocs/symbols/$.ui.scoreboard.defaults.html665
-rwxr-xr-xdocs/symbols/$.ui.scoreboard.html763
-rwxr-xr-xdocs/symbols/Karma.html1505
-rwxr-xr-xdocs/symbols/Karma.kAudio.html509
-rwxr-xr-xdocs/symbols/Karma.kCanvas.html3409
-rwxr-xr-xdocs/symbols/Karma.kImage.html446
-rwxr-xr-xdocs/symbols/Karma.kSvg.html731
-rwxr-xr-xdocs/symbols/Karma.kVideo.html441
-rwxr-xr-xdocs/symbols/Karma.karma.html677
-rwxr-xr-xdocs/symbols/_global_.html273
-rwxr-xr-xdocs/symbols/locale.html370
-rwxr-xr-xdocs/symbols/src/js_karma.js.html1766
-rwxr-xr-xdocs/symbols/src/js_ui.feedback.js.html144
-rwxr-xr-xdocs/symbols/src/js_ui.kFooter.js.html369
-rw-r--r--docs/symbols/src/js_ui.kHeader.js.html242
-rwxr-xr-xdocs/symbols/src/js_ui.scoreboard.js.html333
31 files changed, 17475 insertions, 0 deletions
diff --git a/docs/files.html b/docs/files.html
new file mode 100755
index 0000000..1cedab8
--- /dev/null
+++ b/docs/files.html
@@ -0,0 +1,295 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
+ <title>JsDoc Reference - File Index</title>
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+ <div id="header">
+</div>
+
+ <div id="index">
+ <div align="center"><a href="index.html">Class Index</a>
+| <a href="files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="symbols/Karma.html">Karma</a></li>
+
+ <li><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ </div>
+
+ <div id="content">
+ <h1 class="classTitle">File Index</h1>
+
+
+ <div>
+ <h2><a href="symbols/src/js_karma.js.html">karma.js</a></h2>
+
+Contains karma library
+ <dl>
+
+ <dt class="heading">Author:</dt>
+ <dd>Bryan Berry <bryan@olenepal.org>, Felipe Lopez Toledo <zer.subzero@gmail.com></dd>
+
+
+
+
+ </dl>
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a></h2>
+
+a footer widget
+ <dl>
+
+ <dt class="heading">Author:</dt>
+ <dd>Bryan Berry <bryan@olenepal.org>
+ uses MIT License</dd>
+
+
+
+
+ </dl>
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/src/js_ui.feedback.js.html">ui.feedback.js</a></h2>
+
+a scoreboard widget
+ <dl>
+
+ <dt class="heading">Author:</dt>
+ <dd>Bryan Berry <bryan@olenepal.org>
+ uses MIT License</dd>
+
+
+
+
+ </dl>
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/src/js_ui.kHeader.js.html">ui.kHeader.js</a></h2>
+
+a Header widget
+ <dl>
+
+ <dt class="heading">Author:</dt>
+ <dd>Bryan Berry <bryan@olenepal.org>
+ uses MIT License</dd>
+
+
+
+
+ </dl>
+ </div>
+ <hr />
+
+
+ </div>
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:46 GMT+0545 (NPT)
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100755
index 0000000..667032a
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,311 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
+ <title>JsDoc Reference - Index</title>
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+ <div id="header">
+</div>
+
+ <div id="index">
+ <div align="center"><a href="index.html">Class Index</a>
+| <a href="files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="symbols/Karma.html">Karma</a></li>
+
+ <li><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ </div>
+
+ <div id="content">
+ <h1 class="classTitle">Class Index</h1>
+
+
+ <div>
+ <h2><a href="symbols/%24.ui.feedback.html">$.ui.feedback</a></h2>
+ Feedback widget
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></h2>
+ Default settings for the feedback widget
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></h2>
+ kFooter widget
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></h2>
+ Default settings for the kFooter widget
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/%24.ui.kHeader.html">$.ui.kHeader</a></h2>
+ kHeader widget
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></h2>
+ Default settings for the kHeader widget
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/_global_.html">_global_</a></h2>
+
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/Karma.html">Karma</a></h2>
+ Global namespace for Karma library
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></h2>
+ This object is the prototype for audio files submitted to Karma in the
+Karma() method
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/Karma.kCanvas.html">Karma.kCanvas</a></h2>
+ This object is the prototype for each canvas element submitted to Karma in the
+Karma() method
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/Karma.kImage.html">Karma.kImage</a></h2>
+ This object is the prototype for images submitted to Karma in the
+ Karma() method
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/Karma.kSvg.html">Karma.kSvg</a></h2>
+ This object is the prototype for each svg element submitted to Karma in the
+Karma() method
+ </div>
+ <hr />
+
+ <div>
+ <h2><a href="symbols/Karma.kVideo.html">Karma.kVideo</a></h2>
+ Not Yet Implemented:This object is the prototype for video files submitted
+to Karma in the Karma() method
+ </div>
+ <hr />
+
+
+ </div>
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:46 GMT+0545 (NPT)
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/docs/lesson_plan_template/LessonPlan.html b/docs/lesson_plan_template/LessonPlan.html
new file mode 100755
index 0000000..4a928e4
--- /dev/null
+++ b/docs/lesson_plan_template/LessonPlan.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <title>Lesson Plan</title>
+ <meta http-equiv="content-type" content="text/html;charset=utf-8" />
+ <link type="text/css" rel="stylesheet" href="css/style.css" />
+ <link type="text/css" rel="stylesheet" href="css/Printstyle.css" media="print"/>
+</head>
+<body>
+
+<div style = "text-align:center">
+<span style="float:left">Subject: Maths</span>
+<span style = "float:right">Recommended week: 1</span>
+<span>Class 3</span>
+</div>
+<hr />
+<div class="heading">Lesson Plan (Quadrilateral)</div>
+<div><span class="bold">Lesson Objective:</span> Naming, learning and writing Quadrilaterls' line and angle.</div>
+<div><span class="bold">Corresponding textbook chapter:</span> Quadrilateral</div>
+<div><span class="bold">EPaath's Activity</span> Quadrilateral</div>
+<div><span class="bold">Teaching Materials:</span></div>
+<div><span class="bold">Lesson/Exercise order and timing</span></div>
+
+<table border=1>
+ <tr>
+ <th>S.No.</th>
+ <th>Lesson/Exercise</th>
+ <th>Time(Minutes)</th>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td><span class="bold">First day</span><div>Draw different quadrilaterls in black-board and make students copy them in their copy.</div></td>
+ <td>10</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Make students write about similarities in all geometric figures.</td>
+ <td>5</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Make student to read and write EPaath's Quadrilateral activity.</td>
+ <td>30</td>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td><span class="bold">Second day</span><div>Make student repeat the day before's lesson.</div>
+ <td>15</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Repeat the process of drawing quadrilaters different line and angle and studying them.</td>
+ <td>15</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Make student do EPaath's activity. (For more deatis see Lesson Plan)</td>
+ <td>15</td>
+ </tr>
+</table>
+<span class="bold">Recommended homework assignment:</span> Do EPaaths related exercise.
+</body>
+</html>
+
diff --git a/docs/lesson_plan_template/TeachersNote.html b/docs/lesson_plan_template/TeachersNote.html
new file mode 100755
index 0000000..2f811d8
--- /dev/null
+++ b/docs/lesson_plan_template/TeachersNote.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <title>Teacher's Note</title>
+ <meta http-equiv="content-type" content="text/html;charset=utf-8" />
+ <link type="text/css" rel="stylesheet" href="css/style.css" />
+ <link type="text/css" rel="stylesheet" href="css/Printstyle.css" media="print"/>
+</head>
+<body>
+<div class="heading">Teacher's Note</div>
+<blockquote>
+ <div><span class="bold">Subject:</span> Maths</div>
+ <div><span class="bold">Class:</span> 3</div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Activity Title:</span> Quadrilateral</div>
+<div><span class="bold">Activity Code:</span> III M 1</div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Recommended Week:</span> 1</div>
+<div><span class="bold">Correspondig textbook chapter:</span> Quadrilateral</div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Learning area:</span> Geometry</div>
+<div><span class="bold">Learning achivevement:</span> Naming, learning and writing Quadrilateral's line and angle</div>
+<div><span class="bold">Elaboration matrix: </span> Differentiate Quadrilateral's line and angle</div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Objective of activity:</span> Naming, learning and writing Quadrilateral's line and angle</div>
+<div><span class="bold">How to play:</span> Make quadrilateral of different activities in Geo-board. In lesson you can play the game "Searching geometric term in bee hives." Press the 'Game' button in between 'Exercise' and 'Help'. In this game you have to search for Geometric term and click them. If you press wrong button press 'Esc' key on keyboard and start searching for correct terms. You can find English and Nepali geometric term in bee hives.</div>
+<div><span class="bold">Self-assessment:</span> You can see the scoreboard for correct and incorrect answers.</div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Recommended pre-activity:</span></div>
+<div>
+ <img src="images/img1.png"/>
+ <blockquote>Make some geometric figures (as shown above) in black-board. Students make them in their copy. Make students write the figure's features.</blockquote>
+</div>
+<div>
+ <span class="bold">Recommended post-activity:</span> Ask the students to name each angle and side of the quardilateral drawn in the previous step.
+</div>
+<div><span class="bold">Recommended e-library activity:</span></div>
+<div><span class="bold">Recommended group activity: </span></div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Recommended homework assignment:</span></div>
+<div><span class="bold">Similar/related activities:</span></div>
+<div><span class="bold">Teaching tips:</span></div>
+</blockquote>
+<blockquote>
+<div><span class="bold">Useful websites: </span></div>
+</blockquote>
+</blockquote>
+</body>
+</html>
diff --git a/docs/lesson_plan_template/css/Printstyle.css b/docs/lesson_plan_template/css/Printstyle.css
new file mode 100755
index 0000000..5ff2aa3
--- /dev/null
+++ b/docs/lesson_plan_template/css/Printstyle.css
@@ -0,0 +1,50 @@
+blockquote
+{
+ border: 2px solid #000;
+ padding: 10px;
+}
+
+div.heading
+{
+ font-size: 150%;
+ font-weight: bold;
+ text-align: center;
+}
+
+.bold
+{
+ font-weight: bold;
+ line-height: 150%;
+ font-size: 100%;
+}
+
+.table
+{
+ background:#333;
+}
+
+.table ul
+{
+ float:left;
+ margin:0;
+ padding:0;
+ border:1px solid #C9C9C9;
+}
+
+.table ul li
+{
+ list-style:none;
+ padding:5px 10px;
+}
+
+.table ul li.title
+{
+ font-weight:bold;
+ background:#333;
+ color:#fff;
+}
+
+.table ul li.even
+{
+ background:#FFFFFF
+}
diff --git a/docs/lesson_plan_template/css/style.css b/docs/lesson_plan_template/css/style.css
new file mode 100755
index 0000000..1c7c2f6
--- /dev/null
+++ b/docs/lesson_plan_template/css/style.css
@@ -0,0 +1,29 @@
+blockquote {border: 2px solid #000; padding: 10px;}
+div.heading {font-size: 200%; font-weight: bold; text-align: center;}
+.bold {font-weight: bold; line-height: 150%}
+ .table
+ {
+ background:#333;
+ }
+ .table ul
+ {
+ float:left;
+ margin:0;
+ padding:0;
+ border:1px solid #C9C9C9;
+ }
+ .table ul li
+ {
+ list-style:none;
+ padding:5px 10px;
+ }
+ .table ul li.title
+ {
+ font-weight:bold;
+ background:#333;
+ color:#fff;
+ }
+ .table ul li.even
+ {
+ background:#FFFFFF
+ }
diff --git a/docs/lesson_plan_template/images/img1.png b/docs/lesson_plan_template/images/img1.png
new file mode 100755
index 0000000..0eccc06
--- /dev/null
+++ b/docs/lesson_plan_template/images/img1.png
Binary files differ
diff --git a/docs/symbols/$.html b/docs/symbols/$.html
new file mode 100755
index 0000000..fa154c5
--- /dev/null
+++ b/docs/symbols/$.html
@@ -0,0 +1,322 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.html">$</a></li>
+
+ <li><a href="../symbols/%24.ui.html">$.ui</a></li>
+
+ <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.html#constructor">$</a></b>
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$</b>
+ </div>
+
+ <div class="description">
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 16:31:15 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.feedback.defaults.html b/docs/symbols/$.ui.feedback.defaults.html
new file mode 100755
index 0000000..7b16106
--- /dev/null
+++ b/docs/symbols/$.ui.feedback.defaults.html
@@ -0,0 +1,334 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.feedback.defaults</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.feedback.defaults
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+ <br />Extends
+ <a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a>.<br />
+
+
+ Default settings for the feedback widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.feedback.js.html">ui.feedback.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.feedback.defaults.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.feedback.defaults.html#constructor">$.ui.feedback.defaults</a></b>
+ </div>
+ <div class="description">Default settings for the feedback widget</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+
+
+ <dl class="inheritsList">
+ <dt>Methods borrowed from class <a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a>: </dt><dd><a href="../symbols/%24.ui.feedback.html#correct">correct</a>, <a href="../symbols/%24.ui.feedback.html#destroy">destroy</a>, <a href="../symbols/%24.ui.feedback.html#incorrect">incorrect</a>, <a href="../symbols/%24.ui.feedback.html#lose">lose</a>, <a href="../symbols/%24.ui.feedback.html#win">win</a></dd>
+ </dl>
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.feedback.defaults</b>
+ </div>
+
+ <div class="description">
+ Default settings for the feedback widget
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:41 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.feedback.html b/docs/symbols/$.ui.feedback.html
new file mode 100755
index 0000000..9a9222d
--- /dev/null
+++ b/docs/symbols/$.ui.feedback.html
@@ -0,0 +1,525 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.feedback</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.feedback
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ Feedback widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.feedback.js.html">ui.feedback.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.feedback.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.feedback.html#constructor">$.ui.feedback</a></b>
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.feedback.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#correct">correct</a></b>()
+ </div>
+ <div class="description">Displays the correct icon in the center of the screen
+ and plays the sound "correct" if loaded</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#destroy">destroy</a></b>()
+ </div>
+ <div class="description">Removes the feedback widget and all related data from the DOM</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#incorrect">incorrect</a></b>()
+ </div>
+ <div class="description">Displays the incorrect icon in the center of the screen
+ and plays the sound "incorrect" if loaded</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#lose">lose</a></b>()
+ </div>
+ <div class="description">Display an unhappy face and text that says "You lose!"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#win">win</a></b>()
+ </div>
+ <div class="description">Display a happy face and text that says "You win!"</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.feedback</b>
+ </div>
+
+ <div class="description">
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name="correct"> </a>
+ <div class="fixedFont">
+
+
+ <b>correct</b>()
+
+ </div>
+ <div class="description">
+ Displays the correct icon in the center of the screen
+ and plays the sound "correct" if loaded
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="destroy"> </a>
+ <div class="fixedFont">
+
+
+ <b>destroy</b>()
+
+ </div>
+ <div class="description">
+ Removes the feedback widget and all related data from the DOM
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="incorrect"> </a>
+ <div class="fixedFont">
+
+
+ <b>incorrect</b>()
+
+ </div>
+ <div class="description">
+ Displays the incorrect icon in the center of the screen
+ and plays the sound "incorrect" if loaded
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="lose"> </a>
+ <div class="fixedFont">
+
+
+ <b>lose</b>()
+
+ </div>
+ <div class="description">
+ Display an unhappy face and text that says "You lose!"
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="win"> </a>
+ <div class="fixedFont">
+
+
+ <b>win</b>()
+
+ </div>
+ <div class="description">
+ Display a happy face and text that says "You win!"
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:41 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.html b/docs/symbols/$.ui.html
new file mode 100755
index 0000000..f7cfe10
--- /dev/null
+++ b/docs/symbols/$.ui.html
@@ -0,0 +1,322 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.html">$</a></li>
+
+ <li><a href="../symbols/%24.ui.html">$.ui</a></li>
+
+ <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.html#constructor">$.ui</a></b>
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui</b>
+ </div>
+
+ <div class="description">
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 16:31:15 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.kFooter.defaults.html b/docs/symbols/$.ui.kFooter.defaults.html
new file mode 100755
index 0000000..21e50bc
--- /dev/null
+++ b/docs/symbols/$.ui.kFooter.defaults.html
@@ -0,0 +1,712 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.kFooter.defaults</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.kFooter.defaults
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+ <br />Extends
+ <a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a>.<br />
+
+
+ Default settings for the kFooter widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.kFooter.defaults.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.kFooter.defaults.html#constructor">$.ui.kFooter.defaults</a></b>
+ </div>
+ <div class="description">Default settings for the kFooter widget</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class $.ui.kFooter.defaults.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.locale">locale</a></b>
+ </div>
+ <div class="description">Default locale, valid options are "en" and "ne"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.pauseButton">pauseButton</a></b>
+ </div>
+ <div class="description">Display the Pause Button</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.restartButton">restartButton</a></b>
+ </div>
+ <div class="description">Display the Retart Button</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.score">score</a></b>
+ </div>
+ <div class="description">Initial score</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.scoreboard">scoreboard</a></b>
+ </div>
+ <div class="description">Display the scoreboard</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.startButton">startButton</a></b>
+ </div>
+ <div class="description">Display the Start Button</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.timer">timer</a></b>
+ </div>
+ <div class="description">Display the timer</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.total">total</a></b>
+ </div>
+ <div class="description">Initial total</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.winningScore">winningScore</a></b>
+ </div>
+ <div class="description">The score that will win the game</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+ <dl class="inheritsList">
+
+ </dl>
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+
+
+ <dl class="inheritsList">
+ <dt>Methods borrowed from class <a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a>: </dt><dd><a href="../symbols/%24.ui.kFooter.html#dec">dec</a>, <a href="../symbols/%24.ui.kFooter.html#decTotal">decTotal</a>, <a href="../symbols/%24.ui.kFooter.html#destroy">destroy</a>, <a href="../symbols/%24.ui.kFooter.html#getScore">getScore</a>, <a href="../symbols/%24.ui.kFooter.html#getTotal">getTotal</a>, <a href="../symbols/%24.ui.kFooter.html#inc">inc</a>, <a href="../symbols/%24.ui.kFooter.html#incTotal">incTotal</a>, <a href="../symbols/%24.ui.kFooter.html#restart">restart</a>, <a href="../symbols/%24.ui.kFooter.html#setScore">setScore</a>, <a href="../symbols/%24.ui.kFooter.html#setTotal">setTotal</a>, <a href="../symbols/%24.ui.kFooter.html#startTimer">startTimer</a>, <a href="../symbols/%24.ui.kFooter.html#stopTimer">stopTimer</a></dd>
+ </dl>
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.kFooter.defaults</b>
+ </div>
+
+ <div class="description">
+ Default settings for the kFooter widget
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".locale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>locale</b>
+
+ </div>
+ <div class="description">
+ Default locale, valid options are "en" and "ne"
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ "en"
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".pauseButton"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>pauseButton</b>
+
+ </div>
+ <div class="description">
+ Display the Pause Button
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".restartButton"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>restartButton</b>
+
+ </div>
+ <div class="description">
+ Display the Retart Button
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ true
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".score"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>score</b>
+
+ </div>
+ <div class="description">
+ Initial score
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".scoreboard"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>scoreboard</b>
+
+ </div>
+ <div class="description">
+ Display the scoreboard
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ true
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".startButton"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>startButton</b>
+
+ </div>
+ <div class="description">
+ Display the Start Button
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".timer"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>timer</b>
+
+ </div>
+ <div class="description">
+ Display the timer
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".total"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>total</b>
+
+ </div>
+ <div class="description">
+ Initial total
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".winningScore"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">$.ui.kFooter.defaults.</span><b>winningScore</b>
+
+ </div>
+ <div class="description">
+ The score that will win the game
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.kFooter.html b/docs/symbols/$.ui.kFooter.html
new file mode 100755
index 0000000..a419e20
--- /dev/null
+++ b/docs/symbols/$.ui.kFooter.html
@@ -0,0 +1,866 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.kFooter</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.kFooter
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ kFooter widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.kFooter.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.kFooter.html#constructor">$.ui.kFooter</a></b>
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.kFooter.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#dec">dec</a></b>(val)
+ </div>
+ <div class="description">Decrements the score by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#decTotal">decTotal</a></b>(val)
+ </div>
+ <div class="description">Decrements the total by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#destroy">destroy</a></b>()
+ </div>
+ <div class="description">Removes the kFooter widget and all related data from the DOM</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#getScore">getScore</a></b>()
+ </div>
+ <div class="description">Gets the current score</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#getTotal">getTotal</a></b>()
+ </div>
+ <div class="description">Gets the current total</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#inc">inc</a></b>(val)
+ </div>
+ <div class="description">Increments the score by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#incTotal">incTotal</a></b>(val)
+ </div>
+ <div class="description">Increments the total by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#restart">restart</a></b>()
+ </div>
+ <div class="description">Resets the score and total to initial values and triggers
+the "kFooterRestart" event</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#setScore">setScore</a></b>(newScore)
+ </div>
+ <div class="description">Sets the current score</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#setTotal">setTotal</a></b>(newTotal)
+ </div>
+ <div class="description">Sets the current total</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#startTimer">startTimer</a></b>(minutes, seconds)
+ </div>
+ <div class="description">Start the timer, defaults to 0:00 if no arguments supplied</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#stopTimer">stopTimer</a></b>()
+ </div>
+ <div class="description">Stop the timer</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.kFooter</b>
+ </div>
+
+ <div class="description">
+
+
+ </div>
+
+
+
+ <pre class="code">Emits the event kFooterWinGame when the maxScore is reached <br />
+Emits the event kFooterRestart when game restarted <br />
+Start button emits kFooterStart event when clicked <br />
+Restart button emits kFooterRestart event when clicked <br />
+Pause button emits the kFooterPause event when clicked <br /></pre>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name="dec"> </a>
+ <div class="fixedFont">
+
+
+ <b>dec</b>(val)
+
+ </div>
+ <div class="description">
+ Decrements the score by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>decrement value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="decTotal"> </a>
+ <div class="fixedFont">
+
+
+ <b>decTotal</b>(val)
+
+ </div>
+ <div class="description">
+ Decrements the total by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>decrement value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="destroy"> </a>
+ <div class="fixedFont">
+
+
+ <b>destroy</b>()
+
+ </div>
+ <div class="description">
+ Removes the kFooter widget and all related data from the DOM
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="getScore"> </a>
+ <div class="fixedFont">
+
+ <span class="light">{Number}</span>
+ <b>getScore</b>()
+
+ </div>
+ <div class="description">
+ Gets the current score
+
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> current score</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name="getTotal"> </a>
+ <div class="fixedFont">
+
+ <span class="light">{Number}</span>
+ <b>getTotal</b>()
+
+ </div>
+ <div class="description">
+ Gets the current total
+
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> current total</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name="inc"> </a>
+ <div class="fixedFont">
+
+
+ <b>inc</b>(val)
+
+ </div>
+ <div class="description">
+ Increments the score by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>increment value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="incTotal"> </a>
+ <div class="fixedFont">
+
+
+ <b>incTotal</b>(val)
+
+ </div>
+ <div class="description">
+ Increments the total by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>increment value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="restart"> </a>
+ <div class="fixedFont">
+
+
+ <b>restart</b>()
+
+ </div>
+ <div class="description">
+ Resets the score and total to initial values and triggers
+the "kFooterRestart" event
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="setScore"> </a>
+ <div class="fixedFont">
+
+
+ <b>setScore</b>(newScore)
+
+ </div>
+ <div class="description">
+ Sets the current score
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>newScore</b>
+
+ </dt>
+ <dd>new score</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="setTotal"> </a>
+ <div class="fixedFont">
+
+
+ <b>setTotal</b>(newTotal)
+
+ </div>
+ <div class="description">
+ Sets the current total
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>newTotal</b>
+
+ </dt>
+ <dd>new total</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="startTimer"> </a>
+ <div class="fixedFont">
+
+
+ <b>startTimer</b>(minutes, seconds)
+
+ </div>
+ <div class="description">
+ Start the timer, defaults to 0:00 if no arguments supplied
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>minutes</b>
+ <i>Optional</i>
+ </dt>
+ <dd>value for minutes, default to 0</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>seconds</b>
+ <i>Optional</i>
+ </dt>
+ <dd>value for seconds, default to 0</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="stopTimer"> </a>
+ <div class="fixedFont">
+
+
+ <b>stopTimer</b>()
+
+ </div>
+ <div class="description">
+ Stop the timer
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.kHeader.defaults.html b/docs/symbols/$.ui.kHeader.defaults.html
new file mode 100644
index 0000000..3b1c6f3
--- /dev/null
+++ b/docs/symbols/$.ui.kHeader.defaults.html
@@ -0,0 +1,556 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.kHeader.defaults</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.kHeader.defaults
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+ <br />Extends
+ <a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a>.<br />
+
+
+ Default settings for the kHeader widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kHeader.js.html">ui.kHeader.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.kHeader.defaults.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.kHeader.defaults.html#constructor">$.ui.kHeader.defaults</a></b>
+ </div>
+ <div class="description">Default settings for the kHeader widget</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class $.ui.kHeader.defaults.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kHeader.defaults.<b><a href="../symbols/%24.ui.kHeader.defaults.html#.help">help</a></b>
+ </div>
+ <div class="description">Id of element containing help text</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kHeader.defaults.<b><a href="../symbols/%24.ui.kHeader.defaults.html#.lessonPlan">lessonPlan</a></b>
+ </div>
+ <div class="description">Creates drop-down with link to lesson plan</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kHeader.defaults.<b><a href="../symbols/%24.ui.kHeader.defaults.html#.teachersNote">teachersNote</a></b>
+ </div>
+ <div class="description">Creates drop-down with link to teachersNote</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kHeader.defaults.<b><a href="../symbols/%24.ui.kHeader.defaults.html#.title">title</a></b>
+ </div>
+ <div class="description">title</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.kHeader.defaults.<b><a href="../symbols/%24.ui.kHeader.defaults.html#.zoom">zoom</a></b>
+ </div>
+ <div class="description">Turns on zoom buttons</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+ <dl class="inheritsList">
+
+ </dl>
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+
+
+ <dl class="inheritsList">
+ <dt>Methods borrowed from class <a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a>: </dt><dd><a href="../symbols/%24.ui.kHeader.html#destroy">destroy</a></dd>
+ </dl>
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.kHeader.defaults</b>
+ </div>
+
+ <div class="description">
+ Default settings for the kHeader widget
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".help"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">$.ui.kHeader.defaults.</span><b>help</b>
+
+ </div>
+ <div class="description">
+ Id of element containing help text
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ "kHelp"
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".lessonPlan"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean or string file path to lesson plan}</span>
+ <span class="light">$.ui.kHeader.defaults.</span><b>lessonPlan</b>
+
+ </div>
+ <div class="description">
+ Creates drop-down with link to lesson plan
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".teachersNote"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean or string file path to teachersNote}</span>
+ <span class="light">$.ui.kHeader.defaults.</span><b>teachersNote</b>
+
+ </div>
+ <div class="description">
+ Creates drop-down with link to teachersNote
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".title"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">$.ui.kHeader.defaults.</span><b>title</b>
+
+ </div>
+ <div class="description">
+ title
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ""
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".zoom"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.kHeader.defaults.</span><b>zoom</b>
+
+ </div>
+ <div class="description">
+ Turns on zoom buttons
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.kHeader.html b/docs/symbols/$.ui.kHeader.html
new file mode 100644
index 0000000..ab1cebe
--- /dev/null
+++ b/docs/symbols/$.ui.kHeader.html
@@ -0,0 +1,389 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.kHeader</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.kHeader
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ kHeader widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kHeader.js.html">ui.kHeader.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.kHeader.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.kHeader.html#constructor">$.ui.kHeader</a></b>
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.kHeader.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.kHeader.html#destroy">destroy</a></b>()
+ </div>
+ <div class="description">Removes the kHeader widget and all related data from the DOM</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.kHeader</b>
+ </div>
+
+ <div class="description">
+
+
+ </div>
+
+
+
+ <pre class="code"></pre>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name="destroy"> </a>
+ <div class="fixedFont">
+
+
+ <b>destroy</b>()
+
+ </div>
+ <div class="description">
+ Removes the kHeader widget and all related data from the DOM
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.scoreboard.defaults.html b/docs/symbols/$.ui.scoreboard.defaults.html
new file mode 100755
index 0000000..9727ae8
--- /dev/null
+++ b/docs/symbols/$.ui.scoreboard.defaults.html
@@ -0,0 +1,665 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.scoreboard.defaults</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+
+ <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.scoreboard.defaults
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+ <br />Extends
+ <a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a>.<br />
+
+
+ Default settings for the scoreboard widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.scoreboard.defaults.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.scoreboard.defaults.html#constructor">$.ui.scoreboard.defaults</a></b>
+ </div>
+ <div class="description">Default settings for the scoreboard widget</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class $.ui.scoreboard.defaults.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.layout">layout</a></b>
+ </div>
+ <div class="description">Initial layout, valid options are "horizontal" and "vertical"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.locale">locale</a></b>
+ </div>
+ <div class="description">Default locale, valid options are "en" and "ne"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.pauseButton">pauseButton</a></b>
+ </div>
+ <div class="description">Display the Pause Button</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.restartButton">restartButton</a></b>
+ </div>
+ <div class="description">Display the Retart Button</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.score">score</a></b>
+ </div>
+ <div class="description">Initial score</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.startButton">startButton</a></b>
+ </div>
+ <div class="description">Display the Start Button</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.total">total</a></b>
+ </div>
+ <div class="description">Initial total</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.winningScore">winningScore</a></b>
+ </div>
+ <div class="description">The score that will win the game</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+ <dl class="inheritsList">
+
+ </dl>
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+
+
+ <dl class="inheritsList">
+ <dt>Methods borrowed from class <a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a>: </dt><dd><a href="../symbols/%24.ui.scoreboard.html#dec">dec</a>, <a href="../symbols/%24.ui.scoreboard.html#decTotal">decTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#destroy">destroy</a>, <a href="../symbols/%24.ui.scoreboard.html#getScore">getScore</a>, <a href="../symbols/%24.ui.scoreboard.html#getTotal">getTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#inc">inc</a>, <a href="../symbols/%24.ui.scoreboard.html#incTotal">incTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#restart">restart</a>, <a href="../symbols/%24.ui.scoreboard.html#setScore">setScore</a>, <a href="../symbols/%24.ui.scoreboard.html#setTotal">setTotal</a></dd>
+ </dl>
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.scoreboard.defaults</b>
+ </div>
+
+ <div class="description">
+ Default settings for the scoreboard widget
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".layout"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>layout</b>
+
+ </div>
+ <div class="description">
+ Initial layout, valid options are "horizontal" and "vertical"
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ "horizontal"
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".locale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>locale</b>
+
+ </div>
+ <div class="description">
+ Default locale, valid options are "en" and "ne"
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ "en"
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".pauseButton"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>pauseButton</b>
+
+ </div>
+ <div class="description">
+ Display the Pause Button
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".restartButton"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>restartButton</b>
+
+ </div>
+ <div class="description">
+ Display the Retart Button
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ true
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".score"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>score</b>
+
+ </div>
+ <div class="description">
+ Initial score
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".startButton"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>startButton</b>
+
+ </div>
+ <div class="description">
+ Display the Start Button
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ false
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".total"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>total</b>
+
+ </div>
+ <div class="description">
+ Initial total
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".winningScore"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">$.ui.scoreboard.defaults.</span><b>winningScore</b>
+
+ </div>
+ <div class="description">
+ The score that will win the game
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/$.ui.scoreboard.html b/docs/symbols/$.ui.scoreboard.html
new file mode 100755
index 0000000..d76893c
--- /dev/null
+++ b/docs/symbols/$.ui.scoreboard.html
@@ -0,0 +1,763 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - $.ui.scoreboard</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+
+ <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace $.ui.scoreboard
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ Scoreboard widget
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.scoreboard.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/%24.ui.scoreboard.html#constructor">$.ui.scoreboard</a></b>
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.scoreboard.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#dec">dec</a></b>(val)
+ </div>
+ <div class="description">Decrements the score by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#decTotal">decTotal</a></b>(val)
+ </div>
+ <div class="description">Decrements the total by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#destroy">destroy</a></b>()
+ </div>
+ <div class="description">Removes the scoreboard widget and all related data from the DOM</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#getScore">getScore</a></b>()
+ </div>
+ <div class="description">Gets the current score</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#getTotal">getTotal</a></b>()
+ </div>
+ <div class="description">Gets the current total</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#inc">inc</a></b>(val)
+ </div>
+ <div class="description">Increments the score by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#incTotal">incTotal</a></b>(val)
+ </div>
+ <div class="description">Increments the total by 1 or by the supplied numeric argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#restart">restart</a></b>()
+ </div>
+ <div class="description">Restarts the scoreboard and triggers the "scoreboardRestart" event</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#setScore">setScore</a></b>(newScore)
+ </div>
+ <div class="description">Sets the current score</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#setTotal">setTotal</a></b>(newTotal)
+ </div>
+ <div class="description">Sets the current total</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>$.ui.scoreboard</b>
+ </div>
+
+ <div class="description">
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name="dec"> </a>
+ <div class="fixedFont">
+
+
+ <b>dec</b>(val)
+
+ </div>
+ <div class="description">
+ Decrements the score by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>decrement value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="decTotal"> </a>
+ <div class="fixedFont">
+
+
+ <b>decTotal</b>(val)
+
+ </div>
+ <div class="description">
+ Decrements the total by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>decrement value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="destroy"> </a>
+ <div class="fixedFont">
+
+
+ <b>destroy</b>()
+
+ </div>
+ <div class="description">
+ Removes the scoreboard widget and all related data from the DOM
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="getScore"> </a>
+ <div class="fixedFont">
+
+ <span class="light">{Number}</span>
+ <b>getScore</b>()
+
+ </div>
+ <div class="description">
+ Gets the current score
+
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> current score</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name="getTotal"> </a>
+ <div class="fixedFont">
+
+ <span class="light">{Number}</span>
+ <b>getTotal</b>()
+
+ </div>
+ <div class="description">
+ Gets the current total
+
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> current total</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name="inc"> </a>
+ <div class="fixedFont">
+
+
+ <b>inc</b>(val)
+
+ </div>
+ <div class="description">
+ Increments the score by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>increment value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="incTotal"> </a>
+ <div class="fixedFont">
+
+
+ <b>incTotal</b>(val)
+
+ </div>
+ <div class="description">
+ Increments the total by 1 or by the supplied numeric argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>val</b>
+ <i>Optional</i>
+ </dt>
+ <dd>increment value</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="restart"> </a>
+ <div class="fixedFont">
+
+
+ <b>restart</b>()
+
+ </div>
+ <div class="description">
+ Restarts the scoreboard and triggers the "scoreboardRestart" event
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="setScore"> </a>
+ <div class="fixedFont">
+
+
+ <b>setScore</b>(newScore)
+
+ </div>
+ <div class="description">
+ Sets the current score
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>newScore</b>
+
+ </dt>
+ <dd>new score</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+ <hr />
+
+ <a name="setTotal"> </a>
+ <div class="fixedFont">
+
+
+ <b>setTotal</b>(newTotal)
+
+ </div>
+ <div class="description">
+ Sets the current total
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>newTotal</b>
+
+ </dt>
+ <dd>new score</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.html b/docs/symbols/Karma.html
new file mode 100755
index 0000000..5db7dd2
--- /dev/null
+++ b/docs/symbols/Karma.html
@@ -0,0 +1,1505 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace Karma
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ Global namespace for Karma library
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.html#constructor">Karma</a></b>
+ </div>
+ <div class="description">Karma is the namespace for the Karma library and Karma() is the constructor
+function for the Karma library object Karma.</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.<b><a href="../symbols/Karma.html#.audio">audio</a></b>
+ </div>
+ <div class="description">Collection of audio files with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.<b><a href="../symbols/Karma.html#.canvas">canvas</a></b>
+ </div>
+ <div class="description">Collection of html 5 canvases with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.<b><a href="../symbols/Karma.html#.image">image</a></b>
+ </div>
+ <div class="description">Collection of images with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.<b><a href="../symbols/Karma.html#.locale">locale</a></b>
+ </div>
+ <div class="description">This is the global locale as passed to Karma(),
+such as "en", "es_SP"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.<b><a href="../symbols/Karma.html#.svg">svg</a></b>
+ </div>
+ <div class="description">Collection of svgs with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.<b><a href="../symbols/Karma.html#.video">video</a></b>
+ </div>
+ <div class="description">Collection of videos with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class Karma.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#._n">_n</a></b>(Number, locale)
+ </div>
+ <div class="description"></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.clone">clone</a></b>(target)
+ </div>
+ <div class="description">Returns a shallow copy of the passed in object</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.convertNumToLocale">convertNumToLocale</a></b>(Number, locale)
+ </div>
+ <div class="description">Converts a number to numerals in the specified locale.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.copyObjectPlus">copyObjectPlus</a></b>(parent1, parent2)
+ </div>
+ <div class="description">Creates a new object that is a prototype of the first argument
+then extends it with the properties of the second argument</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.create">create</a></b>(parent)
+ </div>
+ <div class="description">This emulates the Object.create method in ecmascript 5 spec
+This isn't a full implementation as it doesn't support an all of Object.create's features
+This has the same functionality as Crockford's beget method
+and this primary building block for prototypal inheritance in
+this library</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.distance">distance</a></b>(Point, Point)
+ </div>
+ <div class="description">Gets the Euclidian (ordinary) distance between 2 points.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.distance2">distance2</a></b>(Point, Point)
+ </div>
+ <div class="description">Gets the square of the Euclidian (ordinary) distance between 2 points.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.objectPlus">objectPlus</a></b>(target, source)
+ </div>
+ <div class="description">Extends properties of the target object with those of
+the source object</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.radians">radians</a></b>(angle)
+ </div>
+ <div class="description">Converts a value from degrees to radians.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.rand">rand</a></b>(lower, upper)
+ </div>
+ <div class="description">Returns a random number within the range provided</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.ready">ready</a></b>(cb)
+ </div>
+ <div class="description">Waits until all assets loaded(ready), then calls callback cb</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.shuffle">shuffle</a></b>(oldList)
+ </div>
+ <div class="description">Shuffles an array of items randomly</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma</b>
+ </div>
+
+ <div class="description">
+ Karma is the namespace for the Karma library and Karma() is the constructor
+function for the Karma library object Karma.
+Karma() checks if the current document type is set to HTML 5, throws
+an error if not. Otherwise, initializes the karma object and returns
+a reference to that object.
+
+ </div>
+
+
+
+ <pre class="code">
+var k = Karma({
+ image: [
+ {name: "ninja", file: "ninja.png"},
+ {name: "cowboy", file: "cowboy.png"}
+ ],
+ audio: [
+ {name: "woosh", file: "woosh.ogg"},
+ {name: "yeehaw", file: "yeehaw.ogg"}
+ ],
+ video: [ //Not Yet Implemented
+ {name: "attack", file: "attack.ogv"},
+ {name: "ride", file: "ride.ogv"}
+ ]
+ canvas: [
+ {name: "ninja", domId: "ninjaCanvas"},
+ {name: "cowboy", domId: "cowboyCanvas"}
+ ],
+ svg: [
+ {name: "ninja", domId: "ninjaSvg"},
+ {name: "cowboy", domId: "cowboySvg"}
+ ],
+ });
+Next, call the ready function with a callback to your program code
+
+k.ready(function () { ... your application code . . . }
+
+after that you can access each asset like so
+k.image.ninja;
+k.svg.cowboy;
+k.audio.yeehaw.play();
+k.canvas.ninja.drawImage(k.image.ninja, 0, 0);</pre>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>options</b>
+ <i>Optional, Default: {}</i>
+ </dt>
+ <dd>options for intializing Karma library</dd>
+
+ <dt>
+ <span class="light fixedFont">{String}</span> <b>options.locale</b>
+ <i>Optional, Default: ''</i>
+ </dt>
+ <dd>sets current locale Not Yet Implemented</dd>
+
+ <dt>
+ <span class="light fixedFont">{Array}</span> <b>options.image</b>
+ <i>Optional, Default: []</i>
+ </dt>
+ <dd>array of images to be converted into a collection</dd>
+
+ <dt>
+ <span class="light fixedFont">{Array}</span> <b>options.audio</b>
+ <i>Optional, Default: []</i>
+ </dt>
+ <dd>array of audio to be converted into a collection</dd>
+
+ <dt>
+ <span class="light fixedFont">{Array}</span> <b>options.video</b>
+ <i>Optional, Default: []</i>
+ </dt>
+ <dd>NYI array of videos to be converted into a collection</dd>
+
+ <dt>
+ <span class="light fixedFont">{Array}</span> <b>options.svg</b>
+ <i>Optional, Default: []</i>
+ </dt>
+ <dd>array of SVG elements to be
+converted into a collection. Each SVG element must already exist in the html document</dd>
+
+ <dt>
+ <span class="light fixedFont">{Array}</span> <b>options.canvas</b>
+ <i>Optional, Default: []</i>
+ </dt>
+ <dd>array of canvas elements
+to be converted into a collection. Each canvas element must already exist in the
+html document and width and height of each element must be set as attributes</dd>
+
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the document type declaration is not set to HTML 5, e.g.
+<!DOCTYPE html></dd>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>If any of the initialization parameters are invalid values</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Object}</span> Karma -- reference to the initialized Karma library</dd>
+
+ </dl>
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".audio"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.</span><b>audio</b>
+
+ </div>
+ <div class="description">
+ Collection of audio files with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".canvas"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.</span><b>canvas</b>
+
+ </div>
+ <div class="description">
+ Collection of html 5 canvases with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".image"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.</span><b>image</b>
+
+ </div>
+ <div class="description">
+ Collection of images with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".locale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.</span><b>locale</b>
+
+ </div>
+ <div class="description">
+ This is the global locale as passed to Karma(),
+such as "en", "es_SP"
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 'en'
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".svg"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.</span><b>svg</b>
+
+ </div>
+ <div class="description">
+ Collection of svgs with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".video"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.</span><b>video</b>
+
+ </div>
+ <div class="description">
+ Collection of videos with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name="._n"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.</span><b>_n</b>(Number, locale)
+
+ </div>
+ <div class="description">
+
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Number</b>
+
+ </dt>
+ <dd>to be converted</dd>
+
+ <dt>
+ <span class="light fixedFont">{locale}</span> <b>locale</b>
+
+ </dt>
+ <dd>that number should be converted to</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{String}</span> Unicode string for localized numeral</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".clone"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Object}</span>
+ <span class="light">Karma.</span><b>clone</b>(target)
+
+ </div>
+ <div class="description">
+ Returns a shallow copy of the passed in object
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>target</b>
+
+ </dt>
+ <dd>to be copied</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Object}</span> a shallow copy of target</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".convertNumToLocale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.</span><b>convertNumToLocale</b>(Number, locale)
+
+ </div>
+ <div class="description">
+ Converts a number to numerals in the specified locale. Currently only
+supports Nepali
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Number</b>
+
+ </dt>
+ <dd>to be converted</dd>
+
+ <dt>
+ <span class="light fixedFont">{locale}</span> <b>locale</b>
+
+ </dt>
+ <dd>that number should be converted to</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{String}</span> Unicode string for localized numeral</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".copyObjectPlus"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Object}</span>
+ <span class="light">Karma.</span><b>copyObjectPlus</b>(parent1, parent2)
+
+ </div>
+ <div class="description">
+ Creates a new object that is a prototype of the first argument
+then extends it with the properties of the second argument
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>parent1</b>
+
+ </dt>
+ <dd>will be prototype of returned object</dd>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>parent2</b>
+
+ </dt>
+ <dd>will extend properties of returned object</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Object}</span> object that whose prototype is parent1 and has
+been extended with properties of parent2</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".create"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Object}</span>
+ <span class="light">Karma.</span><b>create</b>(parent)
+
+ </div>
+ <div class="description">
+ This emulates the Object.create method in ecmascript 5 spec
+This isn't a full implementation as it doesn't support an all of Object.create's features
+This has the same functionality as Crockford's beget method
+and this primary building block for prototypal inheritance in
+this library
+
+
+ </div>
+
+
+
+ <pre class="code">
+var ninja = { weapon : "sword" };
+var ninja1 = Karma.create(ninja);
+ninja1.weapon === "sword"</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>parent</b>
+
+ </dt>
+ <dd>that the new object's prototype should point to</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Object}</span> a new object whose prototype is parent</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".distance"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">Karma.</span><b>distance</b>(Point, Point)
+
+ </div>
+ <div class="description">
+ Gets the Euclidian (ordinary) distance between 2 points.<br>
+<b>Warning:</b> It's slower than distance2 function
+
+
+ </div>
+
+
+
+ <pre class="code">
+p0 = {x:0, y:1};
+p1 = {x:50, y:70};
+var d = distance2(p0, p1);</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>Point</b>
+
+ </dt>
+ <dd>No. 0</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point0.x</b>
+
+ </dt>
+ <dd></dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point0.y</b>
+
+ </dt>
+ <dd></dd>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>Point</b>
+
+ </dt>
+ <dd>No. 1</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point1.x</b>
+
+ </dt>
+ <dd></dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point1.y</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> The Euclidian distance</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".distance2"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">Karma.</span><b>distance2</b>(Point, Point)
+
+ </div>
+ <div class="description">
+ Gets the square of the Euclidian (ordinary) distance between 2 points.
+
+
+ </div>
+
+
+
+ <pre class="code">
+p0 = {x:0, y:1};
+p1 = {x:50, y:70};
+var d = distance2(p0, p1);</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>Point</b>
+
+ </dt>
+ <dd>No. 0</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point0.x</b>
+
+ </dt>
+ <dd></dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point0.y</b>
+
+ </dt>
+ <dd></dd>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>Point</b>
+
+ </dt>
+ <dd>No. 1</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point1.x</b>
+
+ </dt>
+ <dd></dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>Point1.y</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> The square of the Euclidian distance</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".objectPlus"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Object}</span>
+ <span class="light">Karma.</span><b>objectPlus</b>(target, source)
+
+ </div>
+ <div class="description">
+ Extends properties of the target object with those of
+the source object
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>target</b>
+
+ </dt>
+ <dd>object to be extended</dd>
+
+ <dt>
+ <span class="light fixedFont">{Object}</span> <b>source</b>
+
+ </dt>
+ <dd>whose properties will extend target</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Object}</span> target extended by source</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".radians"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">Karma.</span><b>radians</b>(angle)
+
+ </div>
+ <div class="description">
+ Converts a value from degrees to radians.
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>angle</b>
+
+ </dt>
+ <dd>The angle in degrees</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> The angle in radians</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".rand"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">Karma.</span><b>rand</b>(lower, upper)
+
+ </div>
+ <div class="description">
+ Returns a random number within the range provided
+
+
+ </div>
+
+
+
+ <pre class="code">
+var num = rand(0, 10);
+
+//num could be 0, 1, 2, 3 ... or 10</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>lower</b>
+
+ </dt>
+ <dd>limit of the range, lowest number that can be returned</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>upper</b>
+
+ </dt>
+ <dd>limit of the range, highest number that can be returned</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Number}</span> number that is >= lower and <= upper</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".ready"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.</span><b>ready</b>(cb)
+
+ </div>
+ <div class="description">
+ Waits until all assets loaded(ready), then calls callback cb
+
+
+ </div>
+
+
+
+ <pre class="code">
+var k = Karma({ . . . your assets here . . . });
+k.ready(function(){ .. your code here . . .});
+
+your code will not be called until all assets have been loaded
+into collections</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Function}</span> <b>cb</b>
+ <i>Optional</i>
+ </dt>
+ <dd>callback function</dd>
+
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if Karma is not initialized with the
+Karma({ options }) function</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".shuffle"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Array}</span>
+ <span class="light">Karma.</span><b>shuffle</b>(oldList)
+
+ </div>
+ <div class="description">
+ Shuffles an array of items randomly
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Array}</span> <b>oldList</b>
+
+ </dt>
+ <dd>of choices to be shuffled</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="light fixedFont">{Array}</span> newlist of choices randomly reordered</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.kAudio.html b/docs/symbols/Karma.kAudio.html
new file mode 100755
index 0000000..3d1c339
--- /dev/null
+++ b/docs/symbols/Karma.kAudio.html
@@ -0,0 +1,509 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma.kAudio</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Class Karma.kAudio
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ This object is the prototype for audio files submitted to Karma in the
+Karma() method
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.kAudio.">
+ <caption>Class Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.kAudio.html#constructor">Karma.kAudio</a></b>()
+ </div>
+ <div class="description">Prototype object for audio files</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.kAudio.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kAudio.<b><a href="../symbols/Karma.kAudio.html#.file">file</a></b>
+ </div>
+ <div class="description">file location of asset</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kAudio.<b><a href="../symbols/Karma.kAudio.html#.media">media</a></b>
+ </div>
+ <div class="description">Media object.</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class Karma.kAudio.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kAudio.<b><a href="../symbols/Karma.kAudio.html#.play">play</a></b>()
+ </div>
+ <div class="description">Plays the audio file</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Class Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma.kAudio</b>()
+ </div>
+
+ <div class="description">
+ Prototype object for audio files
+
+ </div>
+
+
+
+ <pre class="code"> kAudio is the prototype object for audio
+ The audio assets are loaded in a distinctly different way
+ from the canvas or svg assets. They also have distinctly different
+ helper methods
+
+ You initialize the kAudio assets by passing an array of objects</pre>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the individual audio asset is set to be localized but
+ the globale locale is not set on the Karma object</dd>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the name and file properties are not supplied</dd>
+
+ </dl>
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".file"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.kAudio.</span><b>file</b>
+
+ </div>
+ <div class="description">
+ file location of asset
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ""
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".media"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Audio}</span>
+ <span class="light">Karma.kAudio.</span><b>media</b>
+
+ </div>
+ <div class="description">
+ Media object. You can access the src, autobuffer, autoplay, loop, and
+controls attributes
+via the media property of kAudio. Read more about the properties of the <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-element-attributes">HTML 5 media element</a>
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name=".play"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kAudio.</span><b>play</b>()
+
+ </div>
+ <div class="description">
+ Plays the audio file
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.kCanvas.html b/docs/symbols/Karma.kCanvas.html
new file mode 100755
index 0000000..cfc4492
--- /dev/null
+++ b/docs/symbols/Karma.kCanvas.html
@@ -0,0 +1,3409 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma.kCanvas</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Class Karma.kCanvas
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ This object is the prototype for each canvas element submitted to Karma in the
+Karma() method
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.kCanvas.">
+ <caption>Class Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.kCanvas.html#constructor">Karma.kCanvas</a></b>()
+ </div>
+ <div class="description">Prototype object for each canvas element submitted to Karma in the
+Karma() method</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.kCanvas.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.ctx">ctx</a></b>
+ </div>
+ <div class="description">The 2 Dimensional Rendering context property for this canvas</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.domId">domId</a></b>
+ </div>
+ <div class="description">Element ID for canvas element in html document.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.height">height</a></b>
+ </div>
+ <div class="description">Height of canvas element</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.name">name</a></b>
+ </div>
+ <div class="description">Name of the canvas, used internally by karma.js</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.node">node</a></b>
+ </div>
+ <div class="description">Reference to the DOM element</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.visible">visible</a></b>
+ </div>
+ <div class="description">Whether canvas is visible</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.width">width</a></b>
+ </div>
+ <div class="description">Width of canvas element</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class Karma.kCanvas.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.arc">arc</a></b>()
+ </div>
+ <div class="description">Create an arc
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.arcTo">arcTo</a></b>()
+ </div>
+ <div class="description">Draw an arc to the given points
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.beginPath">beginPath</a></b>()
+ </div>
+ <div class="description">Begin a path
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.bezierCurveTo">bezierCurveTo</a></b>()
+ </div>
+ <div class="description">Draw a bezier curve to given coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.clear">clear</a></b>(x, y, width, height)
+ </div>
+ <div class="description">Clear area of canvas element specified by parameters, if no
+parameters supplied, clears entire canvas</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.clearRect">clearRect</a></b>()
+ </div>
+ <div class="description">Clear a rectangular area
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.clip">clip</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.closePath">closePath</a></b>()
+ </div>
+ <div class="description">End a path
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.createImageData">createImageData</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.createLinearGradient">createLinearGradient</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.createPattern">createPattern</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.createRadialGradient">createRadialGradient</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.drawImage">drawImage</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.drawWindow">drawWindow</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.fill">fill</a></b>()
+ </div>
+ <div class="description">fill in the current subpaths with the current fillstyle
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.fillRect">fillRect</a></b>()
+ </div>
+ <div class="description">Fill a rectangular area
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.fillStyle">fillStyle</a></b>()
+ </div>
+ <div class="description">Sets the fill style
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.fillText">fillText</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.font">font</a></b>()
+ </div>
+ <div class="description">Sets the font property and takes the same syntax as setting the font property
+ in CSS
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.getImageData">getImageData</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.globalAlpha">globalAlpha</a></b>(number)
+ </div>
+ <div class="description">The globalAlpha attribute gives an alpha value that is applied to shapes
+and images before they are composited onto the canvas</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.globalCompositeOperation">globalCompositeOperation</a></b>(globalCompositeOperation)
+ </div>
+ <div class="description">Sets the globalCompositeOperation attribute, which sets how shapes and images
+are drawn onto the existing bitmap, once they have had globalAlpha and the
+current transformation matrix applied.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.isPointInPath">isPointInPath</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineCap">lineCap</a></b>(type)
+ </div>
+ <div class="description">The lineCap attribute defines the type of endings that UAs will place on
+the end of lines.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineJoin">lineJoin</a></b>(type)
+ </div>
+ <div class="description">The lineJoin attribute defines the type of corners that UAs will place
+where two lines meet.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineTo">lineTo</a></b>()
+ </div>
+ <div class="description">Draw a line to the given coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineWidth">lineWidth</a></b>(lineWidth)
+ </div>
+ <div class="description">Sets the lineWidth attribute which gives the width of lines, in coordinate space
+units.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.measureText">measureText</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.miterLimit">miterLimit</a></b>(number)
+ </div>
+ <div class="description">Sets the miter limit
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.moveTo">moveTo</a></b>()
+ </div>
+ <div class="description">Move to specified coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.putImageData">putImageData</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.quadraticCurveTo">quadraticCurveTo</a></b>()
+ </div>
+ <div class="description">Draw a quadratic curve to given coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.rect">rect</a></b>()
+ </div>
+ <div class="description">Create a rectangle
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.restore">restore</a></b>()
+ </div>
+ <div class="description">Restore the saved context
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.rotate">rotate</a></b>()
+ </div>
+ <div class="description">Perform a rotation transformation
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.save">save</a></b>()
+ </div>
+ <div class="description">Save the current state of the context
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.scale">scale</a></b>()
+ </div>
+ <div class="description">Perform a scale transformation
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.setTransform">setTransform</a></b>()
+ </div>
+ <div class="description">Set the transform
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.shadowBlur">shadowBlur</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.shadowColor">shadowColor</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.shadowOffsetX">shadowOffsetX</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.shadowOffsetY">shadowOffsetY</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.stroke">stroke</a></b>()
+ </div>
+ <div class="description">Stroke the subpaths
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.strokeRect">strokeRect</a></b>()
+ </div>
+ <div class="description">Draw the outline of the rectangle
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.strokeStyle">strokeStyle</a></b>()
+ </div>
+ <div class="description">Sets the stroke style
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.strokeText">strokeText</a></b>()
+ </div>
+ <div class="description">description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.textAlign">textAlign</a></b>(alignment)
+ </div>
+ <div class="description">Changes the text alignment.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.textBaseline">textBaseline</a></b>(alignment)
+ </div>
+ <div class="description">Changes the baseline alignment.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.transform">transform</a></b>()
+ </div>
+ <div class="description">Transform the identity matrix
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.translate">translate</a></b>()
+ </div>
+ <div class="description">Performa a translation transformation
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Class Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma.kCanvas</b>()
+ </div>
+
+ <div class="description">
+ Prototype object for each canvas element submitted to Karma in the
+Karma() method
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the name and domId for the canvas element are not specified</dd>
+
+ </dl>
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".ctx"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{2DRenderingContext}</span>
+ <span class="light">Karma.kCanvas.</span><b>ctx</b>
+
+ </div>
+ <div class="description">
+ The 2 Dimensional Rendering context property for this canvas
+
+
+ </div>
+
+
+
+ <pre class="code">//Almost all of the context attributes and methods are wrapped in helper functions
+//but you can also access them directly using the ctx property
+Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y);
+Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff";</pre>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".domId"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.kCanvas.</span><b>domId</b>
+
+ </div>
+ <div class="description">
+ Element ID for canvas element in html document. This value is read-only
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".height"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">Karma.kCanvas.</span><b>height</b>
+
+ </div>
+ <div class="description">
+ Height of canvas element
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".name"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.kCanvas.</span><b>name</b>
+
+ </div>
+ <div class="description">
+ Name of the canvas, used internally by karma.js
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ''
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".node"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{DOMElement}</span>
+ <span class="light">Karma.kCanvas.</span><b>node</b>
+
+ </div>
+ <div class="description">
+ Reference to the DOM element
+
+
+ </div>
+
+
+
+ <pre class="code">//You can access all properties and methods of the underlying DOM element
+//using the 'node' property
+Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...);
+var stuff = Karma.canvas.someCanvas.node.innerHTML;</pre>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".visible"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">Karma.kCanvas.</span><b>visible</b>
+
+ </div>
+ <div class="description">
+ Whether canvas is visible
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ true
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".width"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Number}</span>
+ <span class="light">Karma.kCanvas.</span><b>width</b>
+
+ </div>
+ <div class="description">
+ Width of canvas element
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name=".arc"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>arc</b>()
+
+ </div>
+ <div class="description">
+ Create an arc
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".arcTo"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>arcTo</b>()
+
+ </div>
+ <div class="description">
+ Draw an arc to the given points
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".beginPath"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>beginPath</b>()
+
+ </div>
+ <div class="description">
+ Begin a path
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".bezierCurveTo"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>bezierCurveTo</b>()
+
+ </div>
+ <div class="description">
+ Draw a bezier curve to given coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".clear"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>clear</b>(x, y, width, height)
+
+ </div>
+ <div class="description">
+ Clear area of canvas element specified by parameters, if no
+parameters supplied, clears entire canvas
+
+
+ </div>
+
+
+
+ <pre class="code">
+k.canvas.ninja.clear();
+// clears the entire ninja canvas
+
+k.canvas.ninja.clear(0, 10, 20, 30);
+//clears a specific portion of the ninja canvas</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>x</b>
+ <i>Optional, Default: 0</i>
+ </dt>
+ <dd>x coordinate, defaults to zero if left blank</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>y</b>
+ <i>Optional, Default: 0</i>
+ </dt>
+ <dd>y coordinate, defaults to zero if left blank</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>width</b>
+ <i>Optional, Default: 0</i>
+ </dt>
+ <dd>width of area to be cleared, defaults
+entire width of canvas</dd>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>height</b>
+ <i>Optional, Default: 0</i>
+ </dt>
+ <dd>height of area to be cleared, defaults
+entire height of canvas</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".clearRect"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>clearRect</b>()
+
+ </div>
+ <div class="description">
+ Clear a rectangular area
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".clip"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>clip</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".closePath"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>closePath</b>()
+
+ </div>
+ <div class="description">
+ End a path
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".createImageData"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>createImageData</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".createLinearGradient"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>createLinearGradient</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".createPattern"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>createPattern</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".createRadialGradient"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>createRadialGradient</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".drawImage"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>drawImage</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".drawWindow"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>drawWindow</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".fill"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>fill</b>()
+
+ </div>
+ <div class="description">
+ fill in the current subpaths with the current fillstyle
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".fillRect"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>fillRect</b>()
+
+ </div>
+ <div class="description">
+ Fill a rectangular area
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".fillStyle"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>fillStyle</b>()
+
+ </div>
+ <div class="description">
+ Sets the fill style
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".fillText"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>fillText</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".font"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>font</b>()
+
+ </div>
+ <div class="description">
+ Sets the font property and takes the same syntax as setting the font property
+ in CSS
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{String}</span> <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".getImageData"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>getImageData</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".globalAlpha"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>globalAlpha</b>(number)
+
+ </div>
+ <div class="description">
+ The globalAlpha attribute gives an alpha value that is applied to shapes
+and images before they are composited onto the canvas
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>number</b>
+
+ </dt>
+ <dd>in the range from 0.0 to 1.0</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".globalCompositeOperation"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>globalCompositeOperation</b>(globalCompositeOperation)
+
+ </div>
+ <div class="description">
+ Sets the globalCompositeOperation attribute, which sets how shapes and images
+are drawn onto the existing bitmap, once they have had globalAlpha and the
+current transformation matrix applied.
+For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{String}</span> <b>globalCompositeOperation</b>
+
+ </dt>
+ <dd>source-atop,
+source-in, source-out,
+source-over, destination-atop, destination-in, destination-out, destination-over,
+lighter</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".isPointInPath"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>isPointInPath</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".lineCap"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>lineCap</b>(type)
+
+ </div>
+ <div class="description">
+ The lineCap attribute defines the type of endings that UAs will place on
+the end of lines.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{String}</span> <b>type</b>
+
+ </dt>
+ <dd>butt, round, square</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".lineJoin"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>lineJoin</b>(type)
+
+ </div>
+ <div class="description">
+ The lineJoin attribute defines the type of corners that UAs will place
+where two lines meet. The three valid values are bevel, round, and miter.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{String}</span> <b>type</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".lineTo"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>lineTo</b>()
+
+ </div>
+ <div class="description">
+ Draw a line to the given coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".lineWidth"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>lineWidth</b>(lineWidth)
+
+ </div>
+ <div class="description">
+ Sets the lineWidth attribute which gives the width of lines, in coordinate space
+units.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>lineWidth</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".measureText"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>measureText</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".miterLimit"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>miterLimit</b>(number)
+
+ </div>
+ <div class="description">
+ Sets the miter limit
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Number}</span> <b>number</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".moveTo"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>moveTo</b>()
+
+ </div>
+ <div class="description">
+ Move to specified coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".putImageData"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>putImageData</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".quadraticCurveTo"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>quadraticCurveTo</b>()
+
+ </div>
+ <div class="description">
+ Draw a quadratic curve to given coordinates
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".rect"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>rect</b>()
+
+ </div>
+ <div class="description">
+ Create a rectangle
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".restore"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>restore</b>()
+
+ </div>
+ <div class="description">
+ Restore the saved context
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".rotate"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>rotate</b>()
+
+ </div>
+ <div class="description">
+ Perform a rotation transformation
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".save"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>save</b>()
+
+ </div>
+ <div class="description">
+ Save the current state of the context
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".scale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>scale</b>()
+
+ </div>
+ <div class="description">
+ Perform a scale transformation
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".setTransform"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>setTransform</b>()
+
+ </div>
+ <div class="description">
+ Set the transform
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".shadowBlur"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>shadowBlur</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".shadowColor"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>shadowColor</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".shadowOffsetX"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>shadowOffsetX</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".shadowOffsetY"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>shadowOffsetY</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".stroke"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>stroke</b>()
+
+ </div>
+ <div class="description">
+ Stroke the subpaths
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".strokeRect"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>strokeRect</b>()
+
+ </div>
+ <div class="description">
+ Draw the outline of the rectangle
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".strokeStyle"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>strokeStyle</b>()
+
+ </div>
+ <div class="description">
+ Sets the stroke style
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".strokeText"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>strokeText</b>()
+
+ </div>
+ <div class="description">
+ description
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".textAlign"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>textAlign</b>(alignment)
+
+ </div>
+ <div class="description">
+ Changes the text alignment. The possible values are start, end, left, right,
+and center. The default is start. Other values are ignored.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{string}</span> <b>alignment</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".textBaseline"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>textBaseline</b>(alignment)
+
+ </div>
+ <div class="description">
+ Changes the baseline alignment. If the value is one of top, hanging, middle,
+alphabetic, ideographic, or bottom, then the value must be changed to the new value.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{String}</span> <b>alignment</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".transform"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>transform</b>()
+
+ </div>
+ <div class="description">
+ Transform the identity matrix
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+ <hr />
+
+ <a name=".translate"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kCanvas.</span><b>translate</b>()
+
+ </div>
+ <div class="description">
+ Performa a translation transformation
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+
+
+ </div>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b></b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:45 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.kImage.html b/docs/symbols/Karma.kImage.html
new file mode 100755
index 0000000..42139c3
--- /dev/null
+++ b/docs/symbols/Karma.kImage.html
@@ -0,0 +1,446 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma.kImage</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Class Karma.kImage
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ This object is the prototype for images submitted to Karma in the
+ Karma() method
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.kImage.">
+ <caption>Class Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.kImage.html#constructor">Karma.kImage</a></b>()
+ </div>
+ <div class="description">Prototype object for images</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.kImage.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kImage.<b><a href="../symbols/Karma.kImage.html#.file">file</a></b>
+ </div>
+ <div class="description">file location of image</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kImage.<b><a href="../symbols/Karma.kImage.html#.media">media</a></b>
+ </div>
+ <div class="description">media object</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Class Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma.kImage</b>()
+ </div>
+
+ <div class="description">
+ Prototype object for images
+
+ </div>
+
+
+
+ <pre class="code"> kImage is the prototype object for images. This 'media' asset is loaded
+ in a distinctly different way from the canvas or svg assets.</pre>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the image asset is set to be localized but
+ the global locale is not set on the Karma object</dd>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the name and file properties are not supplied</dd>
+
+ </dl>
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".file"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.kImage.</span><b>file</b>
+
+ </div>
+ <div class="description">
+ file location of image
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ""
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".media"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Image}</span>
+ <span class="light">Karma.kImage.</span><b>media</b>
+
+ </div>
+ <div class="description">
+ media object
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:45 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.kSvg.html b/docs/symbols/Karma.kSvg.html
new file mode 100755
index 0000000..05ab90c
--- /dev/null
+++ b/docs/symbols/Karma.kSvg.html
@@ -0,0 +1,731 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma.kSvg</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Class Karma.kSvg
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ This object is the prototype for each svg element submitted to Karma in the
+Karma() method
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.kSvg.">
+ <caption>Class Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.kSvg.html#constructor">Karma.kSvg</a></b>()
+ </div>
+ <div class="description">Prototype object for each svg element submitted to Karma in the
+Karma() method</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.kSvg.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.doc">doc</a></b>
+ </div>
+ <div class="description">Reference to the SVGDocument.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.domId">domId</a></b>
+ </div>
+ <div class="description">Element ID for canvas element in html document.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.height">height</a></b>
+ </div>
+ <div class="description">height of element</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.name">name</a></b>
+ </div>
+ <div class="description">name of instance, used internally</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.node">node</a></b>
+ </div>
+ <div class="description">Reference to the DOM element.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.root">root</a></b>
+ </div>
+ <div class="description">Reference to the root element of the SVG Document</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.status">status</a></b>
+ </div>
+ <div class="description">Status of element, either "loaded" or "error"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.visible">visible</a></b>
+ </div>
+ <div class="description">Whether canvas is visible.</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kSvg.<b><a href="../symbols/Karma.kSvg.html#.width">width</a></b>
+ </div>
+ <div class="description">width of element</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Class Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma.kSvg</b>()
+ </div>
+
+ <div class="description">
+ Prototype object for each svg element submitted to Karma in the
+Karma() method
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the name and domId for the svg element are not specified</dd>
+
+ </dl>
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".doc"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{SVGDocument}</span>
+ <span class="light">Karma.kSvg.</span><b>doc</b>
+
+ </div>
+ <div class="description">
+ Reference to the SVGDocument. You can use the this.doc to manipulate
+the SVG document
+
+
+ </div>
+
+
+
+ <pre class="code">var myElem = Karma.svg.someSvg.doc.getElementById('foobar');
+Karma.svg.someSvg.doc.createElement(...);
+Karma.svg.someSvg.doc.removeChild(someNode);</pre>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".domId"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.kSvg.</span><b>domId</b>
+
+ </div>
+ <div class="description">
+ Element ID for canvas element in html document.
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".height"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{number}</span>
+ <span class="light">Karma.kSvg.</span><b>height</b>
+
+ </div>
+ <div class="description">
+ height of element
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".name"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.kSvg.</span><b>name</b>
+
+ </div>
+ <div class="description">
+ name of instance, used internally
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ""
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".node"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{DOMElement}</span>
+ <span class="light">Karma.kSvg.</span><b>node</b>
+
+ </div>
+ <div class="description">
+ Reference to the DOM element.
+
+
+ </div>
+
+
+
+ <pre class="code">
+//You can access all properties and methods of the underlying DOM element
+//using the 'node' property
+Karma.svg.someSvg.node.dispatchEvent;
+Karma.svg.someSvg.node.addEvenListener(...);</pre>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".root"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{DocumentElement}</span>
+ <span class="light">Karma.kSvg.</span><b>root</b>
+
+ </div>
+ <div class="description">
+ Reference to the root element of the SVG Document
+
+
+ </div>
+
+
+
+ <pre class="code">// The root element is equivalent to "document" in a regular html document
+// The root attribute is used frequently with the jQuery SVG plugin for CSS selectors
+$('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".status"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{string}</span>
+ <span class="light">Karma.kSvg.</span><b>status</b>
+
+ </div>
+ <div class="description">
+ Status of element, either "loaded" or "error"
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ""
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".visible"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{boolean}</span>
+ <span class="light">Karma.kSvg.</span><b>visible</b>
+
+ </div>
+ <div class="description">
+ Whether canvas is visible. This value is read-only
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ true
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".width"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{number}</span>
+ <span class="light">Karma.kSvg.</span><b>width</b>
+
+ </div>
+ <div class="description">
+ width of element
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ 0
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:45 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.kVideo.html b/docs/symbols/Karma.kVideo.html
new file mode 100755
index 0000000..75816f5
--- /dev/null
+++ b/docs/symbols/Karma.kVideo.html
@@ -0,0 +1,441 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma.kVideo</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Class Karma.kVideo
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ Not Yet Implemented:This object is the prototype for video files submitted
+to Karma in the Karma() method
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.kVideo.">
+ <caption>Class Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.kVideo.html#constructor">Karma.kVideo</a></b>()
+ </div>
+ <div class="description">NYI:Prototype object for Video files</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.kVideo.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kVideo.<b><a href="../symbols/Karma.kVideo.html#.file">file</a></b>
+ </div>
+ <div class="description">file location of asset</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.kVideo.<b><a href="../symbols/Karma.kVideo.html#.media">media</a></b>
+ </div>
+ <div class="description">media object</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Class Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma.kVideo</b>()
+ </div>
+
+ <div class="description">
+ NYI:Prototype object for Video files
+
+ </div>
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the individual video asset is set to be localized but
+ the globale locale is not set on the Karma object</dd>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if the name and file properties are not supplied</dd>
+
+ </dl>
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".file"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{String}</span>
+ <span class="light">Karma.kVideo.</span><b>file</b>
+
+ </div>
+ <div class="description">
+ file location of asset
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ ""
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".media"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{Video}</span>
+ <span class="light">Karma.kVideo.</span><b>media</b>
+
+ </div>
+ <div class="description">
+ media object
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:46 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/Karma.karma.html b/docs/symbols/Karma.karma.html
new file mode 100755
index 0000000..ed1b642
--- /dev/null
+++ b/docs/symbols/Karma.karma.html
@@ -0,0 +1,677 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - Karma.karma</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Class Karma.karma
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ This object stores the global settings for the Karma library
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.karma.">
+ <caption>Class Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/Karma.karma.html#constructor">Karma.karma</a></b>()
+ </div>
+ <div class="description">Stores global settings for the Karma library</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma.karma.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.karma.<b><a href="../symbols/Karma.karma.html#.audio">audio</a></b>
+ </div>
+ <div class="description">Collection of audio files with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.karma.<b><a href="../symbols/Karma.karma.html#.canvas">canvas</a></b>
+ </div>
+ <div class="description">Collection of html 5 canvases with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.karma.<b><a href="../symbols/Karma.karma.html#.image">image</a></b>
+ </div>
+ <div class="description">Collection of images with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.karma.<b><a href="../symbols/Karma.karma.html#.locale">locale</a></b>
+ </div>
+ <div class="description">This is the global locale as passed to Karma(),
+such as "en", "es_SP"</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.karma.<b><a href="../symbols/Karma.karma.html#.svg">svg</a></b>
+ </div>
+ <div class="description">Collection of svgs with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ Karma.karma.<b><a href="../symbols/Karma.karma.html#.video">video</a></b>
+ </div>
+ <div class="description">Collection of videos with special helper
+methods added to each reference</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class Karma.karma.">
+ <caption>Method Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Method Attributes</th>
+ <th scope="col">Method Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">Karma.karma.<b><a href="../symbols/Karma.karma.html#.ready">ready</a></b>(cb)
+ </div>
+ <div class="description">Waits until all assets loaded(ready), then calls callback cb</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Class Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>Karma.karma</b>()
+ </div>
+
+ <div class="description">
+ Stores global settings for the Karma library
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".audio"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.karma.</span><b>audio</b>
+
+ </div>
+ <div class="description">
+ Collection of audio files with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".canvas"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.karma.</span><b>canvas</b>
+
+ </div>
+ <div class="description">
+ Collection of html 5 canvases with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".image"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.karma.</span><b>image</b>
+
+ </div>
+ <div class="description">
+ Collection of images with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".locale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.karma.</span><b>locale</b>
+
+ </div>
+ <div class="description">
+ This is the global locale as passed to Karma(),
+such as "en", "es_SP"
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ undefined
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".svg"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.karma.</span><b>svg</b>
+
+ </div>
+ <div class="description">
+ Collection of svgs with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+ <hr />
+
+ <a name=".video"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{object}</span>
+ <span class="light">Karma.karma.</span><b>video</b>
+
+ </div>
+ <div class="description">
+ Collection of videos with special helper
+methods added to each reference
+
+
+ </div>
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Default Value:</dt>
+ <dd>
+ empty object
+ </dd>
+ </dl>
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+ <div class="sectionTitle">
+ Method Detail
+ </div>
+
+ <a name=".ready"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+
+ <span class="light">Karma.karma.</span><b>ready</b>(cb)
+
+ </div>
+ <div class="description">
+ Waits until all assets loaded(ready), then calls callback cb
+
+
+ </div>
+
+
+
+ <pre class="code">
+var k = Karma({ . . . your assets here . . . });
+k.ready(function(){ .. your code here . . .});
+
+your code will not be called until all assets have been loaded
+into collections</pre>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Function}</span> <b>cb</b>
+ <i>Optional</i>
+ </dt>
+ <dd>callback function</dd>
+
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Throws:</dt>
+
+ <dt>
+ <span class="light fixedFont">{Error}</span> <b></b>
+ </dt>
+ <dd>if Karma.karma is not initialized with the
+Karma({ options }) function</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd>this</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:17 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/_global_.html b/docs/symbols/_global_.html
new file mode 100755
index 0000000..dbff599
--- /dev/null
+++ b/docs/symbols/_global_.html
@@ -0,0 +1,273 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - _global_</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+
+ <li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+
+ <li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.html">$.ui.kHeader</a></li>
+
+ <li><a href="../symbols/%24.ui.kHeader.defaults.html">$.ui.kHeader.defaults</a></li>
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Built-In Namespace _global_
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+
+
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+<!-- ============================== methods summary ======================== -->
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+
+<!-- ============================== field details ========================== -->
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Feb 17 2010 14:55:42 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/locale.html b/docs/symbols/locale.html
new file mode 100755
index 0000000..2771357
--- /dev/null
+++ b/docs/symbols/locale.html
@@ -0,0 +1,370 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+ <title>JsDoc Reference - locale</title>
+
+ <style type="text/css">
+ /* default.css */
+body
+{
+ font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+ width: 800px;
+}
+
+.header
+{
+ clear: both;
+ background-color: #ccc;
+ padding: 8px;
+}
+
+h1
+{
+ font-size: 150%;
+ font-weight: bold;
+ padding: 0;
+ margin: 1em 0 0 .3em;
+}
+
+hr
+{
+ border: none 0;
+ border-top: 1px solid #7F8FB1;
+ height: 1px;
+}
+
+pre.code
+{
+ display: block;
+ padding: 8px;
+ border: 1px dashed #ccc;
+}
+
+#index
+{
+ margin-top: 24px;
+ float: left;
+ width: 160px;
+ position: absolute;
+ left: 8px;
+ background-color: #F3F3F3;
+ padding: 8px;
+}
+
+#content
+{
+ margin-left: 190px;
+ width: 600px;
+}
+
+.classList
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0 0 0 8px;
+ font-family: arial, sans-serif;
+ font-size: 1em;
+ overflow: auto;
+}
+
+.classList li
+{
+ padding: 0;
+ margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+ font-size:170%;
+ line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+ background-color: #7F8FB1;
+ color: #fff;
+ font-size:130%;
+ text-align: left;
+ padding: 2px 6px 2px 6px;
+ border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+ vertical-align: top;
+ padding: 4px;
+ border-bottom: 1px #7F8FB1 solid;
+ border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+ border-left: 1px #7F8FB1 solid;
+ width: 140px;
+ text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+ line-height: 15px;
+ color: #002EBE;
+ font-family: "Courier New",Courier,monospace;
+ font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+ text-align: left;
+ font-size: 13px;
+ line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+ line-height: 15px;
+ padding: 4px;
+ padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+ list-style: square;
+ margin-left: 20px;
+ padding-left: 0;
+}
+
+.detailList {
+ margin-left: 20px;
+ line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+ font-weight: bold;
+ padding-bottom: 6px;
+ margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+ color: #777;
+ font-style: italic;
+}
+
+.fineprint
+{
+ text-align: right;
+ font-size: 10px;
+}
+ </style>
+ </head>
+
+ <body>
+<!-- ============================== header ================================= -->
+ <!-- begin static/header.html -->
+ <div id="header">
+</div>
+ <!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+ <div id="index">
+ <!-- begin publish.classesIndex -->
+ <div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+
+ <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+
+ <li><a href="../symbols/Karma.html">Karma</a></li>
+
+ <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+
+ <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+
+ <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+
+ <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+
+ <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+
+ <li><a href="../symbols/locale.html">locale</a></li>
+
+</ul>
+<hr />
+ <!-- end publish.classesIndex -->
+ </div>
+
+ <div id="content">
+<!-- ============================== class title ============================ -->
+ <h1 class="classTitle">
+
+ Namespace locale
+ </h1>
+
+<!-- ============================== class summary ========================== -->
+ <p class="description">
+
+
+
+ Karma
+
+
+ <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>.
+
+ </p>
+
+<!-- ============================== constructor summary ==================== -->
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class locale.">
+ <caption>Namespace Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Constructor Attributes</th>
+ <th scope="col">Constructor Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="attributes">&nbsp;</td>
+ <td class="nameDescription" >
+ <div class="fixedFont">
+ <b><a href="../symbols/locale.html#constructor">locale</a></b>
+ </div>
+ <div class="description">This is the global locale as passed to Karma(),
+such as "en", "es_SP"</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+<!-- ============================== properties summary ===================== -->
+
+
+
+ <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class locale.">
+ <caption>Field Summary</caption>
+ <thead>
+ <tr>
+ <th scope="col">Field Attributes</th>
+ <th scope="col">Field Name and Description</th>
+ </tr>
+ </thead>
+ <tbody>
+
+ <tr>
+ <td class="attributes">&lt;static&gt; &nbsp;</td>
+ <td class="nameDescription">
+ <div class="fixedFont">
+ locale.<b><a href="../symbols/locale.html#.locale">locale</a></b>
+ </div>
+ <div class="description">This is the global locale as passed to Karma()</div>
+ </td>
+ </tr>
+
+ </tbody>
+ </table>
+
+
+
+
+
+<!-- ============================== methods summary ======================== -->
+
+<!-- ============================== events summary ======================== -->
+
+
+<!-- ============================== constructor details ==================== -->
+
+ <div class="details"><a name="constructor"> </a>
+ <div class="sectionTitle">
+ Namespace Detail
+ </div>
+
+ <div class="fixedFont">
+ <b>locale</b>
+ </div>
+
+ <div class="description">
+ This is the global locale as passed to Karma(),
+such as "en", "es_SP"
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+<!-- ============================== field details ========================== -->
+
+ <div class="sectionTitle">
+ Field Detail
+ </div>
+
+ <a name=".locale"> </a>
+ <div class="fixedFont">&lt;static&gt;
+
+ <span class="light">{string}</span>
+ <span class="light">locale.</span><b>locale</b>
+
+ </div>
+ <div class="description">
+ This is the global locale as passed to Karma()
+
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- ============================== method details ========================= -->
+
+
+<!-- ============================== event details ========================= -->
+
+
+ <hr />
+ </div>
+
+
+<!-- ============================== footer ================================= -->
+ <div class="fineprint" style="clear:both">
+
+ Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:15:17 GMT+0545 (NPT)
+ </div>
+ </body>
+</html>
diff --git a/docs/symbols/src/js_karma.js.html b/docs/symbols/src/js_karma.js.html
new file mode 100755
index 0000000..44a432b
--- /dev/null
+++ b/docs/symbols/src/js_karma.js.html
@@ -0,0 +1,1766 @@
+<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>
+ .KEYW {color: #933;}
+ .COMM {color: #bbb; font-style: italic;}
+ .NUMB {color: #393;}
+ .STRN {color: #393;}
+ .REGX {color: #339;}
+ .line {border-right: 1px dotted #666; color: #666; font-style: normal;}
+ </style></head><body><pre><span class='line'> 1</span> <span class="COMM">/* Documentation Note:
+<span class='line'> 2</span> * Public methods and properties are commented with /** some text *\/
+<span class='line'> 3</span> * and private methods and properties are commented with //
+<span class='line'> 4</span> *
+<span class='line'> 5</span> * Please leave it that way to keep this documentation sane
+<span class='line'> 6</span> */</span><span class="WHIT">
+<span class='line'> 7</span>
+<span class='line'> 8</span>
+<span class='line'> 9</span> </span><span class="COMM">/*
+<span class='line'> 10</span> * Karma Framework
+<span class='line'> 11</span> * http://karmaeducation.org
+<span class='line'> 12</span> *
+<span class='line'> 13</span> * Copyright (c) 2009
+<span class='line'> 14</span> * Bryan W Berry bryan@olenepal.org
+<span class='line'> 15</span> * Felipe López Toledo zer.subzero@gmail.com
+<span class='line'> 16</span> *
+<span class='line'> 17</span> * Under MIT License:
+<span class='line'> 18</span> * Permission is hereby granted, free of charge, to any person
+<span class='line'> 19</span> * obtaining a copy of this software and associated documentation
+<span class='line'> 20</span> * files (the "Software"), to deal in the Software without
+<span class='line'> 21</span> * restriction, including without limitation the rights to use,
+<span class='line'> 22</span> * copy, modify, merge, publish, distribute, sublicense, and/or sell
+<span class='line'> 23</span> * copies of the Software, and to permit persons to whom the
+<span class='line'> 24</span> * Software is furnished to do so, subject to the following
+<span class='line'> 25</span> * conditions:
+<span class='line'> 26</span> *
+<span class='line'> 27</span> * The above copyright notice and this permission notice shall be
+<span class='line'> 28</span> * included in all copies or substantial portions of the Software.
+<span class='line'> 29</span> *
+<span class='line'> 30</span> * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+<span class='line'> 31</span> * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+<span class='line'> 32</span> * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+<span class='line'> 33</span> * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+<span class='line'> 34</span> * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+<span class='line'> 35</span> * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+<span class='line'> 36</span> * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+<span class='line'> 37</span> * OTHER DEALINGS IN THE SOFTWARE.
+<span class='line'> 38</span> */</span><span class="WHIT">
+<span class='line'> 39</span>
+<span class='line'> 40</span> </span><span class="COMM">/**
+<span class='line'> 41</span> * @fileOverview Contains karma library
+<span class='line'> 42</span> * @author Bryan Berry &lt;bryan@olenepal.org>
+<span class='line'> 43</span> * @author Felipe Lopez Toledo &lt;zer.subzero@gmail.com>
+<span class='line'> 44</span> */</span><span class="WHIT">
+<span class='line'> 45</span>
+<span class='line'> 46</span>
+<span class='line'> 47</span> </span><span class="COMM">//common.js modules use exports object</span><span class="WHIT">
+<span class='line'> 48</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.exports</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 49</span> </span><span class="WHIT"> </span><span class="NAME">exports</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 50</span> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 51</span>
+<span class='line'> 52</span>
+<span class='line'> 53</span>
+<span class='line'> 54</span> </span><span class="COMM">/** Karma is the namespace for the Karma library and Karma() is the constructor
+<span class='line'> 55</span> * function for the Karma library object Karma.
+<span class='line'> 56</span> * Karma() checks if the current document type is set to HTML 5, throws
+<span class='line'> 57</span> * an error if not. Otherwise, initializes the karma object and returns
+<span class='line'> 58</span> * a reference to that object.
+<span class='line'> 59</span> * @namespace Global namespace for Karma library
+<span class='line'> 60</span> * @constructor
+<span class='line'> 61</span> * @param {Object} [options={}] options for intializing Karma library
+<span class='line'> 62</span> * @param {String} [options.locale=''] sets current locale Not Yet Implemented
+<span class='line'> 63</span> * @param {Array} [options.image=[]] array of images to be converted into a collection
+<span class='line'> 64</span> * @param {Array} [options.audio=[]] array of audio to be converted into a collection
+<span class='line'> 65</span> * @param {Array} [options.video=[]] NYI array of videos to be converted into a collection
+<span class='line'> 66</span> * @param {Array} [options.svg=[]] array of SVG elements to be
+<span class='line'> 67</span> * converted into a collection. Each SVG element must already exist in the html document
+<span class='line'> 68</span> * @param {Array} [options.canvas=[]] array of canvas elements
+<span class='line'> 69</span> * to be converted into a collection. Each canvas element must already exist in the
+<span class='line'> 70</span> * html document and width and height of each element must be set as attributes
+<span class='line'> 71</span> * @throws {Error} if the document type declaration is not set to HTML 5, e.g.
+<span class='line'> 72</span> * &lt;!DOCTYPE html>
+<span class='line'> 73</span> * @throws {Error} If any of the initialization parameters are invalid values
+<span class='line'> 74</span> * @returns {Object} Karma -- reference to the initialized Karma library
+<span class='line'> 75</span> * @example
+<span class='line'> 76</span> *
+<span class='line'> 77</span> * var k = Karma({
+<span class='line'> 78</span> * image: [
+<span class='line'> 79</span> * {name: "ninja", file: "ninja.png"},
+<span class='line'> 80</span> * {name: "cowboy", file: "cowboy.png"}
+<span class='line'> 81</span> * ],
+<span class='line'> 82</span> * audio: [
+<span class='line'> 83</span> * {name: "woosh", file: "woosh.ogg"},
+<span class='line'> 84</span> * {name: "yeehaw", file: "yeehaw.ogg"}
+<span class='line'> 85</span> * ],
+<span class='line'> 86</span> * video: [ //Not Yet Implemented
+<span class='line'> 87</span> * {name: "attack", file: "attack.ogv"},
+<span class='line'> 88</span> * {name: "ride", file: "ride.ogv"}
+<span class='line'> 89</span> * ]
+<span class='line'> 90</span> * canvas: [
+<span class='line'> 91</span> * {name: "ninja", domId: "ninjaCanvas"},
+<span class='line'> 92</span> * {name: "cowboy", domId: "cowboyCanvas"}
+<span class='line'> 93</span> * ],
+<span class='line'> 94</span> * svg: [
+<span class='line'> 95</span> * {name: "ninja", domId: "ninjaSvg"},
+<span class='line'> 96</span> * {name: "cowboy", domId: "cowboySvg"}
+<span class='line'> 97</span> * ],
+<span class='line'> 98</span> * });
+<span class='line'> 99</span> * Next, call the ready function with a callback to your program code
+<span class='line'>100</span> *
+<span class='line'>101</span> * k.ready(function () { ... your application code . . . }
+<span class='line'>102</span> *
+<span class='line'>103</span> * after that you can access each asset like so
+<span class='line'>104</span> * k.image.ninja;
+<span class='line'>105</span> * k.svg.cowboy;
+<span class='line'>106</span> * k.audio.yeehaw.play();
+<span class='line'>107</span> * k.canvas.ninja.drawImage(k.image.ninja, 0, 0);
+<span class='line'>108</span> *
+<span class='line'>109</span> */</span><span class="WHIT">
+<span class='line'>110</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">exports.Karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>111</span> </span><span class="WHIT"> </span><span class="NAME">Karma._isHtml5</span><span class="PUNC">(</span><span class="NAME">document.doctype.nodeName</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>112</span>
+<span class='line'>113</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">Karma._initialized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>114</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>115</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>116</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma._init</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>117</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>118</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>119</span>
+<span class='line'>120</span>
+<span class='line'>121</span> </span><span class="COMM">//helper functions</span><span class="WHIT">
+<span class='line'>122</span>
+<span class='line'>123</span> </span><span class="COMM">/**This emulates the Object.create method in ecmascript 5 spec
+<span class='line'>124</span> * This isn't a full implementation as it doesn't support an all of Object.create's features
+<span class='line'>125</span> * This has the same functionality as Crockford's beget method
+<span class='line'>126</span> * and this primary building block for prototypal inheritance in
+<span class='line'>127</span> * this library
+<span class='line'>128</span> * @param {Object} parent that the new object's prototype should point to
+<span class='line'>129</span> * @returns {Object} a new object whose prototype is parent
+<span class='line'>130</span> * @example
+<span class='line'>131</span> *
+<span class='line'>132</span> * var ninja = { weapon : "sword" };
+<span class='line'>133</span> * var ninja1 = Karma.create(ninja);
+<span class='line'>134</span> * ninja1.weapon === "sword"
+<span class='line'>135</span> */</span><span class="WHIT">
+<span class='line'>136</span> </span><span class="NAME">Karma.create</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>137</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">F</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>138</span> </span><span class="WHIT"> </span><span class="NAME">F.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parent</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>139</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">F</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>140</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>141</span>
+<span class='line'>142</span> </span><span class="COMM">/** Returns a shallow copy of the passed in object
+<span class='line'>143</span> * @param {Object} target to be copied
+<span class='line'>144</span> * @returns {Object} a shallow copy of target
+<span class='line'>145</span> */</span><span class="WHIT">
+<span class='line'>146</span> </span><span class="NAME">Karma.clone</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">copy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>148</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>149</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>150</span> </span><span class="WHIT"> </span><span class="NAME">copy</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>151</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>152</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>153</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">copy</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>154</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>155</span>
+<span class='line'>156</span> </span><span class="COMM">/** Extends properties of the target object with those of
+<span class='line'>157</span> * the source object
+<span class='line'>158</span> * @param {Object} target object to be extended
+<span class='line'>159</span> * @param {Object} source whose properties will extend target
+<span class='line'>160</span> * @returns {Object} target extended by source
+<span class='line'>161</span> */</span><span class="WHIT">
+<span class='line'>162</span> </span><span class="NAME">Karma.objectPlus</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>163</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>164</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">source.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>165</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>166</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>167</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>168</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>169</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>170</span>
+<span class='line'>171</span> </span><span class="NAME">Karma.extend</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.objectPlus</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>172</span>
+<span class='line'>173</span> </span><span class="COMM">/** Creates a new object that is a prototype of the first argument
+<span class='line'>174</span> * then extends it with the properties of the second argument
+<span class='line'>175</span> * @param {Object} parent1 will be prototype of returned object
+<span class='line'>176</span> * @param {Object} parent2 will extend properties of returned object
+<span class='line'>177</span> * @returns {Object} object that whose prototype is parent1 and has
+<span class='line'>178</span> * been extended with properties of parent2
+<span class='line'>179</span> */</span><span class="WHIT">
+<span class='line'>180</span> </span><span class="NAME">Karma.copyObjectPlus</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parent1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parent2</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>181</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">F</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>182</span> </span><span class="WHIT"> </span><span class="NAME">F.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parent1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">G</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">F</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>184</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma.objectPlus</span><span class="PUNC">(</span><span class="NAME">G</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parent2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>185</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>186</span>
+<span class='line'>187</span>
+<span class='line'>188</span> </span><span class="COMM">//Throws big ugly error if doctype isn't html5</span><span class="WHIT">
+<span class='line'>189</span> </span><span class="NAME">Karma._isHtml5</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doctype</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>190</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^html$'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'i'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>191</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">regex.test</span><span class="PUNC">(</span><span class="NAME">doctype</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>192</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ERROR: The doctype must be set to &lt;!DOCTYPE html> "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>193</span> </span><span class="WHIT"> </span><span class="STRN">"in order to use Karma. Karma require you use html5"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>194</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>195</span> </span><span class="WHIT"> </span><span class="NAME">errorElem.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorDoctype'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>196</span> </span><span class="WHIT"> </span><span class="NAME">errorElem.innerText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>197</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">errorElem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>198</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>199</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>200</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>201</span>
+<span class='line'>202</span> </span><span class="COMM">/**
+<span class='line'>203</span> * Shuffles an array of items randomly
+<span class='line'>204</span> * @param {Array} oldList of choices to be shuffled
+<span class='line'>205</span> * @returns {Array} newlist of choices randomly reordered
+<span class='line'>206</span> */</span><span class="WHIT">
+<span class='line'>207</span> </span><span class="NAME">Karma.shuffle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldList</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>208</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">oldList.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>209</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newList.length</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.rand</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>211</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">t</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>212</span> </span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">j</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>213</span> </span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">j</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>214</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>215</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>216</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>217</span>
+<span class='line'>218</span>
+<span class='line'>219</span> </span><span class="COMM">/**
+<span class='line'>220</span> * Converts a number to numerals in the specified locale. Currently only
+<span class='line'>221</span> * supports Nepali
+<span class='line'>222</span> * @param {Number} Number to be converted
+<span class='line'>223</span> * @param {locale} locale that number should be converted to
+<span class='line'>224</span> * @returns {String} Unicode string for localized numeral
+<span class='line'>225</span> */</span><span class="WHIT">
+<span class='line'>226</span> </span><span class="NAME">Karma.convertNumToLocale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">num</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>227</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">Karma.locale</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>228</span> </span><span class="WHIT"> </span><span class="COMM">//48 is the base for western numerals</span><span class="WHIT">
+<span class='line'>229</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertDigit</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">digit</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>230</span> </span><span class="WHIT">
+<span class='line'>231</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">48</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>232</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"u00"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>233</span> </span><span class="WHIT">
+<span class='line'>234</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>235</span> </span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"u0"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>236</span> </span><span class="WHIT"> </span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">2406</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>237</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>238</span> </span><span class="WHIT">
+<span class='line'>239</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">'\\'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>240</span> </span><span class="PUNC">(</span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">digit</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toString</span><span class="PUNC">(</span><span class="NUMB">16</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>241</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>242</span> </span><span class="WHIT">
+<span class='line'>243</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">charArray</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">num.toString</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">map</span><span class="PUNC">(</span><span class="NAME">convertDigit</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>244</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">eval</span><span class="PUNC">(</span><span class="STRN">'"'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">charArray.join</span><span class="PUNC">(</span><span class="STRN">''</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'"'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>245</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>246</span>
+<span class='line'>247</span> </span><span class="COMM">/**
+<span class='line'>248</span> * @name Karma._n
+<span class='line'>249</span> * @function
+<span class='line'>250</span> * @public
+<span class='line'>251</span> * Alias for Karma.convertNumToLocale. Converts a number to numerals to
+<span class='line'>252</span> * Karma.locale or to specified locale. Currently only supports Nepali
+<span class='line'>253</span> * @param {Number} Number to be converted
+<span class='line'>254</span> * @param {locale} locale that number should be converted to
+<span class='line'>255</span> * @returns {String} Unicode string for localized numeral
+<span class='line'>256</span> */</span><span class="WHIT">
+<span class='line'>257</span> </span><span class="NAME">Karma._n</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.convertNumToLocale</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>258</span>
+<span class='line'>259</span> </span><span class="COMM">/* Scales the dimensions of document.body to the innerHeight and innerWidth
+<span class='line'>260</span> * of the viewport, i.e. browser window, with a minor offset to the height to
+<span class='line'>261</span> * make sure the scrollbars do not appear
+<span class='line'>262</span> */</span><span class="WHIT">
+<span class='line'>263</span> </span><span class="NAME">Karma.scaleToViewport</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>264</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">window.innerWidth</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>265</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">window.innerHeight</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>266</span> </span><span class="WHIT">
+<span class='line'>267</span> </span><span class="COMM">//hack to ensure scrollbars don't appear</span><span class="WHIT">
+<span class='line'>268</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NUMB">900</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>269</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">900</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>270</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>271</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">13</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>272</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>273</span> </span><span class="WHIT">
+<span class='line'>274</span> </span><span class="NAME">document.body.style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>275</span> </span><span class="WHIT"> </span><span class="NAME">document.body.style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>276</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>277</span>
+<span class='line'>278</span> </span><span class="NAME">Karma.scaleWindow</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>279</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"1200px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>280</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"900px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>281</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">viewportHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"760px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>282</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$body</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'body'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>283</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$kMain</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#kMain'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>284</span>
+<span class='line'>285</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">window.innerWidth</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NUMB">1150</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>286</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"950px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>287</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"600px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>288</span> </span><span class="WHIT"> </span><span class="NAME">viewportHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"460px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>289</span> </span><span class="WHIT"> </span><span class="NAME">$body.css</span><span class="PUNC">(</span><span class="STRN">'border'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'2px solid black'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>290</span>
+<span class='line'>291</span> </span><span class="WHIT"> </span><span class="COMM">// 460/760 * 16 = 9.6</span><span class="WHIT">
+<span class='line'>292</span> </span><span class="WHIT"> </span><span class="NAME">$kMain.css</span><span class="PUNC">(</span><span class="STRN">'font-size'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'9.6px'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>293</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>294</span>
+<span class='line'>295</span> </span><span class="NAME">$body.css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="NAME">border</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'2px solid black'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>296</span> </span><span class="WHIT"> </span><span class="NAME">$kMain.css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">viewportHeight</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>297</span>
+<span class='line'>298</span>
+<span class='line'>299</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>300</span>
+<span class='line'>301</span> </span><span class="WHIT"> </span><span class="COMM">// Below are geometry and math helper methods</span><span class="WHIT">
+<span class='line'>302</span> </span><span class="WHIT">
+<span class='line'>303</span> </span><span class="COMM">/**
+<span class='line'>304</span> * Converts a value from degrees to radians.
+<span class='line'>305</span> * @param {Number} angle The angle in degrees
+<span class='line'>306</span> * @returns {Number} The angle in radians
+<span class='line'>307</span> */</span><span class="WHIT">
+<span class='line'>308</span> </span><span class="NAME">Karma.radians</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>309</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NUMB">180</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">Math.PI</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>310</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>311</span>
+<span class='line'>312</span> </span><span class="COMM">/**
+<span class='line'>313</span> * Gets the square of the Euclidian (ordinary) distance between 2 points.
+<span class='line'>314</span> * @param {Object} Point No. 0
+<span class='line'>315</span> * @param {Number} Point0.x
+<span class='line'>316</span> * @param {Number} Point0.y
+<span class='line'>317</span> * @param {Object} Point No. 1
+<span class='line'>318</span> * @param {Number} Point1.x
+<span class='line'>319</span> * @param {Number} Point1.y
+<span class='line'>320</span> * @returns {Number} The square of the Euclidian distance
+<span class='line'>321</span> * @example
+<span class='line'>322</span> *
+<span class='line'>323</span> * p0 = {x:0, y:1};
+<span class='line'>324</span> * p1 = {x:50, y:70};
+<span class='line'>325</span> * var d = distance2(p0, p1);
+<span class='line'>326</span> *
+<span class='line'>327</span> */</span><span class="WHIT">
+<span class='line'>328</span> </span><span class="NAME">Karma.distance2</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>329</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p0.x</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p0.x</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p1.y</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p1.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>330</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>331</span>
+<span class='line'>332</span> </span><span class="COMM">/**
+<span class='line'>333</span> * Gets the Euclidian (ordinary) distance between 2 points.&lt;br>
+<span class='line'>334</span> * &lt;b>Warning:&lt;/b> It's slower than distance2 function
+<span class='line'>335</span> * @param {Object} Point No. 0
+<span class='line'>336</span> * @param {Number} Point0.x
+<span class='line'>337</span> * @param {Number} Point0.y
+<span class='line'>338</span> * @param {Object} Point No. 1
+<span class='line'>339</span> * @param {Number} Point1.x
+<span class='line'>340</span> * @param {Number} Point1.y
+<span class='line'>341</span> * @returns {Number} The Euclidian distance
+<span class='line'>342</span> * @example
+<span class='line'>343</span> *
+<span class='line'>344</span> * p0 = {x:0, y:1};
+<span class='line'>345</span> * p1 = {x:50, y:70};
+<span class='line'>346</span> * var d = distance2(p0, p1);
+<span class='line'>347</span> *
+<span class='line'>348</span> */</span><span class="WHIT">
+<span class='line'>349</span> </span><span class="NAME">Karma.distance</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>350</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.sqrt</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.distance2</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>351</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>352</span>
+<span class='line'>353</span> </span><span class="COMM">/** Returns a random number within the range provided
+<span class='line'>354</span> * @param {Number} lower limit of the range, lowest number that can be returned
+<span class='line'>355</span> * @param {Number} upper limit of the range, highest number that can be returned
+<span class='line'>356</span> * @returns {Number} number that is >= lower and &lt;= upper
+<span class='line'>357</span> * @example
+<span class='line'>358</span> *
+<span class='line'>359</span> * var num = rand(0, 10);
+<span class='line'>360</span> *
+<span class='line'>361</span> * //num could be 0, 1, 2, 3 ... or 10
+<span class='line'>362</span> *
+<span class='line'>363</span> */</span><span class="WHIT">
+<span class='line'>364</span> </span><span class="NAME">Karma.rand</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>365</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.floor</span><span class="PUNC">(</span><span class="NAME">Math.random</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>366</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>367</span>
+<span class='line'>368</span>
+<span class='line'>369</span> </span><span class="NAME">Karma.extend</span><span class="PUNC">(</span><span class="NAME">Karma</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>370</span> </span><span class="COMM">/** This is the global locale as passed to Karma(),
+<span class='line'>371</span> * such as "en", "es_SP"
+<span class='line'>372</span> * @fieldOf Karma
+<span class='line'>373</span> * @property {string} locale This is the global locale as passed to Karma()
+<span class='line'>374</span> * @default 'en'
+<span class='line'>375</span> */</span><span class="WHIT">
+<span class='line'>376</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'en'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>377</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of images with special helper
+<span class='line'>378</span> * methods added to each reference
+<span class='line'>379</span> * @fieldOf Karma
+<span class='line'>380</span> * @type object
+<span class='line'>381</span> * @default empty object
+<span class='line'>382</span> */</span><span class="WHIT">
+<span class='line'>383</span> </span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>384</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of audio files with special helper
+<span class='line'>385</span> * methods added to each reference
+<span class='line'>386</span> * @fieldOf Karma
+<span class='line'>387</span> * @type object
+<span class='line'>388</span> * @default empty object
+<span class='line'>389</span> */</span><span class="WHIT">
+<span class='line'>390</span> </span><span class="WHIT"> </span><span class="NAME">audio</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>391</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of html 5 canvases with special helper
+<span class='line'>392</span> * methods added to each reference
+<span class='line'>393</span> * @fieldOf Karma
+<span class='line'>394</span> * @type object
+<span class='line'>395</span> * @default empty object
+<span class='line'>396</span> */</span><span class="WHIT">
+<span class='line'>397</span> </span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>398</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of svgs with special helper
+<span class='line'>399</span> * methods added to each reference
+<span class='line'>400</span> * @fieldOf Karma
+<span class='line'>401</span> * @type object
+<span class='line'>402</span> * @default empty object
+<span class='line'>403</span> */</span><span class="WHIT">
+<span class='line'>404</span> </span><span class="WHIT"> </span><span class="NAME">svg</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>405</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of videos with special helper
+<span class='line'>406</span> * methods added to each reference
+<span class='line'>407</span> * @fieldOf Karma
+<span class='line'>408</span> * @type object
+<span class='line'>409</span> * @default empty object
+<span class='line'>410</span> */</span><span class="WHIT">
+<span class='line'>411</span> </span><span class="WHIT"> </span><span class="NAME">video</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>412</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>413</span> </span><span class="WHIT"> </span><span class="NAME">_assetPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"assets/"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>414</span> </span><span class="WHIT"> </span><span class="NAME">_localePath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>415</span> </span><span class="WHIT"> </span><span class="NAME">_initialized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>416</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>417</span> </span><span class="WHIT"> </span><span class="NAME">_loaderDiv</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>418</span> </span><span class="WHIT"> </span><span class="NAME">_counters</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>419</span>
+<span class='line'>420</span> </span><span class="WHIT"> </span><span class="COMM">//This constructs the Karma object per values provided by the user</span><span class="WHIT">
+<span class='line'>421</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>422</span> </span><span class="WHIT"> </span><span class="NAME">this._initialized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>423</span> </span><span class="WHIT">
+<span class='line'>424</span> </span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT">
+<span class='line'>425</span> </span><span class="WHIT"> </span><span class="COMM">//and has an ordered list to append error messages to</span><span class="WHIT">
+<span class='line'>426</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>427</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>428</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'ol'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>429</span>
+<span class='line'>430</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>431</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'position:absolute;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>432</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'Karma is loading ...'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>433</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-loader'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>434</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'class'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>435</span> </span><span class="WHIT"> </span><span class="NAME">errorList.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>436</span>
+<span class='line'>437</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">this._loaderDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>438</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">errorList</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>439</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">_statusDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>440</span>
+<span class='line'>441</span> </span><span class="WHIT"> </span><span class="COMM">//regular expression that matches the name of aprivate property</span><span class="WHIT">
+<span class='line'>442</span> </span><span class="WHIT"> </span><span class="COMM">// the karma object</span><span class="WHIT">
+<span class='line'>443</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regexPrivate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^_.*'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>444</span> </span><span class="WHIT">
+<span class='line'>445</span> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>446</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>447</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT">
+<span class='line'>448</span> </span><span class="STRN">"svg"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>449</span>
+<span class='line'>450</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="KEYW">instanceof</span><span class="WHIT"> </span><span class="NAME">Array</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>451</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" must be an array"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>452</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">length</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>453</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>454</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>455</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">regexPrivate.test</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>456</span> </span><span class="WHIT"> </span><span class="COMM">//don't overwrite a private property of karma object</span><span class="WHIT">
+<span class='line'>457</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>458</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>459</span> </span><span class="WHIT">
+<span class='line'>460</span> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>461</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"locale"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>462</span>
+<span class='line'>463</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._isValidLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>464</span> </span><span class="WHIT"> </span><span class="NAME">this.locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._normalizeLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>465</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>466</span> </span><span class="WHIT"> </span><span class="NAME">this._localePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._computeLocalePath</span><span class="PUNC">(</span><span class="NAME">this.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>467</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>468</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"locale provided to karma._init() is invalid"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>469</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>470</span> </span><span class="WHIT">
+<span class='line'>471</span> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>472</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>473</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>474</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>475</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>476</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>477</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>478</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>479</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>480</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>481</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>482</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>483</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>484</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>485</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>486</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>487</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>488</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>489</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>490</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>491</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>492</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>493</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>494</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>495</span>
+<span class='line'>496</span>
+<span class='line'>497</span>
+<span class='line'>498</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>499</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>500</span> </span><span class="WHIT">
+<span class='line'>501</span> </span><span class="COMM">/** Waits until all assets loaded(ready), then calls callback cb
+<span class='line'>502</span> * @memberOf Karma
+<span class='line'>503</span> * @param {Function} [cb] callback function
+<span class='line'>504</span> * @returns this
+<span class='line'>505</span> * @throws {Error} if Karma is not initialized with the
+<span class='line'>506</span> * Karma({ options }) function
+<span class='line'>507</span> * @example
+<span class='line'>508</span> *
+<span class='line'>509</span> * var k = Karma({ . . . your assets here . . . });
+<span class='line'>510</span> * k.ready(function(){ .. your code here . . .});
+<span class='line'>511</span> *
+<span class='line'>512</span> * your code will not be called until all assets have been loaded
+<span class='line'>513</span> * into collections
+<span class='line'>514</span> *
+<span class='line'>515</span> */</span><span class="WHIT">
+<span class='line'>516</span> </span><span class="WHIT"> </span><span class="NAME">ready</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">cb</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>517</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>518</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma._initialized</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>519</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Karma not initialized"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>520</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>521</span>
+<span class='line'>522</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._counters.loaded</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>523</span> </span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">that.ready</span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>524</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>525</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT">
+<span class='line'>526</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>527</span>
+<span class='line'>528</span> </span><span class="WHIT"> </span><span class="NAME">cb</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>529</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>530</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT">
+<span class='line'>531</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>532</span> </span><span class="WHIT">
+<span class='line'>533</span> </span><span class="COMM">//if no options passed, show it works message</span><span class="WHIT">
+<span class='line'>534</span> </span><span class="WHIT"> </span><span class="NAME">this._showStarterMessage</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>535</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>536</span> </span><span class="WHIT">
+<span class='line'>537</span>
+<span class='line'>538</span>
+<span class='line'>539</span>
+<span class='line'>540</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>541</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>542</span>
+<span class='line'>543</span> </span><span class="WHIT"> </span><span class="COMM">//Display Apache-like "It works" message if no options</span><span class="WHIT">
+<span class='line'>544</span> </span><span class="WHIT"> </span><span class="NAME">_showStarterMessage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>545</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">starterMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>546</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'starterMsg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>547</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"&lt;h1>It Works&lt;/h1>"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>548</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">starterMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>549</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>550</span>
+<span class='line'>551</span> </span><span class="WHIT"> </span><span class="COMM">//Updates visible counter of how many assets are loaded</span><span class="WHIT">
+<span class='line'>552</span> </span><span class="WHIT"> </span><span class="NAME">_updateStatus</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>553</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.loaded</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>554</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>555</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.errors</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>556</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Loaded "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" / "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>557</span> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">" Errors [ "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="STRN">" ]"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>558</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>559</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">liError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'li'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>560</span> </span><span class="WHIT"> </span><span class="NAME">liError.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>561</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>562</span> </span><span class="WHIT"> </span><span class="NAME">errorList.appendChild</span><span class="PUNC">(</span><span class="NAME">liError</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>563</span> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>564</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>565</span>
+<span class='line'>566</span> </span><span class="COMM">//matches 2 letter country code then optionally</span><span class="WHIT">
+<span class='line'>567</span> </span><span class="WHIT"> </span><span class="COMM">//a dash or underscore followed by a country or language identifier</span><span class="WHIT">
+<span class='line'>568</span> </span><span class="WHIT"> </span><span class="COMM">//i currently only allow a language identifier 2-3 chars long</span><span class="WHIT">
+<span class='line'>569</span> </span><span class="WHIT"> </span><span class="NAME">_isValidLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>570</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">localeRegex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^[a-zA-Z][a-zA-Z]([-_][a-zA-z]{2,3})?$'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>571</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">localeRegex.test</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>572</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>573</span>
+<span class='line'>574</span> </span><span class="WHIT"> </span><span class="NAME">_normalizeLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>575</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>576</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>577</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>578</span>
+<span class='line'>579</span> </span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>580</span> </span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"_"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>581</span> </span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">3</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>582</span> </span><span class="WHIT">
+<span class='line'>583</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">locale.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>584</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>585</span> </span><span class="WHIT">
+<span class='line'>586</span>
+<span class='line'>587</span>
+<span class='line'>588</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>589</span>
+<span class='line'>590</span> </span><span class="COMM">//Helper functions for creating assets</span><span class="WHIT">
+<span class='line'>591</span> </span><span class="NAME">Karma._isLocalized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>592</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"boolean"</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>593</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT">
+<span class='line'>594</span> </span><span class="NAME">Karma.locale</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>595</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"You cannot localize a media asset"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>596</span> </span><span class="WHIT"> </span><span class="STRN">" if the global locale for Karma isn't set"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>597</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>598</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>599</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>600</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>601</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>602</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>603</span> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"This is not a valid value for the localized option"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>604</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>605</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>606</span>
+<span class='line'>607</span> </span><span class="NAME">Karma._computeLocalePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>608</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>609</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>610</span>
+<span class='line'>611</span>
+<span class='line'>612</span>
+<span class='line'>613</span>
+<span class='line'>614</span> </span><span class="NAME">Karma._makeCollection</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">configs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>615</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>616</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>617</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>618</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>619</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>620</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kImage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>621</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>622</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>623</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kAudio</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>624</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>625</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>626</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kVideo</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>627</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>628</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>629</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kSvg</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>630</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>631</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>632</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kCanvas</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>633</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>634</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>635</span>
+<span class='line'>636</span> </span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.create</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">_init</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>637</span> </span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="PUNC">[</span><span class="NAME">type</span><span class="PUNC">]</span><span class="PUNC">[</span><span class="NAME">config.name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>638</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>639</span> </span><span class="WHIT">
+<span class='line'>640</span> </span><span class="NAME">configs.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>641</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>642</span>
+<span class='line'>643</span>
+<span class='line'>644</span>
+<span class='line'>645</span>
+<span class='line'>646</span>
+<span class='line'>647</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT">
+<span class='line'>648</span>
+<span class='line'>649</span>
+<span class='line'>650</span> </span><span class="COMM">/** Prototype object for images
+<span class='line'>651</span> * @class This object is the prototype for images submitted to Karma in the
+<span class='line'>652</span> * Karma() method
+<span class='line'>653</span> * @ throws {Error} if the image asset is set to be localized but
+<span class='line'>654</span> * the global locale is not set on the Karma object
+<span class='line'>655</span> * @ throws {Error} if the name and file properties are not supplied
+<span class='line'>656</span> * @example
+<span class='line'>657</span> * kImage is the prototype object for images. This 'media' asset is loaded
+<span class='line'>658</span> * in a distinctly different way from the canvas or svg assets.
+<span class='line'>659</span> *
+<span class='line'>660</span> */</span><span class="WHIT">
+<span class='line'>661</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">
+<span class='line'>662</span> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>663</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of image
+<span class='line'>664</span> * @type String
+<span class='line'>665</span> * @default ""
+<span class='line'>666</span> */</span><span class="WHIT">
+<span class='line'>667</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>668</span> </span><span class="WHIT"> </span><span class="COMM">/** media object
+<span class='line'>669</span> * @type Image
+<span class='line'>670</span> * @default undefined
+<span class='line'>671</span> */</span><span class="WHIT">
+<span class='line'>672</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>673</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT">
+<span class='line'>674</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>675</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this image</span><span class="WHIT">
+<span class='line'>676</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>677</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>678</span> </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT">
+<span class='line'>679</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>680</span> </span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>681</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>682</span>
+<span class='line'>683</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>684</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>685</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>686</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.name</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>687</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>688</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>689</span>
+<span class='line'>690</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Image</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>691</span>
+<span class='line'>692</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">image._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>693</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>694</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>695</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>696</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>697</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>698</span>
+<span class='line'>699</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
+<span class='line'>700</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>701</span> </span><span class="WHIT">
+<span class='line'>702</span> </span><span class="COMM">//add event handlers</span><span class="WHIT">
+<span class='line'>703</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>704</span>
+<span class='line'>705</span> </span><span class="WHIT">
+<span class='line'>706</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>707</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>708</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
+<span class='line'>709</span> </span><span class="WHIT"> </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT">
+<span class='line'>710</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>711</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>712</span>
+<span class='line'>713</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>714</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>715</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>716</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>717</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>718</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>719</span> </span><span class="WHIT">
+<span class='line'>720</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>721</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>722</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>723</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>724</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>725</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>726</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>727</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>728</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>729</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>730</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>731</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>732</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>733</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>734</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>735</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>736</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>737</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>738</span>
+<span class='line'>739</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>740</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>741</span> </span><span class="WHIT">
+<span class='line'>742</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>743</span>
+<span class='line'>744</span> </span><span class="COMM">/** Prototype object for audio files
+<span class='line'>745</span> * @class This object is the prototype for audio files submitted to Karma in the
+<span class='line'>746</span> * Karma() method
+<span class='line'>747</span> * @ throws {Error} if the individual audio asset is set to be localized but
+<span class='line'>748</span> * the globale locale is not set on the Karma object
+<span class='line'>749</span> * @ throws {Error} if the name and file properties are not supplied
+<span class='line'>750</span> * @example
+<span class='line'>751</span> * kAudio is the prototype object for audio
+<span class='line'>752</span> * The audio assets are loaded in a distinctly different way
+<span class='line'>753</span> * from the canvas or svg assets. They also have distinctly different
+<span class='line'>754</span> * helper methods
+<span class='line'>755</span> *
+<span class='line'>756</span> * You initialize the kAudio assets by passing an array of objects
+<span class='line'>757</span> */</span><span class="WHIT">
+<span class='line'>758</span> </span><span class="NAME">Karma.kAudio</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>759</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset
+<span class='line'>760</span> * @type String
+<span class='line'>761</span> * @default ""
+<span class='line'>762</span> */</span><span class="WHIT">
+<span class='line'>763</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>764</span> </span><span class="WHIT"> </span><span class="COMM">/** Media object. You can access the src, autobuffer, autoplay, loop, and
+<span class='line'>765</span> * controls attributes
+<span class='line'>766</span> * via the media property of kAudio. Read more about the properties of the &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-element-attributes">HTML 5 media element&lt;/a>
+<span class='line'>767</span> * @type Audio
+<span class='line'>768</span> * @default undefined
+<span class='line'>769</span> */</span><span class="WHIT">
+<span class='line'>770</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>771</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT">
+<span class='line'>772</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>773</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT">
+<span class='line'>774</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>775</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>776</span> </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT">
+<span class='line'>777</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>778</span> </span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>779</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>780</span>
+<span class='line'>781</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>782</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>783</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>784</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.name</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>785</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>786</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>787</span>
+<span class='line'>788</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Audio</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>789</span>
+<span class='line'>790</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">audio._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>791</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>792</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>793</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>794</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>795</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>796</span>
+<span class='line'>797</span>
+<span class='line'>798</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
+<span class='line'>799</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>800</span> </span><span class="WHIT">
+<span class='line'>801</span> </span><span class="COMM">//add event handlers</span><span class="WHIT">
+<span class='line'>802</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>803</span>
+<span class='line'>804</span> </span><span class="WHIT"> </span><span class="NAME">this.media.autobuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>805</span> </span><span class="WHIT"> </span><span class="NAME">this.media.load</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>806</span>
+<span class='line'>807</span> </span><span class="WHIT">
+<span class='line'>808</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>809</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>810</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
+<span class='line'>811</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT">
+<span class='line'>812</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>813</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>814</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT">
+<span class='line'>815</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT">
+<span class='line'>816</span>
+<span class='line'>817</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>818</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>819</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>820</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>821</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>822</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>823</span> </span><span class="WHIT">
+<span class='line'>824</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>825</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>826</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>827</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>828</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>829</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>830</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>831</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>832</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>833</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>834</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>835</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>836</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>837</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>838</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>839</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>840</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>841</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>842</span>
+<span class='line'>843</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>844</span>
+<span class='line'>845</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>846</span> </span><span class="WHIT"> </span><span class="COMM">/** Plays the audio file */</span><span class="WHIT">
+<span class='line'>847</span> </span><span class="WHIT"> </span><span class="NAME">play</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>848</span> </span><span class="WHIT"> </span><span class="NAME">this.media.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>849</span> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>850</span> </span><span class="WHIT">
+<span class='line'>851</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>852</span>
+<span class='line'>853</span> </span><span class="COMM">/** NYI:Prototype object for Video files
+<span class='line'>854</span> * @class Not Yet Implemented:This object is the prototype for video files submitted
+<span class='line'>855</span> * to Karma in the Karma() method
+<span class='line'>856</span> * @ throws {Error} if the individual video asset is set to be localized but
+<span class='line'>857</span> * the globale locale is not set on the Karma object
+<span class='line'>858</span> * @ throws {Error} if the name and file properties are not supplied
+<span class='line'>859</span> */</span><span class="WHIT">
+<span class='line'>860</span> </span><span class="NAME">Karma.kVideo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>861</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset
+<span class='line'>862</span> * @type String
+<span class='line'>863</span> * @default ""
+<span class='line'>864</span> */</span><span class="WHIT">
+<span class='line'>865</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>866</span> </span><span class="WHIT"> </span><span class="COMM">/** media object
+<span class='line'>867</span> * @type Video
+<span class='line'>868</span> * @default undefined
+<span class='line'>869</span> */</span><span class="WHIT">
+<span class='line'>870</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>871</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT">
+<span class='line'>872</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>873</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT">
+<span class='line'>874</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>875</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>876</span> </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT">
+<span class='line'>877</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>878</span> </span><span class="WHIT"> </span><span class="COMM">//Not Yet Implemented</span><span class="WHIT">
+<span class='line'>879</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>880</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Video is not Yet Implemented"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>881</span>
+<span class='line'>882</span> </span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>883</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>884</span>
+<span class='line'>885</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>886</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>887</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>888</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.name</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>889</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>890</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>891</span>
+<span class='line'>892</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Video</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>893</span>
+<span class='line'>894</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">video._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>895</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>896</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>897</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>898</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>899</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>900</span>
+<span class='line'>901</span>
+<span class='line'>902</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
+<span class='line'>903</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>904</span> </span><span class="WHIT">
+<span class='line'>905</span> </span><span class="COMM">//add event handlers</span><span class="WHIT">
+<span class='line'>906</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>907</span>
+<span class='line'>908</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>909</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>910</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
+<span class='line'>911</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT">
+<span class='line'>912</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>913</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>914</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT">
+<span class='line'>915</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT">
+<span class='line'>916</span>
+<span class='line'>917</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>918</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>919</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>920</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>921</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>922</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>923</span> </span><span class="WHIT">
+<span class='line'>924</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>925</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>926</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>927</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>928</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>929</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>930</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>931</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>932</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>933</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>934</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>935</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>936</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>937</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>938</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>939</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>940</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>941</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>942</span>
+<span class='line'>943</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>944</span>
+<span class='line'>945</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>946</span> </span><span class="WHIT">
+<span class='line'>947</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>948</span>
+<span class='line'>949</span>
+<span class='line'>950</span>
+<span class='line'>951</span> </span><span class="COMM">/** Prototype object for each canvas element submitted to Karma in the
+<span class='line'>952</span> * Karma() method
+<span class='line'>953</span> * @throws {Error} if the name and domId for the canvas element are not specified
+<span class='line'>954</span> * @thows {Error} if the supplied domId does not match an element in the DOM
+<span class='line'>955</span> * @class This object is the prototype for each canvas element submitted to Karma in the
+<span class='line'>956</span> * Karma() method
+<span class='line'>957</span> */</span><span class="WHIT">
+<span class='line'>958</span> </span><span class="NAME">Karma.kCanvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>959</span> </span><span class="WHIT"> </span><span class="COMM">/** Name of the canvas, used internally by karma.js
+<span class='line'>960</span> * @type String
+<span class='line'>961</span> * @default ''
+<span class='line'>962</span> */</span><span class="WHIT">
+<span class='line'>963</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>964</span> </span><span class="WHIT"> </span><span class="COMM">/** Width of canvas element
+<span class='line'>965</span> * @type Number
+<span class='line'>966</span> * @default 0
+<span class='line'>967</span> */</span><span class="WHIT">
+<span class='line'>968</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>969</span> </span><span class="WHIT"> </span><span class="COMM">/** Height of canvas element
+<span class='line'>970</span> * @type Number
+<span class='line'>971</span> * @default 0
+<span class='line'>972</span> */</span><span class="WHIT">
+<span class='line'>973</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>974</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible
+<span class='line'>975</span> * @type boolean
+<span class='line'>976</span> * @default true
+<span class='line'>977</span> */</span><span class="WHIT">
+<span class='line'>978</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>979</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. This value is read-only
+<span class='line'>980</span> * @type String
+<span class='line'>981</span> * @default undefined
+<span class='line'>982</span> */</span><span class="WHIT">
+<span class='line'>983</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>984</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element
+<span class='line'>985</span> * @type DOMElement
+<span class='line'>986</span> * @default undefined
+<span class='line'>987</span> * @example
+<span class='line'>988</span> * //You can access all properties and methods of the underlying DOM element
+<span class='line'>989</span> * //using the 'node' property
+<span class='line'>990</span> * Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...);
+<span class='line'>991</span> * var stuff = Karma.canvas.someCanvas.node.innerHTML;
+<span class='line'>992</span> *
+<span class='line'>993</span> */</span><span class="WHIT">
+<span class='line'>994</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>995</span> </span><span class="WHIT"> </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas
+<span class='line'>996</span> * @type 2DRenderingContext
+<span class='line'>997</span> * @default undefined
+<span class='line'>998</span> * @example
+<span class='line'>999</span> * //Almost all of the context attributes and methods are wrapped in helper functions
+<span class='line'>1000</span> * //but you can also access them directly using the ctx property
+<span class='line'>1001</span> * Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y);
+<span class='line'>1002</span> * Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff";
+<span class='line'>1003</span> */</span><span class="WHIT">
+<span class='line'>1004</span> </span><span class="WHIT"> </span><span class="NAME">ctx</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1005</span>
+<span class='line'>1006</span> </span><span class="WHIT"> </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT">
+<span class='line'>1007</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1008</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1009</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1010</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1011</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>1012</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1013</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1014</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>1015</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1016</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1017</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>1018</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1019</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>1020</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1021</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1022</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1023</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1024</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>1025</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1026</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>1027</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1028</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1029</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1030</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1031</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"fps"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>1032</span> </span><span class="WHIT"> </span><span class="NAME">this.fps</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1033</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1034</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1035</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1036</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1037</span> </span><span class="WHIT">
+<span class='line'>1038</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1039</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1040</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.node.getContext</span><span class="PUNC">(</span><span class="STRN">'2d'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1041</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1042</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>1043</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1044</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1045</span>
+<span class='line'>1046</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1047</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1048</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1049</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1050</span>
+<span class='line'>1051</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1052</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1053</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no
+<span class='line'>1054</span> * parameters supplied, clears entire canvas
+<span class='line'>1055</span> * @param {Number} [x=0] x coordinate, defaults to zero if left blank
+<span class='line'>1056</span> * @param {Number} [y=0] y coordinate, defaults to zero if left blank
+<span class='line'>1057</span> * @param {Number} [width=0] width of area to be cleared, defaults
+<span class='line'>1058</span> * entire width of canvas
+<span class='line'>1059</span> * @param {Number} [height=0] height of area to be cleared, defaults
+<span class='line'>1060</span> * entire height of canvas
+<span class='line'>1061</span> * @returns this
+<span class='line'>1062</span> * @example
+<span class='line'>1063</span> *
+<span class='line'>1064</span> * k.canvas.ninja.clear();
+<span class='line'>1065</span> * // clears the entire ninja canvas
+<span class='line'>1066</span> *
+<span class='line'>1067</span> * k.canvas.ninja.clear(0, 10, 20, 30);
+<span class='line'>1068</span> * //clears a specific portion of the ninja canvas
+<span class='line'>1069</span> *
+<span class='line'>1070</span> */</span><span class="WHIT">
+<span class='line'>1071</span> </span><span class="WHIT"> </span><span class="NAME">clear</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1072</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1073</span> </span><span class="WHIT"> </span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1074</span> </span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1075</span> </span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1076</span> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.width</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1077</span> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT">
+<span class='line'>1078</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1079</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1080</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1081</span> </span><span class="WHIT">
+<span class='line'>1082</span> </span><span class="COMM">/** The globalAlpha attribute gives an alpha value that is applied to shapes
+<span class='line'>1083</span> * and images before they are composited onto the canvas
+<span class='line'>1084</span> * @param {Number} number in the range from 0.0 to 1.0
+<span class='line'>1085</span> * @returns this
+<span class='line'>1086</span> */</span><span class="WHIT">
+<span class='line'>1087</span> </span><span class="WHIT"> </span><span class="NAME">globalAlpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1088</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'globalAlpha'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1089</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1090</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1091</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1092</span> </span><span class="WHIT">
+<span class='line'>1093</span> </span><span class="COMM">/** Sets the globalCompositeOperation attribute, which sets how shapes and images
+<span class='line'>1094</span> * are drawn onto the existing bitmap, once they have had globalAlpha and the
+<span class='line'>1095</span> * current transformation matrix applied.
+<span class='line'>1096</span> * For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1097</span> * @param {String} globalCompositeOperation source-atop,
+<span class='line'>1098</span> * source-in, source-out,
+<span class='line'>1099</span> * source-over, destination-atop, destination-in, destination-out, destination-over,
+<span class='line'>1100</span> * lighter
+<span class='line'>1101</span> * @returns this
+<span class='line'>1102</span> */</span><span class="WHIT">
+<span class='line'>1103</span> </span><span class="WHIT"> </span><span class="NAME">globalCompositeOperation</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1104</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">' globalCompositeOperation'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1105</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1106</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1107</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1108</span>
+<span class='line'>1109</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the lineWidth attribute which gives the width of lines, in coordinate space
+<span class='line'>1110</span> * units.
+<span class='line'>1111</span> * For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1112</span> * @param {Number} lineWidth
+<span class='line'>1113</span> * @returns this
+<span class='line'>1114</span> */</span><span class="WHIT">
+<span class='line'>1115</span> </span><span class="WHIT"> </span><span class="NAME">lineWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1116</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineWidth'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1117</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1118</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1119</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1120</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineCap attribute defines the type of endings that UAs will place on
+<span class='line'>1121</span> * the end of lines.
+<span class='line'>1122</span> * For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1123</span> * @param {String} type butt, round, square
+<span class='line'>1124</span> * @returns this
+<span class='line'>1125</span> */</span><span class="WHIT">
+<span class='line'>1126</span> </span><span class="WHIT"> </span><span class="NAME">lineCap</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1127</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineCap'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1128</span> </span><spa