Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
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
initial commit. Lesson English_Animal_Identification is current template
-rwxr-xr-x.gitignore3
-rwxr-xr-xCOPYING25
-rwxr-xr-xassets/audio/correct.oggbin0 -> 12811 bytes
-rwxr-xr-xassets/audio/incorrect.oggbin0 -> 12683 bytes
-rwxr-xr-xassets/image/1.pngbin0 -> 42398 bytes
-rwxr-xr-xassets/image/2.pngbin0 -> 47797 bytes
-rwxr-xr-xassets/image/3.pngbin0 -> 46837 bytes
-rwxr-xr-xassets/image/4.pngbin0 -> 46417 bytes
-rwxr-xr-xassets/image/5.pngbin0 -> 43845 bytes
-rwxr-xr-xassets/image/6.pngbin0 -> 54887 bytes
-rwxr-xr-xassets/image/background.pngbin0 -> 82348 bytes
-rwxr-xr-xassets/image/correct.pngbin0 -> 2411 bytes
-rwxr-xr-xassets/image/image_name/1.pngbin0 -> 1221 bytes
-rwxr-xr-xassets/image/image_name/10.pngbin0 -> 974 bytes
-rwxr-xr-xassets/image/image_name/2.pngbin0 -> 1106 bytes
-rwxr-xr-xassets/image/image_name/3.pngbin0 -> 1795 bytes
-rwxr-xr-xassets/image/image_name/4.pngbin0 -> 1341 bytes
-rwxr-xr-xassets/image/image_name/5.pngbin0 -> 1287 bytes
-rwxr-xr-xassets/image/image_name/6.pngbin0 -> 1242 bytes
-rwxr-xr-xassets/image/image_name/7.pngbin0 -> 1672 bytes
-rwxr-xr-xassets/image/image_name/8.pngbin0 -> 1129 bytes
-rwxr-xr-xassets/image/image_name/9.pngbin0 -> 964 bytes
-rwxr-xr-xassets/image/incorrect.pngbin0 -> 2887 bytes
-rwxr-xr-xcss/chakra.css229
-rw-r--r--css/images/arrow_down_white.pngbin0 -> 417 bytes
-rw-r--r--css/images/arrow_down_white.svg18
-rwxr-xr-xcss/images/back_button_hover.pngbin0 -> 3700 bytes
-rwxr-xr-xcss/images/back_button_start.pngbin0 -> 3757 bytes
-rwxr-xr-xcss/images/bg.pngbin0 -> 77784 bytes
-rwxr-xr-xcss/images/bg_footer.pngbin0 -> 137 bytes
-rwxr-xr-xcss/images/bg_header.pngbin0 -> 225 bytes
-rwxr-xr-xcss/images/bg_title_block.pngbin0 -> 274 bytes
-rwxr-xr-xcss/images/btn_back.pngbin0 -> 2665 bytes
-rwxr-xr-xcss/images/btn_back_hover.pngbin0 -> 4038 bytes
-rwxr-xr-xcss/images/btn_help.pngbin0 -> 2755 bytes
-rwxr-xr-xcss/images/btn_help_hover.pngbin0 -> 4190 bytes
-rwxr-xr-xcss/images/btn_minus.pngbin0 -> 2342 bytes
-rw-r--r--css/images/btn_minus25x25.pngbin0 -> 1234 bytes
-rwxr-xr-xcss/images/btn_minus_hover.pngbin0 -> 3612 bytes
-rwxr-xr-xcss/images/btn_ole.pngbin0 -> 4842 bytes
-rwxr-xr-xcss/images/btn_ole_hover.pngbin0 -> 6253 bytes
-rwxr-xr-xcss/images/btn_plus.pngbin0 -> 2335 bytes
-rw-r--r--css/images/btn_plus25x25.pngbin0 -> 1395 bytes
-rwxr-xr-xcss/images/btn_plus_hover.pngbin0 -> 3780 bytes
-rwxr-xr-xcss/images/correct.pngbin0 -> 1190 bytes
-rwxr-xr-xcss/images/correct200x178.pngbin0 -> 22142 bytes
-rwxr-xr-xcss/images/correct200x190.pngbin0 -> 14858 bytes
-rwxr-xr-xcss/images/epaath_bg_footer.pngbin0 -> 137 bytes
-rwxr-xr-xcss/images/epaath_bg_header.pngbin0 -> 225 bytes
-rwxr-xr-xcss/images/happy-face.pngbin0 -> 55108 bytes
-rwxr-xr-xcss/images/incorrect.pngbin0 -> 1379 bytes
-rwxr-xr-xcss/images/incorrect200x178.pngbin0 -> 25462 bytes
-rwxr-xr-xcss/images/incorrect200x190.pngbin0 -> 23730 bytes
-rwxr-xr-xcss/images/ole_logo.pngbin0 -> 6678 bytes
-rw-r--r--css/images/sad-face.pngbin0 -> 55007 bytes
-rwxr-xr-xcss/images/start_page.pngbin0 -> 65859 bytes
-rwxr-xr-xcss/images/title_block_lt.pngbin0 -> 1057 bytes
-rwxr-xr-xcss/images/title_block_rt.pngbin0 -> 1074 bytes
-rwxr-xr-xcss/images/ui-bg_flat_0_aaaaaa_40x100.pngbin0 -> 180 bytes
-rwxr-xr-xcss/images/ui-bg_flat_75_ffffff_40x100.pngbin0 -> 178 bytes
-rwxr-xr-xcss/images/ui-bg_glass_55_fbf9ee_1x400.pngbin0 -> 144 bytes
-rwxr-xr-xcss/images/ui-bg_glass_65_ffffff_1x400.pngbin0 -> 105 bytes
-rwxr-xr-xcss/images/ui-bg_glass_75_dadada_1x400.pngbin0 -> 111 bytes
-rwxr-xr-xcss/images/ui-bg_glass_75_e6e6e6_1x400.pngbin0 -> 151 bytes
-rwxr-xr-xcss/images/ui-bg_glass_95_fef1ec_1x400.pngbin0 -> 119 bytes
-rwxr-xr-xcss/images/ui-bg_highlight-soft_75_cccccc_1x100.pngbin0 -> 101 bytes
-rwxr-xr-xcss/images/ui-icons_222222_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/images/ui-icons_2e83ff_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/images/ui-icons_454545_256x240.pngbin0 -> 5355 bytes
-rwxr-xr-xcss/images/ui-icons_888888_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/images/ui-icons_cd0a0a_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/intro.css97
-rwxr-xr-xcss/jquery.svg.css15
-rwxr-xr-xcss/kDoc.css26
-rwxr-xr-xcss/kStart.css175
-rwxr-xr-xcss/karma.css43
-rwxr-xr-xcss/lesson.css67
-rwxr-xr-xcss/theme/images/epaath_bg_footer.pngbin0 -> 137 bytes
-rwxr-xr-xcss/theme/images/epaath_bg_header.pngbin0 -> 225 bytes
-rwxr-xr-xcss/theme/images/ui-bg_flat_0_aaaaaa_40x100.pngbin0 -> 180 bytes
-rwxr-xr-xcss/theme/images/ui-bg_flat_0_fbd0f3_40x100.pngbin0 -> 213 bytes
-rwxr-xr-xcss/theme/images/ui-bg_flat_75_ffffff_40x100.pngbin0 -> 178 bytes
-rwxr-xr-xcss/theme/images/ui-bg_glass_55_fbf9ee_1x400.pngbin0 -> 120 bytes
-rwxr-xr-xcss/theme/images/ui-bg_glass_65_e774ec_1x400.pngbin0 -> 128 bytes
-rwxr-xr-xcss/theme/images/ui-bg_glass_75_f49aec_1x400.pngbin0 -> 130 bytes
-rwxr-xr-xcss/theme/images/ui-bg_glass_75_f8a5f0_1x400.pngbin0 -> 125 bytes
-rwxr-xr-xcss/theme/images/ui-bg_glass_75_fdd9f9_1x400.pngbin0 -> 151 bytes
-rwxr-xr-xcss/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.pngbin0 -> 123 bytes
-rwxr-xr-xcss/theme/images/ui-icons_222222_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/theme/images/ui-icons_222222_768x720.pngbin0 -> 5345 bytes
-rwxr-xr-xcss/theme/images/ui-icons_2e83ff_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/theme/images/ui-icons_2e83ff_768x720.pngbin0 -> 5345 bytes
-rwxr-xr-xcss/theme/images/ui-icons_454545_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/theme/images/ui-icons_454545_768x720.pngbin0 -> 5345 bytes
-rwxr-xr-xcss/theme/images/ui-icons_7811a2_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/theme/images/ui-icons_7811a2_768x720.pngbin0 -> 5345 bytes
-rwxr-xr-xcss/theme/images/ui-icons_cd0a0a_256x240.pngbin0 -> 4369 bytes
-rwxr-xr-xcss/theme/images/ui-icons_cd0a0a_768x720.pngbin0 -> 5345 bytes
-rwxr-xr-xcss/theme/jquery-ui-1.7.2.custom.css406
-rwxr-xr-xcss/ui.all.css2
-rwxr-xr-xcss/ui.base.css2
-rwxr-xr-xcss/ui.core.css37
-rwxr-xr-xcss/ui.dialog.css13
-rwxr-xr-xcss/ui.feedback.css56
-rwxr-xr-xcss/ui.kFooter.css56
-rwxr-xr-xcss/ui.kHeader.css160
-rwxr-xr-xcss/ui.resizable.css13
-rwxr-xr-xcss/ui.scoreboard.css67
-rwxr-xr-xcss/ui.tabs.css11
-rwxr-xr-xcss/ui.theme.css245
-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
-rwxr-xr-xindex.html58
-rwxr-xr-xjs/jquery-1.3.2.js4376
-rwxr-xr-xjs/jquery-1.3.2.min.js19
-rw-r--r--js/jquery.i18n.js68
-rw-r--r--js/jquery.ne.json13
-rwxr-xr-xjs/jquery.svg.js1325
-rwxr-xr-xjs/jquery.svganim.min.js7
-rwxr-xr-xjs/jquery.svgdom.js355
-rwxr-xr-xjs/kDoc.js24
-rwxr-xr-xjs/karma.js1758
-rwxr-xr-xjs/lesson.js191
-rwxr-xr-xjs/ui.core-draggable-resizable-dialog.js2756
-rwxr-xr-xjs/ui.feedback.js131
-rwxr-xr-xjs/ui.kFooter.js362
-rw-r--r--js/ui.kFooter.ne.json5
-rwxr-xr-xjs/ui.kHeader.js235
-rw-r--r--js/ui.kHeader.ne.json7
-rwxr-xr-xkDoc.html41
-rwxr-xr-xlessonPlan.html709
-rwxr-xr-xstart.html65
-rwxr-xr-xteachersNote.html1
162 files changed, 31747 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100755
index 0000000..9c37d42
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+*~
+.tmp*
+*# \ No newline at end of file
diff --git a/COPYING b/COPYING
new file mode 100755
index 0000000..53e9b54
--- /dev/null
+++ b/COPYING
@@ -0,0 +1,25 @@
+Copyright (c) 2009 Open Learning Exchange Nepal
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+This is the MIT license
+From http://www.opensource.org/licenses/mit-license.php \ No newline at end of file
diff --git a/assets/audio/correct.ogg b/assets/audio/correct.ogg
new file mode 100755
index 0000000..a0d9e3a
--- /dev/null
+++ b/assets/audio/correct.ogg
Binary files differ
diff --git a/assets/audio/incorrect.ogg b/assets/audio/incorrect.ogg
new file mode 100755
index 0000000..4805e55
--- /dev/null
+++ b/assets/audio/incorrect.ogg
Binary files differ
diff --git a/assets/image/1.png b/assets/image/1.png
new file mode 100755
index 0000000..fe825da
--- /dev/null
+++ b/assets/image/1.png
Binary files differ
diff --git a/assets/image/2.png b/assets/image/2.png
new file mode 100755
index 0000000..758d6f5
--- /dev/null
+++ b/assets/image/2.png
Binary files differ
diff --git a/assets/image/3.png b/assets/image/3.png
new file mode 100755
index 0000000..2c86afb
--- /dev/null
+++ b/assets/image/3.png
Binary files differ
diff --git a/assets/image/4.png b/assets/image/4.png
new file mode 100755
index 0000000..8253cc5
--- /dev/null
+++ b/assets/image/4.png
Binary files differ
diff --git a/assets/image/5.png b/assets/image/5.png
new file mode 100755
index 0000000..609ab6e
--- /dev/null
+++ b/assets/image/5.png
Binary files differ
diff --git a/assets/image/6.png b/assets/image/6.png
new file mode 100755
index 0000000..ccc9cf1
--- /dev/null
+++ b/assets/image/6.png
Binary files differ
diff --git a/assets/image/background.png b/assets/image/background.png
new file mode 100755
index 0000000..146c777
--- /dev/null
+++ b/assets/image/background.png
Binary files differ
diff --git a/assets/image/correct.png b/assets/image/correct.png
new file mode 100755
index 0000000..d6e54a8
--- /dev/null
+++ b/assets/image/correct.png
Binary files differ
diff --git a/assets/image/image_name/1.png b/assets/image/image_name/1.png
new file mode 100755
index 0000000..6f01040
--- /dev/null
+++ b/assets/image/image_name/1.png
Binary files differ
diff --git a/assets/image/image_name/10.png b/assets/image/image_name/10.png
new file mode 100755
index 0000000..788fda4
--- /dev/null
+++ b/assets/image/image_name/10.png
Binary files differ
diff --git a/assets/image/image_name/2.png b/assets/image/image_name/2.png
new file mode 100755
index 0000000..143ae9d
--- /dev/null
+++ b/assets/image/image_name/2.png
Binary files differ
diff --git a/assets/image/image_name/3.png b/assets/image/image_name/3.png
new file mode 100755
index 0000000..eb0bfdf
--- /dev/null
+++ b/assets/image/image_name/3.png
Binary files differ
diff --git a/assets/image/image_name/4.png b/assets/image/image_name/4.png
new file mode 100755
index 0000000..c602d76
--- /dev/null
+++ b/assets/image/image_name/4.png
Binary files differ
diff --git a/assets/image/image_name/5.png b/assets/image/image_name/5.png
new file mode 100755
index 0000000..6211dd2
--- /dev/null
+++ b/assets/image/image_name/5.png
Binary files differ
diff --git a/assets/image/image_name/6.png b/assets/image/image_name/6.png
new file mode 100755
index 0000000..8e63238
--- /dev/null
+++ b/assets/image/image_name/6.png
Binary files differ
diff --git a/assets/image/image_name/7.png b/assets/image/image_name/7.png
new file mode 100755
index 0000000..9be09b3
--- /dev/null
+++ b/assets/image/image_name/7.png
Binary files differ
diff --git a/assets/image/image_name/8.png b/assets/image/image_name/8.png
new file mode 100755
index 0000000..efc190e
--- /dev/null
+++ b/assets/image/image_name/8.png
Binary files differ
diff --git a/assets/image/image_name/9.png b/assets/image/image_name/9.png
new file mode 100755
index 0000000..3e22423
--- /dev/null
+++ b/assets/image/image_name/9.png
Binary files differ
diff --git a/assets/image/incorrect.png b/assets/image/incorrect.png
new file mode 100755
index 0000000..789db87
--- /dev/null
+++ b/assets/image/incorrect.png
Binary files differ
diff --git a/css/chakra.css b/css/chakra.css
new file mode 100755
index 0000000..7e2362f
--- /dev/null
+++ b/css/chakra.css
@@ -0,0 +1,229 @@
+/* ====================================== */
+/* ====== CHAKRA CSS TEMPLATE FILE ====== */
+/* ====================================== */
+
+/* ====================================== */
+/* ========= MAIN PROPERTIES ============ */
+body
+{
+ background: #D8D8D8;
+ margin: 0 auto;
+ width: 640px;
+ min-width: 640px;
+ padding: 0;
+ font-family: "Georgia", serif;
+}
+
+img
+{
+ border: none;
+}
+
+.selected {
+ background: #FFFFFF;
+}
+
+/* ====================================== */
+/* ========== HTML ELEMENTS ============= */
+h1 { }
+h2 { }
+h3 { }
+h4 { }
+h5 { }
+h6 { }
+p { }
+span { }
+
+/* ====================================== */
+/* ========== HTML 5 ELEMENTS =========== */
+header, footer, aside, nav, article, section {
+ display: block;
+}
+
+/* ====================================== */
+/* =========== NAVIGATION BAR =========== */
+#navigation
+{
+ display: block;
+ width: 100%;
+ background: #6E6E6E;
+ padding-top: 0.2em;
+ padding-bottom: 0.2em;
+}
+ #knavbar {
+ display: table;
+ width: 640px;
+ margin: 0 auto;
+ }
+
+#curriculum
+{
+ padding: 5px;
+ background: #ccc;
+ margin: 10px;
+ display: block;
+ width: auto;
+ text-align: right;
+ display: none;
+ /* How about putting 'Link to subject curriculum' in the help section ? */
+}
+
+.topNav {
+ width: 30px;
+ height: 30px;
+ padding: 5px;
+}
+
+.floatLeft {
+ float: left;
+}
+.floatRight {
+ float: right;
+}
+.inline {
+ display: inline;
+}
+
+/* ====================================== */
+/* =========== MIDDLE SECTION =========== */
+#middle
+{
+ display: block;
+ padding: .5em 0 .5em 0;
+ background: #BDBDBD;
+}
+
+#middle header {
+ text-align: center;
+ font-size: 1.0em;
+ margin: 5px 0 5px 0;
+ padding-bottom: 2px;
+ font-weight: bold;
+}
+
+ .middleRow ul {
+ display: table;
+ margin: 0 auto;
+ padding: 0;
+ background: #BDBDBD;
+ }
+ .middleRow ul li {
+ display: table-cell;
+ text-align: center;
+ margin: 0;
+ border: 3px solid #BDBDBD;
+ }
+ .middleRow ul li a {
+ display: block;
+ text-decoration: none;
+ font-weight: bold;
+ color: #000;
+ padding: 0.4em;
+ }
+ .middleRow ul li a img {
+ width: 120px;
+ }
+ .middleRow ul li:hover {
+ text-decoration: underline;
+ border: 3px solid #424242;
+ }
+
+/* ====================================== */
+/* ============ ADMIN SECTION =========== */
+#admin {
+ display: block;
+ background: #4080c0;
+ width: 100%;
+ margin: 0 auto;
+}
+
+#admin ul {
+ display: table;
+ list-style: none;
+ margin: 0 auto;
+ padding: .5em 0 .5em 0;
+}
+
+#admin ul li {
+ display: table-cell;
+ text-align: center;
+ padding: 0.2em 2em 0.2em 2em;
+}
+
+#admin ul li a
+{
+ display: block;
+ text-decoration: none;
+ font-weight: bold;
+ color: #000000;
+}
+#admin ul li a:hover {
+ text-decoration: underline;
+}
+#admin p {
+ line-height: 0;
+}
+
+#admin img
+{
+ height: 50px;
+ width: auto;
+}
+
+/* ====================================== */
+/* ====== INDIVIDUAL GRADE SECTION ====== */
+#monthSelect {
+ text-align: center;
+ font-size: 1.0em;
+ font-weight: bold;
+ padding: 5px 0 5px 0;
+}
+
+.monthList {
+ /* */
+ border-top: 1px solid #666;
+ text-align: center;
+ padding: 5px 0 5px 0;
+}
+
+.lessonList {
+ padding: 1em;
+ margin: 5px 0 5px 0;
+ height: 500px;
+ border-top: 1px dashed #666;
+}
+
+ .lessonName {
+ text-decoration: none;
+ text-align: center;
+ font-weight: bold;
+ font-size: 1.1em;
+ margin-bottom: 1em;
+ }
+ .lessonList img {
+ display: block;
+ margin: 0 auto;
+ padding: 5px;
+ border: 1px solid #aaa;
+ background: #ddd;
+ }
+
+.lesson {
+ width: 300px;
+ height: 250px;
+ float: left;
+}
+
+.preview{
+ width: 250px;
+}
+
+.menuSelectType {
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+.menuSelectType li {
+ list-style: none;
+ display: inline;
+}
diff --git a/css/images/arrow_down_white.png b/css/images/arrow_down_white.png
new file mode 100644
index 0000000..e2b247a
--- /dev/null
+++ b/css/images/arrow_down_white.png
Binary files differ
diff --git a/css/images/arrow_down_white.svg b/css/images/arrow_down_white.svg
new file mode 100644
index 0000000..fb2cb26
--- /dev/null
+++ b/css/images/arrow_down_white.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ version="1.1"
+ width="32"
+ height="32"
+ viewBox="0 0 32 32"
+ id="Layer_1"
+ xml:space="preserve"><defs
+ id="defs7" />
+<path
+ d="m 32,16.016 -5.672,-5.664 c 0,0 -3.18,3.18 -6.312,6.312 V 0 H 11.993 V 16.664 L 5.673,10.344 0,16.016 16,32 32,16.016 z"
+ id="path3"
+ style="fill:#ffffff" />
+</svg> \ No newline at end of file
diff --git a/css/images/back_button_hover.png b/css/images/back_button_hover.png
new file mode 100755
index 0000000..084f4ea
--- /dev/null
+++ b/css/images/back_button_hover.png
Binary files differ
diff --git a/css/images/back_button_start.png b/css/images/back_button_start.png
new file mode 100755
index 0000000..31ab319
--- /dev/null
+++ b/css/images/back_button_start.png
Binary files differ
diff --git a/css/images/bg.png b/css/images/bg.png
new file mode 100755
index 0000000..7483a94
--- /dev/null
+++ b/css/images/bg.png
Binary files differ
diff --git a/css/images/bg_footer.png b/css/images/bg_footer.png
new file mode 100755
index 0000000..4bd44fa
--- /dev/null
+++ b/css/images/bg_footer.png
Binary files differ
diff --git a/css/images/bg_header.png b/css/images/bg_header.png
new file mode 100755
index 0000000..f421817
--- /dev/null
+++ b/css/images/bg_header.png
Binary files differ
diff --git a/css/images/bg_title_block.png b/css/images/bg_title_block.png
new file mode 100755
index 0000000..7311891
--- /dev/null
+++ b/css/images/bg_title_block.png
Binary files differ
diff --git a/css/images/btn_back.png b/css/images/btn_back.png
new file mode 100755
index 0000000..d9fbf14
--- /dev/null
+++ b/css/images/btn_back.png
Binary files differ
diff --git a/css/images/btn_back_hover.png b/css/images/btn_back_hover.png
new file mode 100755
index 0000000..0911fcc
--- /dev/null
+++ b/css/images/btn_back_hover.png
Binary files differ
diff --git a/css/images/btn_help.png b/css/images/btn_help.png
new file mode 100755
index 0000000..6753e9c
--- /dev/null
+++ b/css/images/btn_help.png
Binary files differ
diff --git a/css/images/btn_help_hover.png b/css/images/btn_help_hover.png
new file mode 100755
index 0000000..d3ccd92
--- /dev/null
+++ b/css/images/btn_help_hover.png
Binary files differ
diff --git a/css/images/btn_minus.png b/css/images/btn_minus.png
new file mode 100755
index 0000000..9a7320d
--- /dev/null
+++ b/css/images/btn_minus.png
Binary files differ
diff --git a/css/images/btn_minus25x25.png b/css/images/btn_minus25x25.png
new file mode 100644
index 0000000..7ffcc91
--- /dev/null
+++ b/css/images/btn_minus25x25.png
Binary files differ
diff --git a/css/images/btn_minus_hover.png b/css/images/btn_minus_hover.png
new file mode 100755
index 0000000..f8203b4
--- /dev/null
+++ b/css/images/btn_minus_hover.png
Binary files differ
diff --git a/css/images/btn_ole.png b/css/images/btn_ole.png
new file mode 100755
index 0000000..0e775e9
--- /dev/null
+++ b/css/images/btn_ole.png
Binary files differ
diff --git a/css/images/btn_ole_hover.png b/css/images/btn_ole_hover.png
new file mode 100755
index 0000000..c43c5f7
--- /dev/null
+++ b/css/images/btn_ole_hover.png
Binary files differ
diff --git a/css/images/btn_plus.png b/css/images/btn_plus.png
new file mode 100755
index 0000000..4600d5d
--- /dev/null
+++ b/css/images/btn_plus.png
Binary files differ
diff --git a/css/images/btn_plus25x25.png b/css/images/btn_plus25x25.png
new file mode 100644
index 0000000..7e4d381
--- /dev/null
+++ b/css/images/btn_plus25x25.png
Binary files differ
diff --git a/css/images/btn_plus_hover.png b/css/images/btn_plus_hover.png
new file mode 100755
index 0000000..e08e45a
--- /dev/null
+++ b/css/images/btn_plus_hover.png
Binary files differ
diff --git a/css/images/correct.png b/css/images/correct.png
new file mode 100755
index 0000000..f2dbc5a
--- /dev/null
+++ b/css/images/correct.png
Binary files differ
diff --git a/css/images/correct200x178.png b/css/images/correct200x178.png
new file mode 100755
index 0000000..a203da6
--- /dev/null
+++ b/css/images/correct200x178.png
Binary files differ
diff --git a/css/images/correct200x190.png b/css/images/correct200x190.png
new file mode 100755
index 0000000..907cf79
--- /dev/null
+++ b/css/images/correct200x190.png
Binary files differ
diff --git a/css/images/epaath_bg_footer.png b/css/images/epaath_bg_footer.png
new file mode 100755
index 0000000..4bd44fa
--- /dev/null
+++ b/css/images/epaath_bg_footer.png
Binary files differ
diff --git a/css/images/epaath_bg_header.png b/css/images/epaath_bg_header.png
new file mode 100755
index 0000000..f421817
--- /dev/null
+++ b/css/images/epaath_bg_header.png
Binary files differ
diff --git a/css/images/happy-face.png b/css/images/happy-face.png
new file mode 100755
index 0000000..0bd21e7
--- /dev/null
+++ b/css/images/happy-face.png
Binary files differ
diff --git a/css/images/incorrect.png b/css/images/incorrect.png
new file mode 100755
index 0000000..edfe9c5
--- /dev/null
+++ b/css/images/incorrect.png
Binary files differ
diff --git a/css/images/incorrect200x178.png b/css/images/incorrect200x178.png
new file mode 100755
index 0000000..f988c6a
--- /dev/null
+++ b/css/images/incorrect200x178.png
Binary files differ
diff --git a/css/images/incorrect200x190.png b/css/images/incorrect200x190.png
new file mode 100755
index 0000000..9eb58e8
--- /dev/null
+++ b/css/images/incorrect200x190.png
Binary files differ
diff --git a/css/images/ole_logo.png b/css/images/ole_logo.png
new file mode 100755
index 0000000..0b409ac
--- /dev/null
+++ b/css/images/ole_logo.png
Binary files differ
diff --git a/css/images/sad-face.png b/css/images/sad-face.png
new file mode 100644
index 0000000..1523519
--- /dev/null
+++ b/css/images/sad-face.png
Binary files differ
diff --git a/css/images/start_page.png b/css/images/start_page.png
new file mode 100755
index 0000000..08c0e2f
--- /dev/null
+++ b/css/images/start_page.png
Binary files differ
diff --git a/css/images/title_block_lt.png b/css/images/title_block_lt.png
new file mode 100755
index 0000000..b1c0e90
--- /dev/null
+++ b/css/images/title_block_lt.png
Binary files differ
diff --git a/css/images/title_block_rt.png b/css/images/title_block_rt.png
new file mode 100755
index 0000000..275daaf
--- /dev/null
+++ b/css/images/title_block_rt.png
Binary files differ
diff --git a/css/images/ui-bg_flat_0_aaaaaa_40x100.png b/css/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100755
index 0000000..5b5dab2
--- /dev/null
+++ b/css/images/ui-bg_flat_0_aaaaaa_40x100.png
Binary files differ
diff --git a/css/images/ui-bg_flat_75_ffffff_40x100.png b/css/images/ui-bg_flat_75_ffffff_40x100.png
new file mode 100755
index 0000000..ac8b229
--- /dev/null
+++ b/css/images/ui-bg_flat_75_ffffff_40x100.png
Binary files differ
diff --git a/css/images/ui-bg_glass_55_fbf9ee_1x400.png b/css/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100755
index 0000000..b39a6fb
--- /dev/null
+++ b/css/images/ui-bg_glass_55_fbf9ee_1x400.png
Binary files differ
diff --git a/css/images/ui-bg_glass_65_ffffff_1x400.png b/css/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100755
index 0000000..42ccba2
--- /dev/null
+++ b/css/images/ui-bg_glass_65_ffffff_1x400.png
Binary files differ
diff --git a/css/images/ui-bg_glass_75_dadada_1x400.png b/css/images/ui-bg_glass_75_dadada_1x400.png
new file mode 100755
index 0000000..5a46b47
--- /dev/null
+++ b/css/images/ui-bg_glass_75_dadada_1x400.png
Binary files differ
diff --git a/css/images/ui-bg_glass_75_e6e6e6_1x400.png b/css/images/ui-bg_glass_75_e6e6e6_1x400.png
new file mode 100755
index 0000000..38df73a
--- /dev/null
+++ b/css/images/ui-bg_glass_75_e6e6e6_1x400.png
Binary files differ
diff --git a/css/images/ui-bg_glass_95_fef1ec_1x400.png b/css/images/ui-bg_glass_95_fef1ec_1x400.png
new file mode 100755
index 0000000..4443fdc
--- /dev/null
+++ b/css/images/ui-bg_glass_95_fef1ec_1x400.png
Binary files differ
diff --git a/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png
new file mode 100755
index 0000000..7c9fa6c
--- /dev/null
+++ b/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png
Binary files differ
diff --git a/css/images/ui-icons_222222_256x240.png b/css/images/ui-icons_222222_256x240.png
new file mode 100755
index 0000000..ee039dc
--- /dev/null
+++ b/css/images/ui-icons_222222_256x240.png
Binary files differ
diff --git a/css/images/ui-icons_2e83ff_256x240.png b/css/images/ui-icons_2e83ff_256x240.png
new file mode 100755
index 0000000..45e8928
--- /dev/null
+++ b/css/images/ui-icons_2e83ff_256x240.png
Binary files differ
diff --git a/css/images/ui-icons_454545_256x240.png b/css/images/ui-icons_454545_256x240.png
new file mode 100755
index 0000000..fe1085b
--- /dev/null
+++ b/css/images/ui-icons_454545_256x240.png
Binary files differ
diff --git a/css/images/ui-icons_888888_256x240.png b/css/images/ui-icons_888888_256x240.png
new file mode 100755
index 0000000..5ba708c
--- /dev/null
+++ b/css/images/ui-icons_888888_256x240.png
Binary files differ
diff --git a/css/images/ui-icons_cd0a0a_256x240.png b/css/images/ui-icons_cd0a0a_256x240.png
new file mode 100755
index 0000000..7930a55
--- /dev/null
+++ b/css/images/ui-icons_cd0a0a_256x240.png
Binary files differ
diff --git a/css/intro.css b/css/intro.css
new file mode 100755
index 0000000..6b8be70
--- /dev/null
+++ b/css/intro.css
@@ -0,0 +1,97 @@
+body {
+padding-left:15%;
+width:70%;
+}
+#header {
+background-color:transparent;
+height:140px;
+position:relative;
+width:100%;
+}
+#headerBg1 {
+display:inline;
+float:left;
+margin-left: 3%;
+}
+/*#headerBg2{
+display:inline;
+float:left;
+margin-left: 10%;
+}*/
+#header ul {
+-moz-border-radius-bottomleft:5px;
+-moz-border-radius-bottomright:5px;
+-moz-border-radius-topleft:5px;
+-moz-border-radius-topright:5px;
+-webkit-border-bottom-left-radius:5px;
+-webkit-border-bottom-right-radius:5px;
+-webkit-border-top-left-radius:5px;
+-webkit-border-top-right-radius:5px;
+background-color:#EEF7FB;
+border:1px solid black;
+/*bottom:0;
+position:absolute;*/
+width:95%;
+float:left;
+}
+#header ul li {
+display:inline;
+list-style-type:none;
+padding:10px;
+}
+#header ul li a {
+text-decoration:none;
+}
+#intro {
+float:left;
+padding-top:10px;
+width:100%;
+}
+#introText {
+display:inline;
+float:left;
+width:70%;
+margin-right: 2%;
+}
+#introText a {
+text-decoration:none;
+}
+#blurb{
+ font-size:larger;
+ font-weight:bolder;
+}
+#imgHolder {
+display:inline;
+float:left;
+width:20%;
+margin-top: 1%;
+}
+#demos {
+float:left;
+width:100%;
+}
+#demos .imgs {
+margin-left:5%;
+margin-right:5%;
+width:100%;
+}
+#demos img {
+-moz-border-radius-bottomleft:5px;
+-moz-border-radius-bottomright:5px;
+-moz-border-radius-topleft:5px;
+-moz-border-radius-topright:5px;
+-webkit-border-bottom-left-radius:5px;
+-webkit-border-bottom-right-radius:5px;
+-webkit-border-top-left-radius:5px;
+-webkit-border-top-right-radius:5px;
+border:1px solid black;
+margin:5px;
+padding-left:5px;
+padding-right:5px;
+}
+#footer {
+float:left;
+font-size:smaller;
+padding-top:50px;
+width:100%;
+} \ No newline at end of file
diff --git a/css/jquery.svg.css b/css/jquery.svg.css
new file mode 100755
index 0000000..c181ec1
--- /dev/null
+++ b/css/jquery.svg.css
@@ -0,0 +1,15 @@
+/* http://keith-wood.name/svg.html
+ SVG for jQuery v1.4.2.
+ Written by Keith Wood (kbwood{at}iinet.com.au) August 2007.
+ Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and
+ MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses.
+ Please attribute the author if you use it. */
+
+svg\:svg {
+ display: none;
+}
+
+.svg_error {
+ color: red;
+ font-weight: bold;
+}
diff --git a/css/kDoc.css b/css/kDoc.css
new file mode 100755
index 0000000..c285574
--- /dev/null
+++ b/css/kDoc.css
@@ -0,0 +1,26 @@
+#kDoc{
+ background-color: white;
+ width: 100%;
+ height: 100%;
+}
+
+.zoom{
+ display: inline-block;
+ width: 25px;
+ height: 25px;
+ background-repeat: no-repeat;
+}
+
+.zoom.zoom-in {
+ background-image: url(images/btn_plus25x25.png);
+}
+
+.zoom.zoom-out {
+ background-image: url(images/btn_minus25x25.png);
+}
+
+
+#iframeLessonPlan{
+ width:100%;
+ height: 90%;
+} \ No newline at end of file
diff --git a/css/kStart.css b/css/kStart.css
new file mode 100755
index 0000000..d79eac2
--- /dev/null
+++ b/css/kStart.css
@@ -0,0 +1,175 @@
+#kStart {
+ width: 1200px;
+ height: 884px;
+ background-image: url(./images/bg.png);
+ -moz-background-size: 100% 100%;
+ -webkit-background-size: 100% 100%;
+ margin: 0px;
+}
+
+#kStart .center{
+ /* width: 100%;
+ float: left;*/
+ width: 800px
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+}
+
+#kStart #top{
+ height: 13%;
+ width: 100%;
+ color: #8a72c4;
+}
+
+ #backBtn{
+ background-image: url(images/back_button_start.png);
+ position: absolute;
+ width: 60px;
+ height: 60px;
+ margin-top: 10px;
+ margin-left: 10px;
+ opacity: 1.0;
+ }
+
+ #backBtn:hover{
+ background-image: url(images/back_button_hover.png);
+ }
+
+ #topMiddle{
+ margin-top: 1%;
+ color: white;
+ }
+
+ #topDesc{
+
+ }
+
+ #topE-Paath{
+ font-size: 2em;
+ margin-top: 1%;
+ }
+
+
+
+#kStart #middle{
+ border: 2px solid white;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ color: white;
+ height: 70%;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ position:relative;
+ background-color: rgba(0,0,200,0.3);
+}
+
+ #grade{
+ margin-top: 0.5em;
+ }
+
+ #gradeText{
+ font-size: 2.5em;
+ }
+
+ #gradeNum{
+ font-size: 2.5em;
+ }
+
+ #subject{
+ font-size: 3em;
+ }
+
+ #lessonTitle{
+ margin-top: 1em;
+ }
+
+ #lessonTitle>a{
+ font-size: 2.5em;
+ color: yellow;
+ text-decoration: none;
+ }
+
+ #lessonTitle>a:hover{
+ font-size: 2.9em;
+ color: #FFFFE0;
+ }
+
+
+ #lessonDesc{
+ font-size: 2em;
+ margin-top: 0.2em;
+ }
+
+ #kStart #middle .button{
+ position: absolute;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ background-color: purple;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: 0.5em;
+ padding-top:0.2em;
+ padding-bottom: 0.2em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ font-size: 1.5em;
+ border: 1px black solid;
+ }
+
+ #kStart #middle .button:hover{
+ /*opacity: 0.8;*/
+ border: 2px white solid;
+ }
+
+ #kStart #middle .button a{
+ text-decoration: none;
+ }
+
+ #kStart #middle .button div{
+ text-align: center;
+ color: white;
+ }
+
+ #teachersNoteBtn{
+ left: 0em;
+ bottom: 0em;
+ }
+
+ #lessonPlanBtn{
+ right: 0em;
+ bottom: 0em;
+ }
+
+#kStart #bottom{
+height: 15%;
+width: 100%;
+color: white;
+}
+
+ #logo{
+ display: block;
+ width: 320px;
+ height: 60px;
+ float: none;
+ background-image: url(images/ole_logo.png);
+ background-repeat: no-repeat;
+ margin-left:auto;
+ margin-right:auto;
+ margin-top: 0.8em;
+ }
+
+
+#kStart #copyright{
+ position: fixed;
+ left: 5px;
+ bottom: 0px;
+ color: white;
+ font-size: smaller;
+}
+
+ #kStart #copyright a{
+ color: white;
+ opacity:0.8;
+ } \ No newline at end of file
diff --git a/css/karma.css b/css/karma.css
new file mode 100755
index 0000000..607bcbb
--- /dev/null
+++ b/css/karma.css
@@ -0,0 +1,43 @@
+/* import nepal's Themeroller theme */
+@import url(./ui.base.css);
+@import url(./theme/jquery-ui-1.7.2.custom.css);
+@import url(./ui.dialog.css);
+@import url(./ui.resizable.css);
+@import url(./ui.feedback.css);
+
+/* special hack for the current karma-loader notification */
+@media screen {
+ #karma-loader{
+ position:absolute;
+ top:0;
+ left:0;
+ padding: 2px 2px 1px 5px;
+ font-size: 12px;
+ background: #0066cc;
+ color: #ffffff;
+
+ }
+ #karma-loader.status{
+ left:110px;
+ }
+}
+
+body{
+ padding: 0px;
+ margin: 0 auto 0 auto;
+ width: 1200px;
+ height: 900px;
+ overflow: hidden;
+ position: relative;
+ background-color: purple;
+}
+
+#kMain {
+ width: 1200px;
+ height: 760px;
+ float: left;
+ clear: both;
+ background-color: white;
+}
+
+
diff --git a/css/lesson.css b/css/lesson.css
new file mode 100755
index 0000000..883b4c3
--- /dev/null
+++ b/css/lesson.css
@@ -0,0 +1,67 @@
+@CHARSET "UTF-8";
+#kMain {
+ background: url(../assets/image/background.png) no-repeat;
+ width: 1200px;
+ height: 900px;
+ -moz-background-size: 100% 100%;
+ -webkit-background-size: 100% 100%;
+ float: left;
+ clear: both;
+}
+
+#questionBox{
+ color: blue;
+ /*width: 300px; */
+ width: 30%;
+ font: "Helvetica", Verdana, Geneva, Arial, sans-serif;
+ font-weight: bold;
+ font-size: 2em;
+ margin-top: 10%;
+ margin-left: 15%;
+
+
+}
+.imageBox{
+ margin-top: 2%;
+ margin-left: 20%;
+ width: 220px;
+ height: 220px;
+}
+
+#options{
+ margin-left:5%;
+ margin-top:2%;
+ width:600px;
+ height:80px;
+}
+
+.optImg{
+ width:120px;
+ height: 40px;
+ background-color: yellow;
+ padding:5px;
+ border: 2px solid green;
+}
+
+.playAgain{
+ position:absolute;
+ top: 10px;
+ margin-left:220px;
+ width:115px;
+ height: 30px;
+ padding: 2px 2px 2px 2px;
+ }
+input{
+ color:green;
+
+}
+#gameOver{
+ margin-left:300px;
+ width: 180px;
+ height: 20px;
+ display: none;
+ font: 25px "Rockwell Extra Bold", Geneva, Arial, Helvetica, sans-serif,Times New Roman;
+ font-weight: bold;
+ background-color: #ccc;
+ padding: 10px;
+}
diff --git a/css/theme/images/epaath_bg_footer.png b/css/theme/images/epaath_bg_footer.png
new file mode 100755
index 0000000..4bd44fa
--- /dev/null
+++ b/css/theme/images/epaath_bg_footer.png
Binary files differ
diff --git a/css/theme/images/epaath_bg_header.png b/css/theme/images/epaath_bg_header.png
new file mode 100755
index 0000000..f421817
--- /dev/null
+++ b/css/theme/images/epaath_bg_header.png
Binary files differ
diff --git a/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png b/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100755
index 0000000..5b5dab2
--- /dev/null
+++ b/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png
Binary files differ
diff --git a/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png b/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png
new file mode 100755
index 0000000..0852ec3
--- /dev/null
+++ b/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png
Binary files differ
diff --git a/css/theme/images/ui-bg_flat_75_ffffff_40x100.png b/css/theme/images/ui-bg_flat_75_ffffff_40x100.png
new file mode 100755
index 0000000..ac8b229
--- /dev/null
+++ b/css/theme/images/ui-bg_flat_75_ffffff_40x100.png
Binary files differ
diff --git a/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png b/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100755
index 0000000..ad3d634
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png
Binary files differ
diff --git a/css/theme/images/ui-bg_glass_65_e774ec_1x400.png b/css/theme/images/ui-bg_glass_65_e774ec_1x400.png
new file mode 100755
index 0000000..a47d762
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_65_e774ec_1x400.png
Binary files differ
diff --git a/css/theme/images/ui-bg_glass_75_f49aec_1x400.png b/css/theme/images/ui-bg_glass_75_f49aec_1x400.png
new file mode 100755
index 0000000..1f8d100
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_75_f49aec_1x400.png
Binary files differ
diff --git a/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png b/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png
new file mode 100755
index 0000000..d3ffeef
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png
Binary files differ
diff --git a/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png b/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png
new file mode 100755
index 0000000..708667b
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png
Binary files differ
diff --git a/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png b/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png
new file mode 100755
index 0000000..0e05810
--- /dev/null
+++ b/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png
Binary files differ
diff --git a/css/theme/images/ui-icons_222222_256x240.png b/css/theme/images/ui-icons_222222_256x240.png
new file mode 100755
index 0000000..ee039dc
--- /dev/null
+++ b/css/theme/images/ui-icons_222222_256x240.png
Binary files differ
diff --git a/css/theme/images/ui-icons_222222_768x720.png b/css/theme/images/ui-icons_222222_768x720.png
new file mode 100755
index 0000000..2437773
--- /dev/null
+++ b/css/theme/images/ui-icons_222222_768x720.png
Binary files differ
diff --git a/css/theme/images/ui-icons_2e83ff_256x240.png b/css/theme/images/ui-icons_2e83ff_256x240.png
new file mode 100755
index 0000000..45e8928
--- /dev/null
+++ b/css/theme/images/ui-icons_2e83ff_256x240.png
Binary files differ
diff --git a/css/theme/images/ui-icons_2e83ff_768x720.png b/css/theme/images/ui-icons_2e83ff_768x720.png
new file mode 100755
index 0000000..9727a25
--- /dev/null
+++ b/css/theme/images/ui-icons_2e83ff_768x720.png
Binary files differ
diff --git a/css/theme/images/ui-icons_454545_256x240.png b/css/theme/images/ui-icons_454545_256x240.png
new file mode 100755
index 0000000..7ec70d1
--- /dev/null
+++ b/css/theme/images/ui-icons_454545_256x240.png
Binary files differ
diff --git a/css/theme/images/ui-icons_454545_768x720.png b/css/theme/images/ui-icons_454545_768x720.png
new file mode 100755
index 0000000..761d947
--- /dev/null
+++ b/css/theme/images/ui-icons_454545_768x720.png
Binary files differ
diff --git a/css/theme/images/ui-icons_7811a2_256x240.png b/css/theme/images/ui-icons_7811a2_256x240.png
new file mode 100755
index 0000000..d51567c
--- /dev/null
+++ b/css/theme/images/ui-icons_7811a2_256x240.png
Binary files differ
diff --git a/css/theme/images/ui-icons_7811a2_768x720.png b/css/theme/images/ui-icons_7811a2_768x720.png
new file mode 100755
index 0000000..cb1d7a2
--- /dev/null
+++ b/css/theme/images/ui-icons_7811a2_768x720.png
Binary files differ
diff --git a/css/theme/images/ui-icons_cd0a0a_256x240.png b/css/theme/images/ui-icons_cd0a0a_256x240.png
new file mode 100755
index 0000000..7930a55
--- /dev/null
+++ b/css/theme/images/ui-icons_cd0a0a_256x240.png
Binary files differ
diff --git a/css/theme/images/ui-icons_cd0a0a_768x720.png b/css/theme/images/ui-icons_cd0a0a_768x720.png
new file mode 100755
index 0000000..788be14
--- /dev/null
+++ b/css/theme/images/ui-icons_cd0a0a_768x720.png
Binary files differ
diff --git a/css/theme/jquery-ui-1.7.2.custom.css b/css/theme/jquery-ui-1.7.2.custom.css
new file mode 100755
index 0000000..2a9e5c7
--- /dev/null
+++ b/css/theme/jquery-ui-1.7.2.custom.css
@@ -0,0 +1,406 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.5em&cornerRadius=4px&bgColorHeader=f49aec&bgTextureHeader=02_glass.png&bgImgOpacityHeader=75&borderColorHeader=e774ec&fcHeader=222222&iconColorHeader=7811a2&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=e774ec&fcContent=222222&iconColorContent=222222&bgColorDefault=f8a5f0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=e774ec&fcDefault=555555&iconColorDefault=7811a2&bgColorHover=fdd9f9&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=e774ec&fcHover=212121&iconColorHover=7811a2&bgColorActive=e774ec&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=e774ec&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=d13db4&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=fbd0f3&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=2px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.5em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #e774ec; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+.ui-widget-header { border: 1px solid #e774ec; background: #f49aec url(images/ui-bg_glass_75_f49aec_1x400.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
+.ui-widget-header a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #e774ec; background: #f8a5f0 url(images/ui-bg_glass_75_f8a5f0_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #e774ec; background: #fdd9f9 url(images/ui-bg_glass_75_fdd9f9_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #e774ec; background: #e774ec url(images/ui-bg_glass_65_e774ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #d13db4; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 48px; height: 48px; background-image: url(images/ui-icons_222222_768x720.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_768x720.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_7811a2_768x720.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_7811a2_768x720.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_7811a2_768x720.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_768x720.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_768x720.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_768x720.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -48px 0; }
+.ui-icon-carat-1-e { background-position: -96px 0; }
+.ui-icon-carat-1-se { background-position: -144px 0; }
+.ui-icon-carat-1-s { background-position: -192px 0; }
+.ui-icon-carat-1-sw { background-position: -240px 0; }
+.ui-icon-carat-1-w { background-position: -288px 0; }
+.ui-icon-carat-1-nw { background-position: -336px 0; }
+.ui-icon-carat-2-n-s { background-position: -384px 0; }
+.ui-icon-carat-2-e-w { background-position: -432px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -48px; }
+.ui-icon-triangle-1-ne { background-position: -48px -48px; }
+.ui-icon-triangle-1-e { background-position: -96px -48px; }
+.ui-icon-triangle-1-se { background-position: -144px -48px; }
+.ui-icon-triangle-1-s { background-position: -192px -48px; }
+.ui-icon-triangle-1-sw { background-position: -240px -48px; }
+.ui-icon-triangle-1-w { background-position: -288px -48px; }
+.ui-icon-triangle-1-nw { background-position: -336px -48px; }
+.ui-icon-triangle-2-n-s { background-position: -384px -48px; }
+.ui-icon-triangle-2-e-w { background-position: -432px -48px; }
+.ui-icon-arrow-1-n { background-position: 0 -96px; }
+.ui-icon-arrow-1-ne { background-position: -48px -96px; }
+.ui-icon-arrow-1-e { background-position: -96px -96px; }
+.ui-icon-arrow-1-se { background-position: -144px -96px; }
+.ui-icon-arrow-1-s { background-position: -192px -96px; }
+.ui-icon-arrow-1-sw { background-position: -240px -96px; }
+.ui-icon-arrow-1-w { background-position: -288px -96px; }
+.ui-icon-arrow-1-nw { background-position: -336px -96px; }
+.ui-icon-arrow-2-n-s { background-position: -384px -96px; }
+.ui-icon-arrow-2-ne-sw { background-position: -432px -96px; }
+.ui-icon-arrow-2-e-w { background-position: -480px -96px; }
+.ui-icon-arrow-2-se-nw { background-position: -528px -96px; }
+.ui-icon-arrowstop-1-n { background-position: -576px -96px; }
+.ui-icon-arrowstop-1-e { background-position: -624px -96px; }
+.ui-icon-arrowstop-1-s { background-position: -672px -96px; }
+.ui-icon-arrowstop-1-w { background-position: -720px -96px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -144px; }
+.ui-icon-arrowthick-1-ne { background-position: -48px -144px; }
+.ui-icon-arrowthick-1-e { background-position: -96px -144px; }
+.ui-icon-arrowthick-1-se { background-position: -144px -144px; }
+.ui-icon-arrowthick-1-s { background-position: -192px -144px; }
+.ui-icon-arrowthick-1-sw { background-position: -240px -144px; }
+.ui-icon-arrowthick-1-w { background-position: -288px -144px; }
+.ui-icon-arrowthick-1-nw { background-position: -336px -144px; }
+.ui-icon-arrowthick-2-n-s { background-position: -384px -144px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -432px -144px; }
+.ui-icon-arrowthick-2-e-w { background-position: -480px -144px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -528px -144px; }
+.ui-icon-arrowthickstop-1-n { background-position: -576px -144px; }
+.ui-icon-arrowthickstop-1-e { background-position: -624px -144px; }
+.ui-icon-arrowthickstop-1-s { background-position: -672px -144px; }
+.ui-icon-arrowthickstop-1-w { background-position: -720px -144px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -192px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -48px -192px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -96px -192px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -144px -192px; }
+.ui-icon-arrowreturn-1-w { background-position: -192px -192px; }
+.ui-icon-arrowreturn-1-n { background-position: -240px -192px; }
+.ui-icon-arrowreturn-1-e { background-position: -288px -192px; }
+.ui-icon-arrowreturn-1-s { background-position: -336px -192px; }
+.ui-icon-arrowrefresh-1-w { background-position: -384px -192px; }
+.ui-icon-arrowrefresh-1-n { background-position: -432px -192px; }
+.ui-icon-arrowrefresh-1-e { background-position: -480px -192px; }
+.ui-icon-arrowrefresh-1-s { background-position: -528px -192px; }
+.ui-icon-arrow-4 { background-position: 0 -240px; }
+.ui-icon-arrow-4-diag { background-position: -48px -240px; }
+.ui-icon-extlink { background-position: -96px -240px; }
+.ui-icon-newwin { background-position: -144px -240px; }
+.ui-icon-refresh { background-position: -192px -240px; }
+.ui-icon-shuffle { background-position: -240px -240px; }
+.ui-icon-transfer-e-w { background-position: -288px -240px; }
+.ui-icon-transferthick-e-w { background-position: -336px -240px; }
+.ui-icon-folder-collapsed { background-position: 0 -288px; }
+.ui-icon-folder-open { background-position: -48px -288px; }
+.ui-icon-document { background-position: -96px -288px; }
+.ui-icon-document-b { background-position: -144px -288px; }
+.ui-icon-note { background-position: -192px -288px; }
+.ui-icon-mail-closed { background-position: -240px -288px; }
+.ui-icon-mail-open { background-position: -288px -288px; }
+.ui-icon-suitcase { background-position: -336px -288px; }
+.ui-icon-comment { background-position: -384px -288px; }
+.ui-icon-person { background-position: -432px -288px; }
+.ui-icon-print { background-position: -480px -288px; }
+.ui-icon-trash { background-position: -528px -288px; }
+.ui-icon-locked { background-position: -576px -288px; }
+.ui-icon-unlocked { background-position: -624px -288px; }
+.ui-icon-bookmark { background-position: -672px -288px; }
+.ui-icon-tag { background-position: -720px -288px; }
+.ui-icon-home { background-position: 0 -336px; }
+.ui-icon-flag { background-position: -48px -336px; }
+.ui-icon-calendar { background-position: -96px -336px; }
+.ui-icon-cart { background-position: -144px -336px; }
+.ui-icon-pencil { background-position: -192px -336px; }
+.ui-icon-clock { background-position: -240px -336px; }
+.ui-icon-disk { background-position: -288px -336px; }
+.ui-icon-calculator { background-position: -336px -336px; }
+.ui-icon-zoomin { background-position: -384px -336px; }
+.ui-icon-zoomout { background-position: -432px -336px; }
+.ui-icon-search { background-position: -480px -336px; }
+.ui-icon-wrench { background-position: -528px -336px; }
+.ui-icon-gear { background-position: -576px -336px; }
+.ui-icon-heart { background-position: -624px -336px; }
+.ui-icon-star { background-position: -672px -336px; }
+.ui-icon-link { background-position: -720px -336px; }
+.ui-icon-cancel { background-position: 0 -384px; }
+.ui-icon-plus { background-position: -48px -384px; }
+.ui-icon-plusthick { background-position: -96px -384px; }
+.ui-icon-minus { background-position: -144px -384px; }
+.ui-icon-minusthick { background-position: -192px -384px; }
+.ui-icon-close { background-position: -240px -384px; }
+.ui-icon-closethick { background-position: -288px -384px; }
+.ui-icon-key { background-position: -336px -384px; }
+.ui-icon-lightbulb { background-position: -384px -384px; }
+.ui-icon-scissors { background-position: -432px -384px; }
+.ui-icon-clipboard { background-position: -480px -384px; }
+.ui-icon-copy { background-position: -528px -384px; }
+.ui-icon-contact { background-position: -576px -384px; }
+.ui-icon-image { background-position: -624px -384px; }
+.ui-icon-video { background-position: -672px -384px; }
+.ui-icon-script { background-position: -720px -384px; }
+.ui-icon-alert { background-position: 0 -432px; }
+.ui-icon-info { background-position: -48px -432px; }
+.ui-icon-notice { background-position: -96px -432px; }
+.ui-icon-help { background-position: -144px -432px; }
+.ui-icon-check { background-position: -192px -432px; }
+.ui-icon-bullet { background-position: -240px -432px; }
+.ui-icon-radio-off { background-position: -288px -432px; }
+.ui-icon-radio-on { background-position: -336px -432px; }
+.ui-icon-pin-w { background-position: -384px -432px; }
+.ui-icon-pin-s { background-position: -432px -432px; }
+.ui-icon-play { background-position: 0 -480px; }
+.ui-icon-pause { background-position: -48px -480px; }
+.ui-icon-seek-next { background-position: -96px -480px; }
+.ui-icon-seek-prev { background-position: -144px -480px; }
+.ui-icon-seek-end { background-position: -192px -480px; }
+.ui-icon-seek-first { background-position: -240px -480px; }
+.ui-icon-stop { background-position: -288px -480px; }
+.ui-icon-eject { background-position: -336px -480px; }
+.ui-icon-volume-off { background-position: -384px -480px; }
+.ui-icon-volume-on { background-position: -432px -480px; }
+.ui-icon-power { background-position: 0 -528px; }
+.ui-icon-signal-diag { background-position: -48px -528px; }
+.ui-icon-signal { background-position: -96px -528px; }
+.ui-icon-battery-0 { background-position: -144px -528px; }
+.ui-icon-battery-1 { background-position: -192px -528px; }
+.ui-icon-battery-2 { background-position: -240px -528px; }
+.ui-icon-battery-3 { background-position: -288px -528px; }
+.ui-icon-circle-plus { background-position: 0 -576px; }
+.ui-icon-circle-minus { background-position: -48px -576px; }
+.ui-icon-circle-close { background-position: -96px -576px; }
+.ui-icon-circle-triangle-e { background-position: -144px -576px; }
+.ui-icon-circle-triangle-s { background-position: -192px -576px; }
+.ui-icon-circle-triangle-w { background-position: -240px -576px; }
+.ui-icon-circle-triangle-n { background-position: -288px -576px; }
+.ui-icon-circle-arrow-e { background-position: -336px -576px; }
+.ui-icon-circle-arrow-s { background-position: -384px -576px; }
+.ui-icon-circle-arrow-w { background-position: -432px -576px; }
+.ui-icon-circle-arrow-n { background-position: -480px -576px; }
+.ui-icon-circle-zoomin { background-position: -528px -576px; }
+.ui-icon-circle-zoomout { background-position: -576px -576px; }
+.ui-icon-circle-check { background-position: -624px -576px; }
+.ui-icon-circlesmall-plus { background-position: 0 -624px; }
+.ui-icon-circlesmall-minus { background-position: -48px -624px; }
+.ui-icon-circlesmall-close { background-position: -96px -624px; }
+.ui-icon-squaresmall-plus { background-position: -144px -624px; }
+.ui-icon-squaresmall-minus { background-position: -192px -624px; }
+.ui-icon-squaresmall-close { background-position: -240px -624px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -672px; }
+.ui-icon-grip-dotted-horizontal { background-position: -48px -672px; }
+.ui-icon-grip-solid-vertical { background-position: -96px -672px; }
+.ui-icon-grip-solid-horizontal { background-position: -144px -672px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -192px -672px; }
+.ui-icon-grip-diagonal-se { background-position: -240px -672px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #fbd0f3 url(images/ui-bg_flat_0_fbd0f3_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: 4px 0 0 4px; padding: 2px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 4px; -webkit-border-radius: 4px; }/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+ display: none; /*sorry for IE5*/
+ display/**/: block; /*sorry for IE5*/
+ position: absolute; /*must have*/
+ z-index: -1; /*must have*/
+ filter: mask(); /*must have*/
+ top: -4px; /*must have*/
+ left: -4px; /*must have*/
+ width: 200px; /*must have*/
+ height: 200px; /*must have*/
+}/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/css/ui.all.css b/css/ui.all.css
new file mode 100755
index 0000000..543e4c3
--- /dev/null
+++ b/css/ui.all.css
@@ -0,0 +1,2 @@
+@import "ui.base.css";
+@import "ui.theme.css";
diff --git a/css/ui.base.css b/css/ui.base.css
new file mode 100755
index 0000000..ba53841
--- /dev/null
+++ b/css/ui.base.css
@@ -0,0 +1,2 @@
+@import url("ui.core.css");
+@import url("ui.tabs.css"); \ No newline at end of file
diff --git a/css/ui.core.css b/css/ui.core.css
new file mode 100755
index 0000000..c2f18f2
--- /dev/null
+++ b/css/ui.core.css
@@ -0,0 +1,37 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } \ No newline at end of file
diff --git a/css/ui.dialog.css b/css/ui.dialog.css
new file mode 100755
index 0000000..2997595
--- /dev/null
+++ b/css/ui.dialog.css
@@ -0,0 +1,13 @@
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
diff --git a/css/ui.feedback.css b/css/ui.feedback.css
new file mode 100755
index 0000000..7eed05f
--- /dev/null
+++ b/css/ui.feedback.css
@@ -0,0 +1,56 @@
+.ui-feedback div{
+ width: 200px;
+ height: 178px;
+ position: absolute;
+ background-repeat: no-repeat;
+}
+
+.ui-feedback .ui-feedback-correct{
+ display:none;
+ background-image: url(./images/correct200x190.png);
+}
+
+.ui-feedback .ui-feedback-incorrect{
+ display:none;
+ background-image: url(./images/incorrect200x190.png);
+}
+
+
+.ui-feedback .ui-feedback-over{
+ display: none;
+ width: 184px;
+ height: 240px;
+ overflow: visible;
+ cursor: pointer;
+ z-index: 10;
+}
+
+.ui-feedback .ui-feedback-over .ui-feedback-win{
+ width: 184px;
+ height: 222px;
+ background-image: url(./images/happy-face.png);
+ overflow: visible;
+}
+
+
+.ui-feedback .ui-feedback-over .ui-feedback-lose{
+ width: 184px;
+ height: 222px;
+ background-image: url(./images/sad-face.png);
+ overflow: visible;
+}
+
+.ui-feedback .ui-feedback-txt{
+ color:purple;
+ font-size:3em;
+ margin-top:-50px;
+ width:300px;
+}
+
+.ui-feedback-overlay {
+ position: absolute;
+ display: none;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(255,255,255, 0.6);
+} \ No newline at end of file
diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css
new file mode 100755
index 0000000..5a0944b
--- /dev/null
+++ b/css/ui.kFooter.css
@@ -0,0 +1,56 @@
+.ui-kFooter{
+ background-image: url('./images/bg_footer.png');
+ background-repeat: repeat;
+ height: 70px;
+ width: 100%;
+ margin:0;
+ padding: 0;
+ float: left;
+ clear: both;
+ border-style: none;
+ color: #FFFF00;
+}
+
+
+.ui-kFooter>ul{
+ margin-left: 0px;
+ padding-left: 5px;
+ list-style: none;
+}
+.ui-kFooter>ul>li{
+ display:inline;
+ margin-right: 10px;
+ margin-left: 0px;
+}
+
+
+.ui-kFooter .left{
+ float: left;
+}
+
+.ui-kFooter .right{
+ float: right;
+}
+
+.ui-kFooter .number{
+ background-color:white;
+ color: black;
+ padding-left:0.4em;
+ padding-right:0.4em;
+}
+
+
+.ui-kFooter button{
+ cursor:pointer;
+ margin-top: -10px;
+}
+
+.ui-kFooter button span{
+ float: left;
+}
+
+.ui-kFooter button .text{
+ color: #7811a2;
+padding-top: 10px;
+font-weight: bold;
+}
diff --git a/css/ui.kHeader.css b/css/ui.kHeader.css
new file mode 100755
index 0000000..4b4bb99
--- /dev/null
+++ b/css/ui.kHeader.css
@@ -0,0 +1,160 @@
+#kHeader{
+ background-image: url('./images/bg_header.png');
+ background-repeat: repeat-x;
+ height: 70px;
+ width: 100%;
+ margin: 0;
+ float: left;
+ clear: both;
+ border: none;
+}
+
+ #kHeader .left{
+ float: left;
+ }
+
+ #kHeader .right{
+ float: right;
+ }
+
+ #kHeader>ul{
+ margin: 0;
+ margin-left: 5px;
+ padding: 0;
+ }
+
+ #kHeader>ul>li{
+ display:inline;
+ margin: 0;
+ padding: 0;
+ margin-top: 5px;
+ margin-right:15px;
+ }
+
+ #kHeader .kHeader-btn{
+ width: 60px;
+ height: 60px;
+ display: block;
+ cursor:pointer;
+ }
+
+ #kHeader .kHeader-back{
+ background-image:url(./images/btn_back.png);
+ }
+
+ #kHeader .kHeader-back:hover{
+ background:url('./images/btn_back_hover.png');
+ }
+
+ #kHeader .kHeader-title {
+ font-weight: bold;
+ color: #FFFFFF;
+ margin-top: 10px;
+ border:4px solid #e774ec;
+ padding: 5px 20px 5px 20px;
+ -moz-border-radius:25px;
+ -webkit-border-radius: 25px;
+ }
+
+ #kHeader .kHeader-title span{
+ float:left;
+ }
+
+ #kHeader .kHeader-title .kHeader-kDoc{
+ background-image: url(images/arrow_down_white.png);
+ background-repeat: no-repeat;
+ width: 22px;
+ height: 22px;
+ cursor: pointer;
+ margin-left: 10px;
+ margin-top: 3px;
+ position: relative;
+ }
+
+ #kHeader .kHeader-title .kHeader-kDoc .drop-down{
+ display: none;
+ position: absolute;
+ top: 22px;
+ left: -20px;
+ width: 90px;
+ background-color: rgba(0, 0, 0, 0.8);
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border: 1px solid white;
+ padding-left: 5px;
+ }
+ #kHeader .kHeader-title .kHeader-kDoc .drop-down a{
+ color: white;
+ text-decoration: none;
+ font-size: 0.6em;
+
+ }
+
+ #kHeader .kHeader-title .kHeader-kDoc .drop-down a:hover{
+ text-decoration: underline;
+ }
+
+ #kHeader .kHeader-zoomIn{
+ background-image: url(images/btn_plus.png);
+ }
+
+ #kHeader .kHeader-zoomOut{
+ background-image: url(images/btn_minus.png);
+ }
+
+ #kHeader .kHeader-zoomIn:hover{
+ -moz-border-radius: 90px;
+ -webkit-border-radius: 90px;
+ border: 3px solid rgba(0,0,230, 0.8);
+ margin-top:2px;
+ margin-left:-6px;
+ }
+
+ #kHeader .kHeader-zoomOut:hover{
+ -moz-border-radius: 90px;
+ -webkit-border-radius: 90px;
+ border: 3px solid rgba(0,0,230, 0.8);
+ margin-top:2px;
+ margin-left:-6px;
+ }
+
+ #kHeader .kHeader-brand{
+ background-image:url(./images/btn_ole.png);
+ }
+
+ #kHeader .kHeader-brand:hover{
+ background-image:url(./images/btn_ole_hover.png);
+ }
+
+ #kHeader .kHeader-help{
+ background-image:url(./images/btn_help.png);
+ }
+
+ #kHeader .kHeader-help:hover{
+ background-image:url(./images/btn_help_hover.png);
+ }
+
+ /* Styles for Help Text */
+ .kHeader-help{
+ top: 20px !important;
+ }
+
+ .kHeader-help>div:first>span:first{
+ font-size:larger;
+ }
+
+ .kHeader-help .ui-dialog-titlebar-close {
+ top: 10px;
+ margin-right: 20px;
+ }
+
+ .kHeader-help .ui-dialog-content{
+ font-size: 0.8em;
+ }
+
+ #kHeader .kHeader-preload-img{
+ height:0;
+ width:0;
+ display:inline;
+ }
+
diff --git a/css/ui.resizable.css b/css/ui.resizable.css
new file mode 100755
index 0000000..44efeb2
--- /dev/null
+++ b/css/ui.resizable.css
@@ -0,0 +1,13 @@
+/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} \ No newline at end of file
diff --git a/css/ui.scoreboard.css b/css/ui.scoreboard.css
new file mode 100755
index 0000000..b1dca40
--- /dev/null
+++ b/css/ui.scoreboard.css
@@ -0,0 +1,67 @@
+.ui-scoreboard-container-h{
+max-width: 500em;
+max-height: 200px;
+float:left;
+/*border: 2px solid red;
+background-color : black;*/
+padding-top:0.4em;
+padding-bottom:0.4em;
+}
+
+.ui-scoreboard-spacing-h{
+max-width: 200em;
+max-height: 300em;
+display:inline;
+margin-left:0.4em;
+margin-right:0.4em;
+}
+
+.ui-scoreboard-text{
+/*color:white; */
+font-size:larger;
+text-align: center;
+}
+
+.ui-scoreboard-number-h {
+background-color:black;
+color: white;
+padding-left:0.4em;
+padding-right:0.4em;
+font-size:larger;
+}
+
+.ui-scoreboard-button{
+color:red;
+float:right;
+cursor:pointer;
+}
+
+button .ui-scoreboard-icon{
+float: left;
+margin-right:0.3em;
+}
+.ui-scoreboard-container-v{
+max-width: 200px;
+max-height: 400px;
+float:left;
+border: 2px solid red;
+background-color: black;
+padding-top:0.4em;
+padding-bottom:0.4em;
+}
+.ui-scoreboard-spacing-v{
+display:block;
+margin: 0.4em;
+}
+
+.ui-scoreboard-number-v{
+background-color:white;
+width: 1em;
+text-align:center;
+margin-left:auto;
+margin-right: auto;
+padding:0.4em;
+font-size:larger;
+}
+
+
diff --git a/css/ui.tabs.css b/css/ui.tabs.css
new file mode 100755
index 0000000..3ca6b9a
--- /dev/null
+++ b/css/ui.tabs.css
@@ -0,0 +1,11 @@
+/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/css/ui.theme.css b/css/ui.theme.css
new file mode 100755
index 0000000..6e40c73
--- /dev/null
+++ b/css/ui.theme.css
@@ -0,0 +1,245 @@
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
+.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../assets/default/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
+.ui-widget-content a { color: #222222/*{fcContent}*/; }
+.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../assets/default/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
+.ui-widget-header a { color: #222222/*{fcHeader}*/; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../assets/default/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../assets/default/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../assets/default/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../assets/default/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../assets/default/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
+.ui-widget-content .ui-icon {background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
+.ui-widget-header .ui-icon {background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
+.ui-state-default .ui-icon { background-image: url(../assets/default/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../assets/default/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
+.ui-state-active .ui-icon {background-image: url(../assets/default/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
+.ui-state-highlight .ui-icon {background-image: url(../assets/default/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../assets/default/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../assets/default/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
+.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../assets/default/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; } \ No newline at end of file
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">{&l