diff options
| author | Bryan Berry <bryan@olenepal.org> | 2010-02-17 10:06:52 (GMT) |
|---|---|---|
| committer | Bryan Berry <bryan@olenepal.org> | 2010-02-17 10:06:52 (GMT) |
| commit | 3e196a9a5d49093519acf23ad3a95187a52f4833 (patch) | |
| tree | a7310f3ad9baf223bc7742aa8ce7370b993cbec1 | |
| parent | a7f882c855c4eeee90ef2308f5b30765a92afb5c (diff) | |
fix bug in localizing digits
174 files changed, 3548 insertions, 13020 deletions
@@ -40,7 +40,7 @@ JAKE.task('docs', function(){ var path = './tools/jsdoc-toolkit'; if(FILE.exists(path)){ var cmd = 'java -jar ' + path + '/jsrun.jar ' + - path + '/app/run.js ' + './js/karma.js ./js/ui.kFooter.js ./js/ui.feedback.js -d=docs/ ' + + path + '/app/run.js ' + './js/ui.kHeader.js ./js/karma.js ./js/ui.kFooter.js ./js/ui.feedback.js -d=docs/ ' + '-t=tools/jsdoc-toolkit/templates/jsdoc/'; OS.system(cmd); } else { diff --git a/css/demos.css b/css/demos.css deleted file mode 100755 index b005b7d..0000000 --- a/css/demos.css +++ /dev/null @@ -1,451 +0,0 @@ -body { - font-size: 62.5%; -} - -table { - font-size: 1em; -} - -/ Site -/ Site - -------------------------------- / - -------------------------------- / - -body { - font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; -} - -/ Layout -/ Layout - -------------------------------- / - -------------------------------- / - -.layout-grid { - width: 960px; -} - -.layout-grid td { - vertical-align: top; -} - -.layout-grid td.left-nav { - width: 140px; -} - -.layout-grid td.normal { - border-left: 1px solid #eee; - padding: 20px 24px; - font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; -} - -.layout-grid td.demos { - background: url('/../assets/default/../assets/default/../assets/default/images/demos_bg.jpg') no-repeat; - background: url('/../assets/default/../assets/default/../assets/default/images/demos_bg.jpg') no-repeat; - background: url('/../assets/default/../assets/default/../assets/default/images/demos_bg.jpg') no-repeat; - background: url('/../assets/default/../assets/default/../assets/default/images/demos_bg.jpg') no-repeat; - height: 337px; - overflow: hidden; -} - -/ Normal -/ Normal - -------------------------------- / - -------------------------------- / - -.normal h3, -.normal h4 { - margin: 0; - font-weight: normal; -} - -.normal h3 { - padding: 0 0 9px; - font-size: 1.8em; -} - -.normal h4 { - padding-bottom: 21px; - border-bottom: 1px dashed #999; - font-size: 1.2em; - font-weight: bold; -} - -.normal p { - font-size: 1.2em; -} - -/ Demos / -/ Demos / -/ Demos / -/ Demos / - -.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li { - margin: 0; - padding: 0 -} - -.demos-nav { - float: left; - width: 170px; - font-size: 1.3em; -} - -.demos-nav dt, -.demos-nav h4 { - margin: 0; - padding: 0; - font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; - color: #e87b10; -} - -.demos-nav dt, -.demos-nav h4 { - margin-top: 1.5em; - margin-bottom: 0; - padding-left: 8px; - padding-bottom:5px; - line-height: 1.2em; - border-bottom: 1px solid #F4F4F4; -} - -.demos-nav dd a, -.demos-nav li a { - border-bottom: 1px solid #F4F4F4; - display:block; - padding: 4px 3px 4px 8px; - font-size: 90%; - text-decoration: none; - color: #555 ; - margin:2px 0; - height:13px; -} - -.demos-nav dd a:hover, -.demos-nav dd a:focus, -.demos-nav dd a:hover, -.demos-nav dd a:focus { - background: #f3f3f3; - color:#000; - -moz-border-radius: 5px; -webkit-border-radius: 5px; -} - .demos-nav dd a.selected { - background: #555; - color:#ffffff; - -moz-border-radius: 5px; -webkit-border-radius: 5px; -} - - -/ new styles for demo pages, added by Filament 12.29.08 -/ new styles for demo pages, added by Filament 12.29.08 -eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts -/ -/ - -.normal h3.demo-header { font-size:32px; padding:0 0 5px; border-bottom:1px solid #eee; text-transform: capitalize; } -.normal h4.demo-subheader { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; } -.normal a:link, -.normal a:visited { color:#1b75bb; text-decoration:none; } -.normal a:hover, -.normal a:active { color:#0b559b; } - -#demo-config { padding:20px 0 0; } - -#demo-frame { float:left; width:540px; height:380px; border:1px solid #ddd; overflow: auto; position: relative; } -#demo-frame h3, #demo-frame h4 { padding: 0; font-weight: bold; font-size: 1em; } - -#demo-config-menu { float:right; width:180px; } -#demo-config-menu h4 { font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px; } - -#demo-config-menu ul { list-style: none; padding: 0; margin: 0; } - -#demo-config-menu li { font-size:12px; padding:0 0 0 10px; margin:3px 0; zoom: 1; } - -#demo-config-menu li a:link, -#demo-config-menu li a:visited { display:block; padding:1px 8px 4px; border-bottom:1px dotted #b3b3b3; } - html #demo-config-menu li a:link, - html #demo-config-menu li a:link, - html #demo-config-menu li a:visited { padding:1px 8px 2px; } - html #demo-config-menu li a:visited { padding:1px 8px 2px; } -#demo-config-menu li a:hover, -#demo-config-menu li a:active { background-color:#f6f6f6; } - -#demo-config-menu li.demo-config-on { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on-tile.gif) repeat-x left center; } -#demo-config-menu li.demo-config-on { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on-tile.gif) repeat-x left center; } -#demo-config-menu li.demo-config-on { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on-tile.gif) repeat-x left center; } -#demo-config-menu li.demo-config-on { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on-tile.gif) repeat-x left center; } - -#demo-config-menu li.demo-config-on a:link, -#demo-config-menu li.demo-config-on a:visited, -#demo-config-menu li.demo-config-on a:hover, -#demo-config-menu li.demo-config-on a:active { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; } -#demo-config-menu li.demo-config-on a:active { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; } -#demo-config-menu li.demo-config-on a:active { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; } -#demo-config-menu li.demo-config-on a:active { background: url(../assets/default/../assets/default/../assets/default/images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; } - -#demo-source, #demo-notes { - clear: both; - padding: 20px 0 0; - font-size: 1.3em; -} - -#demo-notes { width:520px; color:#333; font-size: 1em; } -#demo-notes p code, .demo-description p code { padding: 0; font-weight: bold; } -#demo-source pre, #demo-source code { padding: 0; } -code, pre { padding:8px 0 8px 20px ; font-size: 1.2em; line-height:130%; } - -#demo-source a:link, -#demo-source a:visited, -#demo-source a:hover, -#demo-source a:active { font-size:12px; padding-left:13px; background-position: left center; background-repeat: no-repeat; } - -#demo-source a.source-open:link, -#demo-source a.source-open:visited, -#demo-source a.source-open:hover, -#demo-source a.source-open:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif); } -#demo-source a.source-open:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif); } -#demo-source a.source-open:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif); } -#demo-source a.source-open:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif); } - -#demo-source a.source-closed:link, -#demo-source a.source-closed:visited, -#demo-source a.source-closed:hover, -#demo-source a.source-closed:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif); } -#demo-source a.source-closed:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif); } -#demo-source a.source-closed:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif); } -#demo-source a.source-closed:active { background-image: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif); } - -div.demo { - padding:12px; - font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; - -moz-box-align:center; - width:70%; - margin-left: 10%; - margin-right:10%; - padding:12px; -} - -div.demo h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; } - -div.demo-description { - clear:both; - padding:12px; - font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; - font-size: 1.3em; - line-height: 1.4em; -} - -.ui-draggable, .ui-droppable { - background-position: top left; -} - -.left-nav .demos-nav { - padding-right: 10px; -} - -#demo-link { font-size:11px; padding-top: 6px; clear: both; overflow: hidden; } -#demo-link a span.ui-icon { float:left; margin-right:3px; } - -/ Component containers -/ Component containers -----------------------------------/ -----------------------------------/ -#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; } -#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; } -#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(../assets/default/../assets/default/../assets/default/images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(../assets/default/../assets/default/../assets/default/images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(../assets/default/../assets/default/../assets/default/images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(../assets/default/../assets/default/../assets/default/images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -#widget-docs .ui-widget-header a { color: #ffffff; } -#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; } -#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; } -#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; } -#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; } -#widget-docs .ui-widget-content a { color: #222222; } - -/ Interaction states -/ Interaction states -----------------------------------/ -----------------------------------/ -#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(../assets/default/../assets/default/../assets/default/images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(../assets/default/../assets/default/../assets/default/images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(../assets/default/../assets/default/../assets/default/images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(../assets/default/../assets/default/../assets/default/images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; } -#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(../assets/default/../assets/default/../assets/default/images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(../assets/default/../assets/default/../assets/default/images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(../assets/default/../assets/default/../assets/default/images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(../assets/default/../assets/default/../assets/default/images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } -#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; } -#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; } -#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; } -#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; } -#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(../assets/default/../assets/default/../assets/default/images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; } -#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; } - -/ Interaction Cues -/ Interaction Cues -----------------------------------/ -----------------------------------/ -#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../assets/default/../assets/default/../assets/default/images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; } -#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../assets/default/../assets/default/../assets/default/images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; } -#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../assets/default/../assets/default/../assets/default/images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; } -#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../assets/default/../assets/default/../assets/default/images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; } -#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../assets/default/../assets/default/../assets/default/images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; } -#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../assets/default/../assets/default/../assets/default/images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; } -#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../assets/default/../assets/default/../assets/default/images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; } -#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../assets/default/../assets/default/../assets/default/images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; } -#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; } -#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } -#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; } -#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } - -/ Icons -/ Icons -----------------------------------/ -----------------------------------/ - -/ states and images / -/ states and images / -/ states and images / -/ states and images / -#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-content .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-content .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-content .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-content .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-header .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-header .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-header .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-widget-header .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/222222_256x240_icons_icons.png); } -#widget-docs .ui-state-default .ui-icon { background-image: url(../assets/default/../assets/default/../assets/default/images/888888_256x240_icons_icons.png); } -#widget-docs .ui-state-default .ui-icon { background-image: url(../assets/default/../assets/default/../assets/default/images/888888_256x240_icons_icons.png); } -#widget-docs .ui-state-default .ui-icon { background-image: url(../assets/default/../assets/default/../assets/default/images/888888_256x240_icons_icons.png); } -#widget-docs .ui-state-default .ui-icon { background-image: url(../assets/default/../assets/default/../assets/default/images/888888_256x240_icons_icons.png); } -#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-active .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-active .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-active .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-active .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/454545_256x240_icons_icons.png); } -#widget-docs .ui-state-highlight .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/2e83ff_256x240_icons_icons.png); } -#widget-docs .ui-state-highlight .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/2e83ff_256x240_icons_icons.png); } -#widget-docs .ui-state-highlight .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/2e83ff_256x240_icons_icons.png); } -#widget-docs .ui-state-highlight .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/2e83ff_256x240_icons_icons.png); } -#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/cd0a0a_256x240_icons_icons.png); } -#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/cd0a0a_256x240_icons_icons.png); } -#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/cd0a0a_256x240_icons_icons.png); } -#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(../assets/default/../assets/default/../assets/default/images/cd0a0a_256x240_icons_icons.png); } - - -/ Misc visuals -/ Misc visuals -----------------------------------/ -----------------------------------/ - -/ Corner radius / -/ Corner radius / -/ Corner radius / -/ Corner radius / -#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } -#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } -#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } -#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } -#widget-docs .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; } -#widget-docs .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; } -#widget-docs .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; } -#widget-docs .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; } -#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } - -/ Overlays / -/ Overlays / -/ Overlays / -/ Overlays / -#widget-docs .ui-widget-overlay { background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } -#widget-docs .ui-widget-overlay { background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } -#widget-docs .ui-widget-overlay { background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } -#widget-docs .ui-widget-overlay { background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } -#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } -#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } -#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } -#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../assets/default/../assets/default/../assets/default/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } - -/ -/ -----------------------------------/ -----------------------------------/ - -#widget-docs { margin:20px 0 0; border: none; } - -#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; } -#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; } -#widget-docs code strong { color:#000; } -#widget-docs p { margin:0 3em 1.2em 0; } -#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; } -#widget-docs ul { list-style-type: none; } - -#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; } -#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; } -.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; } - -#docs-overview-main { width:400px; } -#docs-overview-sidebar { float:right; width:200px; } -#docs-overview-sidebar a span { color:#666; } -#widget-docs #docs-overview-main p { margin-right:0; } -#widget-docs #docs-overview-sidebar h4 { padding-left:0; } - -.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; } -#widget-docs .docs-list-header h2 { float:left; margin:0; } -#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; } - -.docs-list { float:left; width:100%; padding:0 0 10px; } -.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; } -#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; } -#widget-docs .param-header h3 { width:50%; } -#widget-docs .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; } -#widget-docs .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; } -#widget-docs .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; } -#widget-docs .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; } -#widget-docs .param-open .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif) no-repeat left; } -#widget-docs .param-open .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif) no-repeat left; } -#widget-docs .param-open .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif) no-repeat left; } -#widget-docs .param-open .param-header h3 span { background: url(../assets/default/../assets/default/../assets/default/images/demo-spindown-open.gif) no-repeat left; } -#widget-docs .param-header p { width:24%; } -#widget-docs .param-header p.param-type span { background: url(../assets/default/../assets/default/../assets/default/images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; } -#widget-docs .param-header p.param-type span { background: url(../assets/default/../assets/default/../assets/default/images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; } -#widget-docs .param-header p.param-type span { background: url(../assets/default/../assets/default/../assets/default/images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; } -#widget-docs .param-header p.param-type span { background: url(../assets/default/../assets/default/../assets/default/images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; } - -.param-details { padding-left:13px; } -.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;} -.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc; } - - -/ overrides for ui-tab styles / -/ overrides for ui-tab styles / -/ overrides for ui-tab styles / -/ overrides for ui-tab styles / -#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; } -#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; } - -#widget-docs .ui-tabs-nav li a:link, -#widget-docs .ui-tabs-nav li a:visited, -#widget-docs .ui-tabs-nav li a:hover, -#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; } - -#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link, -#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited, -#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover, -#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; } - -#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; } - -#widget-docs .ui-widget-content a:link, -#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; } -#widget-docs .ui-widget-content a:hover, -#widget-docs .ui-widget-content a:active { color:#0b559b; } - diff --git a/css/epaath_images/arrow_down_white.png b/css/images/arrow_down_white.png Binary files differindex e2b247a..e2b247a 100644 --- a/css/epaath_images/arrow_down_white.png +++ b/css/images/arrow_down_white.png diff --git a/css/epaath_images/arrow_down_white.svg b/css/images/arrow_down_white.svg index fb2cb26..fb2cb26 100644 --- a/css/epaath_images/arrow_down_white.svg +++ b/css/images/arrow_down_white.svg diff --git a/css/epaath_images/back_button_hover.png b/css/images/back_button_hover.png Binary files differindex 084f4ea..084f4ea 100755 --- a/css/epaath_images/back_button_hover.png +++ b/css/images/back_button_hover.png diff --git a/css/epaath_images/back_button_start.png b/css/images/back_button_start.png Binary files differindex 31ab319..31ab319 100755 --- a/css/epaath_images/back_button_start.png +++ b/css/images/back_button_start.png diff --git a/css/epaath_images/bg.png b/css/images/bg.png Binary files differindex 7483a94..7483a94 100755 --- a/css/epaath_images/bg.png +++ b/css/images/bg.png diff --git a/css/epaath_images/bg_footer.png b/css/images/bg_footer.png Binary files differindex 4bd44fa..4bd44fa 100755 --- a/css/epaath_images/bg_footer.png +++ b/css/images/bg_footer.png diff --git a/css/epaath_images/bg_header.png b/css/images/bg_header.png Binary files differindex f421817..f421817 100755 --- a/css/epaath_images/bg_header.png +++ b/css/images/bg_header.png diff --git a/css/epaath_images/bg_title_block.png b/css/images/bg_title_block.png Binary files differindex 7311891..7311891 100755 --- a/css/epaath_images/bg_title_block.png +++ b/css/images/bg_title_block.png diff --git a/css/epaath_images/btn_back.png b/css/images/btn_back.png Binary files differindex d9fbf14..d9fbf14 100755 --- a/css/epaath_images/btn_back.png +++ b/css/images/btn_back.png diff --git a/css/epaath_images/btn_back_hover.png b/css/images/btn_back_hover.png Binary files differindex 0911fcc..0911fcc 100755 --- a/css/epaath_images/btn_back_hover.png +++ b/css/images/btn_back_hover.png diff --git a/css/epaath_images/btn_help.png b/css/images/btn_help.png Binary files differindex 6753e9c..6753e9c 100755 --- a/css/epaath_images/btn_help.png +++ b/css/images/btn_help.png diff --git a/css/epaath_images/btn_help_hover.png b/css/images/btn_help_hover.png Binary files differindex d3ccd92..d3ccd92 100755 --- a/css/epaath_images/btn_help_hover.png +++ b/css/images/btn_help_hover.png diff --git a/css/epaath_images/btn_minus.png b/css/images/btn_minus.png Binary files differindex 9a7320d..9a7320d 100755 --- a/css/epaath_images/btn_minus.png +++ b/css/images/btn_minus.png diff --git a/css/epaath_images/btn_minus25x25.png b/css/images/btn_minus25x25.png Binary files differindex 7ffcc91..7ffcc91 100644 --- a/css/epaath_images/btn_minus25x25.png +++ b/css/images/btn_minus25x25.png diff --git a/css/epaath_images/btn_minus_hover.png b/css/images/btn_minus_hover.png Binary files differindex f8203b4..f8203b4 100755 --- a/css/epaath_images/btn_minus_hover.png +++ b/css/images/btn_minus_hover.png diff --git a/css/epaath_images/btn_ole.png b/css/images/btn_ole.png Binary files differindex 0e775e9..0e775e9 100755 --- a/css/epaath_images/btn_ole.png +++ b/css/images/btn_ole.png diff --git a/css/epaath_images/btn_ole_hover.png b/css/images/btn_ole_hover.png Binary files differindex c43c5f7..c43c5f7 100755 --- a/css/epaath_images/btn_ole_hover.png +++ b/css/images/btn_ole_hover.png diff --git a/css/epaath_images/btn_plus.png b/css/images/btn_plus.png Binary files differindex 4600d5d..4600d5d 100755 --- a/css/epaath_images/btn_plus.png +++ b/css/images/btn_plus.png diff --git a/css/epaath_images/btn_plus25x25.png b/css/images/btn_plus25x25.png Binary files differindex 7e4d381..7e4d381 100644 --- a/css/epaath_images/btn_plus25x25.png +++ b/css/images/btn_plus25x25.png diff --git a/css/epaath_images/btn_plus_hover.png b/css/images/btn_plus_hover.png Binary files differindex e08e45a..e08e45a 100755 --- a/css/epaath_images/btn_plus_hover.png +++ b/css/images/btn_plus_hover.png diff --git a/css/epaath_images/correct.png b/css/images/correct.png Binary files differindex f2dbc5a..f2dbc5a 100755 --- a/css/epaath_images/correct.png +++ b/css/images/correct.png diff --git a/css/epaath_images/correct200x178.png b/css/images/correct200x178.png Binary files differindex a203da6..a203da6 100755 --- a/css/epaath_images/correct200x178.png +++ b/css/images/correct200x178.png diff --git a/css/epaath_images/correct200x190.png b/css/images/correct200x190.png Binary files differindex 907cf79..907cf79 100755 --- a/css/epaath_images/correct200x190.png +++ b/css/images/correct200x190.png diff --git a/css/theme/images/epaath_bg_footer.png b/css/images/epaath_bg_footer.png Binary files differindex 4bd44fa..4bd44fa 100755 --- a/css/theme/images/epaath_bg_footer.png +++ b/css/images/epaath_bg_footer.png diff --git a/css/theme/images/epaath_bg_header.png b/css/images/epaath_bg_header.png Binary files differindex f421817..f421817 100755 --- a/css/theme/images/epaath_bg_header.png +++ b/css/images/epaath_bg_header.png diff --git a/css/epaath_images/happy-face.png b/css/images/happy-face.png Binary files differindex 0bd21e7..0bd21e7 100755 --- a/css/epaath_images/happy-face.png +++ b/css/images/happy-face.png diff --git a/css/epaath_images/incorrect.png b/css/images/incorrect.png Binary files differindex edfe9c5..edfe9c5 100755 --- a/css/epaath_images/incorrect.png +++ b/css/images/incorrect.png diff --git a/css/epaath_images/incorrect200x178.png b/css/images/incorrect200x178.png Binary files differindex f988c6a..f988c6a 100755 --- a/css/epaath_images/incorrect200x178.png +++ b/css/images/incorrect200x178.png diff --git a/css/epaath_images/incorrect200x190.png b/css/images/incorrect200x190.png Binary files differindex 9eb58e8..9eb58e8 100755 --- a/css/epaath_images/incorrect200x190.png +++ b/css/images/incorrect200x190.png diff --git a/css/epaath_images/ole_logo.png b/css/images/ole_logo.png Binary files differindex 0b409ac..0b409ac 100755 --- a/css/epaath_images/ole_logo.png +++ b/css/images/ole_logo.png diff --git a/css/epaath_images/sad-face.png b/css/images/sad-face.png Binary files differindex 1523519..1523519 100644 --- a/css/epaath_images/sad-face.png +++ b/css/images/sad-face.png diff --git a/css/epaath_images/start_page.png b/css/images/start_page.png Binary files differindex 08c0e2f..08c0e2f 100755 --- a/css/epaath_images/start_page.png +++ b/css/images/start_page.png diff --git a/css/epaath_images/title_block_lt.png b/css/images/title_block_lt.png Binary files differindex b1c0e90..b1c0e90 100755 --- a/css/epaath_images/title_block_lt.png +++ b/css/images/title_block_lt.png diff --git a/css/epaath_images/title_block_rt.png b/css/images/title_block_rt.png Binary files differindex 275daaf..275daaf 100755 --- a/css/epaath_images/title_block_rt.png +++ b/css/images/title_block_rt.png diff --git a/css/kDoc.css b/css/kDoc.css index bdd3e65..c285574 100755 --- a/css/kDoc.css +++ b/css/kDoc.css @@ -12,11 +12,11 @@ } .zoom.zoom-in { - background-image: url(epaath_images/btn_plus25x25.png); + background-image: url(images/btn_plus25x25.png); } .zoom.zoom-out { - background-image: url(epaath_images/btn_minus25x25.png); + background-image: url(images/btn_minus25x25.png); } diff --git a/css/kDoc.css~ b/css/kDoc.css~ deleted file mode 100755 index 00b6087..0000000 --- a/css/kDoc.css~ +++ /dev/null @@ -1,5 +0,0 @@ -#kDoc{ - width: 1200px; - height: 900px; - top: 0px; -}
\ No newline at end of file diff --git a/css/kLaunch.css~ b/css/kLaunch.css~ deleted file mode 100755 index 3be21b2..0000000 --- a/css/kLaunch.css~ +++ /dev/null @@ -1 +0,0 @@ -#kLaunch
\ No newline at end of file diff --git a/css/kStart.css b/css/kStart.css index b5c07aa..d79eac2 100755 --- a/css/kStart.css +++ b/css/kStart.css @@ -1,7 +1,7 @@ #kStart { width: 1200px; height: 884px; - background-image: url(./epaath_images/bg.png); + background-image: url(./images/bg.png); -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; margin: 0px; @@ -23,7 +23,7 @@ } #backBtn{ - background-image: url(epaath_images/back_button_start.png); + background-image: url(images/back_button_start.png); position: absolute; width: 60px; height: 60px; @@ -33,7 +33,7 @@ } #backBtn:hover{ - background-image: url(epaath_images/back_button_hover.png); + background-image: url(images/back_button_hover.png); } #topMiddle{ @@ -153,11 +153,8 @@ color: white; width: 320px; height: 60px; float: none; - background-image: url(epaath_images/ole_logo.png); + background-image: url(images/ole_logo.png); background-repeat: no-repeat; - /* text-align:center;*/ - /* -webkit-background-size: 100% 100%; - -moz-background-size:100% 100%;*/ margin-left:auto; margin-right:auto; margin-top: 0.8em; diff --git a/css/ui.dialog.css~ b/css/ui.dialog.css~ deleted file mode 100755 index 2997595..0000000 --- a/css/ui.dialog.css~ +++ /dev/null @@ -1,13 +0,0 @@ -/* 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 index c1b5420..7eed05f 100755 --- a/css/ui.feedback.css +++ b/css/ui.feedback.css @@ -7,12 +7,12 @@ .ui-feedback .ui-feedback-correct{ display:none; - background-image: url(./epaath_images/correct200x190.png); + background-image: url(./images/correct200x190.png); } .ui-feedback .ui-feedback-incorrect{ display:none; - background-image: url(./epaath_images/incorrect200x190.png); + background-image: url(./images/incorrect200x190.png); } @@ -28,7 +28,7 @@ .ui-feedback .ui-feedback-over .ui-feedback-win{ width: 184px; height: 222px; - background-image: url(./epaath_images/happy-face.png); + background-image: url(./images/happy-face.png); overflow: visible; } @@ -36,7 +36,7 @@ .ui-feedback .ui-feedback-over .ui-feedback-lose{ width: 184px; height: 222px; - background-image: url(./epaath_images/sad-face.png); + background-image: url(./images/sad-face.png); overflow: visible; } diff --git a/css/ui.feedback.css~ b/css/ui.feedback.css~ deleted file mode 100755 index 73a5680..0000000 --- a/css/ui.feedback.css~ +++ /dev/null @@ -1,6 +0,0 @@ -.ui-feedback div:first{ - -} -.ui-feedback div:last{ - -}
\ No newline at end of file diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css index 09a7a9f..5a0944b 100755 --- a/css/ui.kFooter.css +++ b/css/ui.kFooter.css @@ -1,5 +1,5 @@ .ui-kFooter{ - background-image: url('./epaath_images/bg_footer.png'); + background-image: url('./images/bg_footer.png'); background-repeat: repeat; height: 70px; width: 100%; diff --git a/css/ui.kFooter.css~ b/css/ui.kFooter.css~ deleted file mode 100755 index 75f8fe0..0000000 --- a/css/ui.kFooter.css~ +++ /dev/null @@ -1,73 +0,0 @@ -.ui-scoreboard-container-h{ -max-width: 500em; -max-height: 200px; -float:left; -padding-top:0.2em; -padding-bottom:0.2em; -} - -#uiScoreboard .ui-scoreboard-spacing-h{ -display:inline; -} - -#uiScoreboard .ui-scoreboard-text span{ -/*font-size:larger;*/ -text-align: center; -font-size:larger; -float:left; -margin-top: 0.3em; -margin-left: 0.2em; -margin-right: 0.2em; -} - -#uiScoreboard .ui-scoreboard-number-h span { -background-color:black; -color: white; -padding-left:0.4em; -padding-right:0.4em; -} - -#uiScoreboard .ui-scoreboard-button{ -float:right; -cursor:pointer; -color: #FFFF00; -} - -#uiScoreboard button{ -float:left; -margin-left: 0.2em; -margin-right: 0.2em; -} - -#uiScoreboard button .ui-scoreboard-icon{ -float: left; -} - -#uiScoreboard button span.centered { -float: left; -padding-top: 0.4em; -} - -.ui-scoreboard-container-v{ -max-width: 200px; -max-height: 400px; -float:left; -padding-top:0.4em; -padding-bottom:0.4em; -} -#uiScoreboard .ui-scoreboard-spacing-v{ -display:block; -margin: 0.4em; -} - -#uiScoreboard .ui-scoreboard-number-v{ -background-color:black; -color: white; -width: 1em; -text-align:center; -margin-left:auto; -margin-right: auto; -padding:0.4em; -} - - diff --git a/css/ui.kHeader.css b/css/ui.kHeader.css index 3840f3a..4b4bb99 100755 --- a/css/ui.kHeader.css +++ b/css/ui.kHeader.css @@ -1,5 +1,5 @@ #kHeader{ - background-image: url('./epaath_images/bg_header.png'); + background-image: url('./images/bg_header.png'); background-repeat: repeat-x; height: 70px; width: 100%; @@ -39,11 +39,11 @@ } #kHeader .kHeader-back{ - background-image:url(./epaath_images/btn_back.png); + background-image:url(./images/btn_back.png); } #kHeader .kHeader-back:hover{ - background:url('./epaath_images/btn_back_hover.png'); + background:url('./images/btn_back_hover.png'); } #kHeader .kHeader-title { @@ -61,7 +61,7 @@ } #kHeader .kHeader-title .kHeader-kDoc{ - background-image: url(epaath_images/arrow_down_white.png); + background-image: url(images/arrow_down_white.png); background-repeat: no-repeat; width: 22px; height: 22px; @@ -95,11 +95,11 @@ } #kHeader .kHeader-zoomIn{ - background-image: url(epaath_images/btn_plus.png); + background-image: url(images/btn_plus.png); } #kHeader .kHeader-zoomOut{ - background-image: url(epaath_images/btn_minus.png); + background-image: url(images/btn_minus.png); } #kHeader .kHeader-zoomIn:hover{ @@ -118,30 +118,20 @@ margin-left:-6px; } - /* - #kHeader .kHeader-zoomIn:hover{ - background-image: url(epaath_images/btn_plus_hover.png); - } - - #kHeader .kHeader-zoomOut:hover{ - background-image: url(epaath_images/btn_minus_hover.png); - } - */ - #kHeader .kHeader-brand{ - background-image:url(./epaath_images/btn_ole.png); + background-image:url(./images/btn_ole.png); } #kHeader .kHeader-brand:hover{ - background-image:url(./epaath_images/btn_ole_hover.png); + background-image:url(./images/btn_ole_hover.png); } #kHeader .kHeader-help{ - background-image:url(./epaath_images/btn_help.png); + background-image:url(./images/btn_help.png); } #kHeader .kHeader-help:hover{ - background-image:url(./epaath_images/btn_help_hover.png); + background-image:url(./images/btn_help_hover.png); } /* Styles for Help Text */ @@ -168,25 +158,3 @@ display:inline; } - /* - #kHeader .kHeader-preload-img.kHeader-preload-zoom-out{ - background-image:url('./epaath_images/btn_back_hover.png'); - } - - #kHeader .kHeader-preload-img.kHeader-preload-zoom-out{ - background-image: url(epaath_images/btn_plus_hover.png); - } - - #kHeader .kHeader-preload-img.kHeader-preload-zoom-out{ - background-image: url(epaath_images/btn_minus_hover.png); - } - - #kHeader .kHeader-preload-img.kHeader-preload-ole{ - background-image:url(./epaath_images/btn_ole_hover.png); - } - - #kHeader .kHeader-preload-img.kHeader-preload-help{ - background-image:url(./epaath_images/btn_help_hover.png); - } - -*/
\ No newline at end of file diff --git a/css/ui.kHeader.css~ b/css/ui.kHeader.css~ deleted file mode 100755 index 3cfe1ff..0000000 --- a/css/ui.kHeader.css~ +++ /dev/null @@ -1,80 +0,0 @@ -#kHeader{ - background-image: url('./epaath_images/bg_header.png'); - height: 75px; - width: 100%; - float: left; - background-repeat: none; - -moz-background-size: 100% 100%; - -webkit-background-size: 100% 100%; - -} - - #kHeader .left{ - float: left; - } - - #kHeader .right{ - float: right; - } - - #kHeader>div{ - display:inline; - margin-left: 0.2em; - margin-right:0.2em - } - - #kHeader .kHeaderBtn{ - width: 60px; - height: 60px; - margin-top: 7px; - cursor:pointer; - } - - #kHeaderBackBtn div{ - background-image:url(./epaath_images/btn_back.png); - } - - #kHeaderBackBtn div:hover{ - background:url('./epaath_images/btn_back_hover.png'); - } - - #kHeaderBackBtn div{ - background-image:url(./epaath_images/btn_back.png); - } - - #kHeaderBackBtn div:hover{ - background:url('./epaath_images/btn_back_hover.png'); - } - - #kHeaderHelpBtn div{ - background-image:url(./epaath_images/btn_help.png); - } - - #kHeaderHelpBtn div:hover{ - background:url(./epaath_images/btn_help_hover.png); - } - - #kHeaderOleBtn div{ - background-image:url(./epaath_images/btn_ole.png); - } - - #kHeaderOleBtn div:hover{ - background:url(./epaath_images/btn_ole_hover.png); - } - - -#kHeaderLessonTitle { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: larger; - font-weight: bold; - color: #FFFFFF; - margin-left: 2em; - margin-top: 18px; - border:0.2em solid black; - padding-left:0.5em; - padding-right:0.5em; - padding-top: 0.2em; - padding-bottom: 0.2em; - -moz-border-radius:1.3em; - -webkit-border-radius: 1.3em; -}
\ No newline at end of file diff --git a/docs/files.html b/docs/files.html index 129df95..1cedab8 100755 --- a/docs/files.html +++ b/docs/files.html @@ -192,6 +192,10 @@ ul.inheritsList <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> @@ -215,9 +219,25 @@ ul.inheritsList <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 scoreboard widget +a footer widget <dl> <dt class="heading">Author:</dt> @@ -249,13 +269,14 @@ a scoreboard widget <hr /> <div> - <h2><a href="symbols/src/js_karma.js.html">karma.js</a></h2> + <h2><a href="symbols/src/js_ui.kHeader.js.html">ui.kHeader.js</a></h2> -Contains karma library +a Header widget <dl> <dt class="heading">Author:</dt> - <dd>Bryan Berry <bryan@olenepal.org>, Felipe Lopez Toledo <zer.subzero@gmail.com></dd> + <dd>Bryan Berry <bryan@olenepal.org> + uses MIT License</dd> @@ -268,7 +289,7 @@ Contains karma library </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 Mon Feb 01 2010 11:23:22 GMT+0545 (NPT) + 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 index 4d97bff..667032a 100755 --- a/docs/index.html +++ b/docs/index.html @@ -192,6 +192,10 @@ ul.inheritsList <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> @@ -228,7 +232,7 @@ ul.inheritsList <div> <h2><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></h2> - KFooter widget + kFooter widget </div> <hr /> @@ -239,6 +243,18 @@ ul.inheritsList <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> @@ -289,7 +305,7 @@ to Karma in the Karma() method </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 Mon Feb 01 2010 11:23:22 GMT+0545 (NPT) + 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/symbols/$.ui.feedback.defaults.html b/docs/symbols/$.ui.feedback.defaults.html index b936f9d..7b16106 100755 --- a/docs/symbols/$.ui.feedback.defaults.html +++ b/docs/symbols/$.ui.feedback.defaults.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -271,7 +275,7 @@ ul.inheritsList <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></dd> + <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> @@ -324,7 +328,7 @@ ul.inheritsList <!-- ============================== 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 Feb 01 2010 11:23:18 GMT+0545 (NPT) + 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 index 5055fa4..9a9222d 100755 --- a/docs/symbols/$.ui.feedback.html +++ b/docs/symbols/$.ui.feedback.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -310,6 +314,24 @@ ul.inheritsList </td> </tr> + <tr> + <td class="attributes"> </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"> </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> @@ -433,6 +455,56 @@ ul.inheritsList + <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> + + + + + + + + + + + @@ -447,7 +519,7 @@ ul.inheritsList <!-- ============================== 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 Feb 01 2010 11:23:18 GMT+0545 (NPT) + 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.kFooter.defaults.html b/docs/symbols/$.ui.kFooter.defaults.html index 6e18264..21e50bc 100755 --- a/docs/symbols/$.ui.kFooter.defaults.html +++ b/docs/symbols/$.ui.kFooter.defaults.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -319,6 +323,16 @@ ul.inheritsList <td class="attributes"><static> </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"><static> </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> @@ -329,6 +343,16 @@ ul.inheritsList <td class="attributes"><static> </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"><static> </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> @@ -363,7 +387,7 @@ ul.inheritsList <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></dd> + <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> @@ -522,6 +546,35 @@ ul.inheritsList <hr /> + <a name=".scoreboard"> </a> + <div class="fixedFont"><static> + + <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"><static> @@ -551,6 +604,35 @@ ul.inheritsList <hr /> + <a name=".timer"> </a> + <div class="fixedFont"><static> + + <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"><static> @@ -624,7 +706,7 @@ ul.inheritsList <!-- ============================== 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 Feb 01 2010 11:23:18 GMT+0545 (NPT) + 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 index 1916957..a419e20 100755 --- a/docs/symbols/$.ui.kFooter.html +++ b/docs/symbols/$.ui.kFooter.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -228,7 +232,7 @@ ul.inheritsList - KFooter widget + kFooter widget <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a>. @@ -372,6 +376,24 @@ the "kFooterRestart" event</div> </td> </tr> + <tr> + <td class="attributes"> </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"> </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> @@ -757,6 +779,73 @@ the "kFooterRestart" event + <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> + + + + + + + + + + + @@ -771,7 +860,7 @@ the "kFooterRestart" event <!-- ============================== 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 Feb 01 2010 11:23:18 GMT+0545 (NPT) + 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"> </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"><static> </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"><static> </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"><static> </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"><static> </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"><static> </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"><static> + + <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"><static> + + <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"><static> + + <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"><static> + + <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"><static> + + <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"> </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"> </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/Karma.html b/docs/symbols/Karma.html index 6fbdcff..5db7dd2 100755 --- a/docs/symbols/Karma.html +++ b/docs/symbols/Karma.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -1495,7 +1499,7 @@ Karma({ options }) function</dd> <!-- ============================== 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 Feb 01 2010 11:23:18 GMT+0545 (NPT) + 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 index f97b915..3d1c339 100755 --- a/docs/symbols/Karma.kAudio.html +++ b/docs/symbols/Karma.kAudio.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -499,7 +503,7 @@ via the media property of kAudio. Read more about the properties of the <a href= <!-- ============================== 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 Feb 01 2010 11:23:19 GMT+0545 (NPT) + 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 index 4aeff7d..cfc4492 100755 --- a/docs/symbols/Karma.kCanvas.html +++ b/docs/symbols/Karma.kCanvas.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -3399,7 +3403,7 @@ alphabetic, ideographic, or bottom, then the value must be changed to the new va <!-- ============================== 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 Feb 01 2010 11:23:22 GMT+0545 (NPT) + 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 index 050feef..42139c3 100755 --- a/docs/symbols/Karma.kImage.html +++ b/docs/symbols/Karma.kImage.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -436,7 +440,7 @@ ul.inheritsList <!-- ============================== 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 Feb 01 2010 11:23:22 GMT+0545 (NPT) + 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 index aa1dca3..05ab90c 100755 --- a/docs/symbols/Karma.kSvg.html +++ b/docs/symbols/Karma.kSvg.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -721,7 +725,7 @@ $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre <!-- ============================== 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 Feb 01 2010 11:23:22 GMT+0545 (NPT) + 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 index 805874c..75816f5 100755 --- a/docs/symbols/Karma.kVideo.html +++ b/docs/symbols/Karma.kVideo.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -431,7 +435,7 @@ to Karma in the Karma() method <!-- ============================== 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 Feb 01 2010 11:23:22 GMT+0545 (NPT) + 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/_global_.html b/docs/symbols/_global_.html index 67e322c..dbff599 100755 --- a/docs/symbols/_global_.html +++ b/docs/symbols/_global_.html @@ -197,6 +197,10 @@ ul.inheritsList <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> @@ -263,7 +267,7 @@ ul.inheritsList <!-- ============================== 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 Feb 01 2010 11:23:18 GMT+0545 (NPT) + 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/src/js_karma.js.html b/docs/symbols/src/js_karma.js.html index 1e4d80d..44a432b 100755 --- a/docs/symbols/src/js_karma.js.html +++ b/docs/symbols/src/js_karma.js.html @@ -273,7 +273,7 @@ <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">884</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'>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"> @@ -282,1462 +282,1485 @@ <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="WHIT"> </span><span class="COMM">// Below are geometry and math helper methods</span><span class="WHIT"> -<span class='line'>279</span> </span><span class="WHIT"> -<span class='line'>280</span> </span><span class="COMM">/** -<span class='line'>281</span> * Converts a value from degrees to radians. -<span class='line'>282</span> * @param {Number} angle The angle in degrees -<span class='line'>283</span> * @returns {Number} The angle in radians -<span class='line'>284</span> */</span><span class="WHIT"> -<span class='line'>285</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'>286</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'>287</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>288</span> -<span class='line'>289</span> </span><span class="COMM">/** -<span class='line'>290</span> * Gets the square of the Euclidian (ordinary) distance between 2 points. -<span class='line'>291</span> * @param {Object} Point No. 0 -<span class='line'>292</span> * @param {Number} Point0.x -<span class='line'>293</span> * @param {Number} Point0.y -<span class='line'>294</span> * @param {Object} Point No. 1 -<span class='line'>295</span> * @param {Number} Point1.x -<span class='line'>296</span> * @param {Number} Point1.y -<span class='line'>297</span> * @returns {Number} The square of the Euclidian distance -<span class='line'>298</span> * @example -<span class='line'>299</span> * -<span class='line'>300</span> * p0 = {x:0, y:1}; -<span class='line'>301</span> * p1 = {x:50, y:70}; -<span class='line'>302</span> * var d = distance2(p0, p1); -<span class='line'>303</span> * -<span class='line'>304</span> */</span><span class="WHIT"> -<span class='line'>305</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'>306</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'>307</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>308</span> -<span class='line'>309</span> </span><span class="COMM">/** -<span class='line'>310</span> * Gets the Euclidian (ordinary) distance between 2 points.<br> -<span class='line'>311</span> * <b>Warning:</b> It's slower than distance2 function -<span class='line'>312</span> * @param {Object} Point No. 0 -<span class='line'>313</span> * @param {Number} Point0.x -<span class='line'>314</span> * @param {Number} Point0.y -<span class='line'>315</span> * @param {Object} Point No. 1 -<span class='line'>316</span> * @param {Number} Point1.x -<span class='line'>317</span> * @param {Number} Point1.y -<span class='line'>318</span> * @returns {Number} The Euclidian distance -<span class='line'>319</span> * @example -<span class='line'>320</span> * -<span class='line'>321</span> * p0 = {x:0, y:1}; -<span class='line'>322</span> * p1 = {x:50, y:70}; -<span class='line'>323</span> * var d = distance2(p0, p1); -<span class='line'>324</span> * -<span class='line'>325</span> */</span><span class="WHIT"> -<span class='line'>326</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'>327</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'>328</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>329</span> -<span class='line'>330</span> </span><span class="COMM">/** Returns a random number within the range provided -<span class='line'>331</span> * @param {Number} lower limit of the range, lowest number that can be returned -<span class='line'>332</span> * @param {Number} upper limit of the range, highest number that can be returned -<span class='line'>333</span> * @returns {Number} number that is >= lower and <= upper -<span class='line'>334</span> * @example -<span class='line'>335</span> * -<span class='line'>336</span> * var num = rand(0, 10); -<span class='line'>337</span> * -<span class='line'>338</span> * //num could be 0, 1, 2, 3 ... or 10 -<span class='line'>339</span> * -<span class='line'>340</span> */</span><span class="WHIT"> -<span class='line'>341</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'>342</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'>343</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>344</span> -<span class='line'>345</span> -<span class='line'>346</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'>347</span> </span><span class="COMM">/** This is the global locale as passed to Karma(), -<span class='line'>348</span> * such as "en", "es_SP" -<span class='line'>349</span> * @fieldOf Karma -<span class='line'>350</span> * @property {string} locale This is the global locale as passed to Karma() -<span class='line'>351</span> * @default 'en' -<span class='line'>352</span> */</span><span class="WHIT"> -<span class='line'>353</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'>354</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of images with special helper -<span class='line'>355</span> * methods added to each reference -<span class='line'>356</span> * @fieldOf Karma -<span class='line'>357</span> * @type object -<span class='line'>358</span> * @default empty object -<span class='line'>359</span> */</span><span class="WHIT"> -<span class='line'>360</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'>361</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of audio files with special helper -<span class='line'>362</span> * methods added to each reference -<span class='line'>363</span> * @fieldOf Karma -<span class='line'>364</span> * @type object -<span class='line'>365</span> * @default empty object -<span class='line'>366</span> */</span><span class="WHIT"> -<span class='line'>367</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'>368</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of html 5 canvases with special helper -<span class='line'>369</span> * methods added to each reference -<span class='line'>370</span> * @fieldOf Karma -<span class='line'>371</span> * @type object -<span class='line'>372</span> * @default empty object -<span class='line'>373</span> */</span><span class="WHIT"> -<span class='line'>374</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'>375</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of svgs with special helper -<span class='line'>376</span> * methods added to each reference -<span class='line'>377</span> * @fieldOf Karma -<span class='line'>378</span> * @type object -<span class='line'>379</span> * @default empty object -<span class='line'>380</span> */</span><span class="WHIT"> -<span class='line'>381</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'>382</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of videos with special helper -<span class='line'>383</span> * methods added to each reference -<span class='line'>384</span> * @fieldOf Karma -<span class='line'>385</span> * @type object -<span class='line'>386</span> * @default empty object -<span class='line'>387</span> */</span><span class="WHIT"> -<span class='line'>388</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'>389</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'>390</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'>391</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'>392</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'>393</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'>394</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'>395</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'>396</span> -<span class='line'>397</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'>398</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'>399</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'>400</span> </span><span class="WHIT"> -<span class='line'>401</span> </span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT"> -<span class='line'>402</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'>403</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'>404</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'>405</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'>406</span> -<span class='line'>407</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'>408</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'>409</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'>410</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'>411</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'>412</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'>413</span> -<span class='line'>414</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'>415</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'>416</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'>417</span> -<span class='line'>418</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'>419</span> </span><span class="WHIT"> </span><span class="COMM">// the karma object</span><span class="WHIT"> -<span class='line'>420</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'>421</span> </span><span class="WHIT"> -<span class='line'>422</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'>423</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'>424</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'>425</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'>426</span> -<span class='line'>427</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'>428</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'>429</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'>430</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>431</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>432</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'>433</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'>434</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>435</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>436</span> </span><span class="WHIT"> -<span class='line'>437</span> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>438</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"locale"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>439</span> -<span class='line'>440</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._isValidLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>441</span> </span><span class="WHIT"> </span><span class="NAME">this.locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._normalizeLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>442</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>443</span> </span><span class="WHIT"> </span><span class="NAME">this._localePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._computeLocalePath</span><span class="PUNC">(</span><span class="NAME">this.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>444</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'>445</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"locale provided to karma._init() is invalid"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>446</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>447</span> </span><span class="WHIT"> -<span class='line'>448</span> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>449</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>450</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>451</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>452</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>453</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>454</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>455</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>456</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>457</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>458</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>459</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>460</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>461</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>462</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>463</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>464</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>465</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>466</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>467</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>468</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>469</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>470</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>471</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>472</span> -<span class='line'>473</span> -<span class='line'>474</span> -<span class='line'>475</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>476</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>477</span> </span><span class="WHIT"> -<span class='line'>478</span> </span><span class="COMM">/** Waits until all assets loaded(ready), then calls callback cb -<span class='line'>479</span> * @memberOf Karma -<span class='line'>480</span> * @param {Function} [cb] callback function -<span class='line'>481</span> * @returns this -<span class='line'>482</span> * @throws {Error} if Karma is not initialized with the -<span class='line'>483</span> * Karma({ options }) function -<span class='line'>484</span> * @example -<span class='line'>485</span> * -<span class='line'>486</span> * var k = Karma({ . . . your assets here . . . }); -<span class='line'>487</span> * k.ready(function(){ .. your code here . . .}); -<span class='line'>488</span> * -<span class='line'>489</span> * your code will not be called until all assets have been loaded -<span class='line'>490</span> * into collections -<span class='line'>491</span> * -<span class='line'>492</span> */</span><span class="WHIT"> -<span class='line'>493</span> </span><span class="WHIT"> </span><span class="NAME">ready</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">cb</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>494</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>495</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma._initialized</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>496</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Karma not initialized"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>497</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>498</span> -<span class='line'>499</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._counters.loaded</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>500</span> </span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">that.ready</span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>501</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>502</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> -<span class='line'>503</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>504</span> -<span class='line'>505</span> </span><span class="WHIT"> </span><span class="NAME">cb</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>506</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>507</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> -<span class='line'>508</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>509</span> </span><span class="WHIT"> -<span class='line'>510</span> </span><span class="COMM">//if no options passed, show it works message</span><span class="WHIT"> -<span class='line'>511</span> </span><span class="WHIT"> </span><span class="NAME">this._showStarterMessage</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>512</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>513</span> </span><span class="WHIT"> -<span class='line'>514</span> -<span class='line'>515</span> -<span class='line'>516</span> -<span class='line'>517</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>518</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>519</span> -<span class='line'>520</span> </span><span class="WHIT"> </span><span class="COMM">//Display Apache-like "It works" message if no options</span><span class="WHIT"> -<span class='line'>521</span> </span><span class="WHIT"> </span><span class="NAME">_showStarterMessage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>522</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">starterMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>523</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'starterMsg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>524</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"<h1>It Works</h1>"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>525</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">starterMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>526</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<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"><</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.<br> +<span class='line'>334</span> * <b>Warning:</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 <= upper +<span class='line'>357</span> * @example +<span class='line'>358</span> * +<span class='line'>359</span> * var num = rand(0, 10); +<span class='line'>360</span> * +<span class='line'>361</span> * //num could be 0, 1, 2, 3 ... or 10 +<span class='line'>362</span> * +<span class='line'>363</span> */</span><span class="WHIT"> +<span class='line'>364</span> </span><span class="NAME">Karma.rand</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>365</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.floor</span><span class="PUNC">(</span><span class="NAME">Math.random</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>366</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>367</span> +<span class='line'>368</span> +<span class='line'>369</span> </span><span class="NAME">Karma.extend</span><span class="PUNC">(</span><span class="NAME">Karma</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>370</span> </span><span class="COMM">/** This is the global locale as passed to Karma(), +<span class='line'>371</span> * such as "en", "es_SP" +<span class='line'>372</span> * @fieldOf Karma +<span class='line'>373</span> * @property {string} locale This is the global locale as passed to Karma() +<span class='line'>374</span> * @default 'en' +<span class='line'>375</span> */</span><span class="WHIT"> +<span class='line'>376</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'en'</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>377</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of images with special helper +<span class='line'>378</span> * methods added to each reference +<span class='line'>379</span> * @fieldOf Karma +<span class='line'>380</span> * @type object +<span class='line'>381</span> * @default empty object +<span class='line'>382</span> */</span><span class="WHIT"> +<span class='line'>383</span> </span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>384</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of audio files with special helper +<span class='line'>385</span> * methods added to each reference +<span class='line'>386</span> * @fieldOf Karma +<span class='line'>387</span> * @type object +<span class='line'>388</span> * @default empty object +<span class='line'>389</span> */</span><span class="WHIT"> +<span class='line'>390</span> </span><span class="WHIT"> </span><span class="NAME">audio</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>391</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of html 5 canvases with special helper +<span class='line'>392</span> * methods added to each reference +<span class='line'>393</span> * @fieldOf Karma +<span class='line'>394</span> * @type object +<span class='line'>395</span> * @default empty object +<span class='line'>396</span> */</span><span class="WHIT"> +<span class='line'>397</span> </span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>398</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of svgs with special helper +<span class='line'>399</span> * methods added to each reference +<span class='line'>400</span> * @fieldOf Karma +<span class='line'>401</span> * @type object +<span class='line'>402</span> * @default empty object +<span class='line'>403</span> */</span><span class="WHIT"> +<span class='line'>404</span> </span><span class="WHIT"> </span><span class="NAME">svg</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>405</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of videos with special helper +<span class='line'>406</span> * methods added to each reference +<span class='line'>407</span> * @fieldOf Karma +<span class='line'>408</span> * @type object +<span class='line'>409</span> * @default empty object +<span class='line'>410</span> */</span><span class="WHIT"> +<span class='line'>411</span> </span><span class="WHIT"> </span><span class="NAME">video</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>412</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>413</span> </span><span class="WHIT"> </span><span class="NAME">_assetPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"assets/"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>414</span> </span><span class="WHIT"> </span><span class="NAME">_localePath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>415</span> </span><span class="WHIT"> </span><span class="NAME">_initialized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>416</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>417</span> </span><span class="WHIT"> </span><span class="NAME">_loaderDiv</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>418</span> </span><span class="WHIT"> </span><span class="NAME">_counters</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>419</span> +<span class='line'>420</span> </span><span class="WHIT"> </span><span class="COMM">//This constructs the Karma object per values provided by the user</span><span class="WHIT"> +<span class='line'>421</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>422</span> </span><span class="WHIT"> </span><span class="NAME">this._initialized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>423</span> </span><span class="WHIT"> +<span class='line'>424</span> </span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT"> +<span class='line'>425</span> </span><span class="WHIT"> </span><span class="COMM">//and has an ordered list to append error messages to</span><span class="WHIT"> +<span class='line'>426</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>427</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>428</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'ol'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>429</span> +<span class='line'>430</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>431</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'position:absolute;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>432</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'Karma is loading ...'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>433</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-loader'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>434</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'class'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>435</span> </span><span class="WHIT"> </span><span class="NAME">errorList.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>436</span> +<span class='line'>437</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">this._loaderDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>438</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">errorList</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>439</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">_statusDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>440</span> +<span class='line'>441</span> </span><span class="WHIT"> </span><span class="COMM">//regular expression that matches the name of aprivate property</span><span class="WHIT"> +<span class='line'>442</span> </span><span class="WHIT"> </span><span class="COMM">// the karma object</span><span class="WHIT"> +<span class='line'>443</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regexPrivate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^_.*'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>444</span> </span><span class="WHIT"> +<span class='line'>445</span> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>446</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>447</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> +<span class='line'>448</span> </span><span class="STRN">"svg"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>449</span> +<span class='line'>450</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="KEYW">instanceof</span><span class="WHIT"> </span><span class="NAME">Array</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>451</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" must be an array"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>452</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">length</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>453</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>454</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>455</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">regexPrivate.test</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>456</span> </span><span class="WHIT"> </span><span class="COMM">//don't overwrite a private property of karma object</span><span class="WHIT"> +<span class='line'>457</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>458</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>459</span> </span><span class="WHIT"> +<span class='line'>460</span> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>461</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"locale"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>462</span> +<span class='line'>463</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._isValidLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>464</span> </span><span class="WHIT"> </span><span class="NAME">this.locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._normalizeLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>465</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>466</span> </span><span class="WHIT"> </span><span class="NAME">this._localePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._computeLocalePath</span><span class="PUNC">(</span><span class="NAME">this.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>467</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>468</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"locale provided to karma._init() is invalid"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>469</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>470</span> </span><span class="WHIT"> +<span class='line'>471</span> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>472</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>473</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>474</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>475</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>476</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>477</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>478</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>479</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>480</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>481</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>482</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>483</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>484</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>485</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>486</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>487</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>488</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>489</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>490</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>491</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>492</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>493</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>494</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>495</span> +<span class='line'>496</span> +<span class='line'>497</span> +<span class='line'>498</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>499</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>500</span> </span><span class="WHIT"> +<span class='line'>501</span> </span><span class="COMM">/** Waits until all assets loaded(ready), then calls callback cb +<span class='line'>502</span> * @memberOf Karma +<span class='line'>503</span> * @param {Function} [cb] callback function +<span class='line'>504</span> * @returns this +<span class='line'>505</span> * @throws {Error} if Karma is not initialized with the +<span class='line'>506</span> * Karma({ options }) function +<span class='line'>507</span> * @example +<span class='line'>508</span> * +<span class='line'>509</span> * var k = Karma({ . . . your assets here . . . }); +<span class='line'>510</span> * k.ready(function(){ .. your code here . . .}); +<span class='line'>511</span> * +<span class='line'>512</span> * your code will not be called until all assets have been loaded +<span class='line'>513</span> * into collections +<span class='line'>514</span> * +<span class='line'>515</span> */</span><span class="WHIT"> +<span class='line'>516</span> </span><span class="WHIT"> </span><span class="NAME">ready</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">cb</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>517</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>518</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma._initialized</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>519</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Karma not initialized"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>520</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>521</span> +<span class='line'>522</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._counters.loaded</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>523</span> </span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">that.ready</span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>524</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>525</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> +<span class='line'>526</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>527</span> -<span class='line'>528</span> </span><span class="WHIT"> </span><span class="COMM">//Updates visible counter of how many assets are loaded</span><span class="WHIT"> -<span class='line'>529</span> </span><span class="WHIT"> </span><span class="NAME">_updateStatus</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>530</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.loaded</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>531</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>532</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.errors</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>533</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Loaded "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" / "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>534</span> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">" Errors [ "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="STRN">" ]"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>535</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>536</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">liError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'li'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>537</span> </span><span class="WHIT"> </span><span class="NAME">liError.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>538</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>539</span> </span><span class="WHIT"> </span><span class="NAME">errorList.appendChild</span><span class="PUNC">(</span><span class="NAME">liError</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>540</span> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>541</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>528</span> </span><span class="WHIT"> </span><span class="NAME">cb</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>529</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>530</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> +<span class='line'>531</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>532</span> </span><span class="WHIT"> +<span class='line'>533</span> </span><span class="COMM">//if no options passed, show it works message</span><span class="WHIT"> +<span class='line'>534</span> </span><span class="WHIT"> </span><span class="NAME">this._showStarterMessage</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>535</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>536</span> </span><span class="WHIT"> +<span class='line'>537</span> +<span class='line'>538</span> +<span class='line'>539</span> +<span class='line'>540</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>541</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> <span class='line'>542</span> -<span class='line'>543</span> </span><span class="COMM">//matches 2 letter country code then optionally</span><span class="WHIT"> -<span class='line'>544</span> </span><span class="WHIT"> </span><span class="COMM">//a dash or underscore followed by a country or language identifier</span><span class="WHIT"> -<span class='line'>545</span> </span><span class="WHIT"> </span><span class="COMM">//i currently only allow a language identifier 2-3 chars long</span><span class="WHIT"> -<span class='line'>546</span> </span><span class="WHIT"> </span><span class="NAME">_isValidLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>547</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">localeRegex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^[a-zA-Z][a-zA-Z]([-_][a-zA-z]{2,3})?$'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>548</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">localeRegex.test</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>543</span> </span><span class="WHIT"> </span><span class="COMM">//Display Apache-like "It works" message if no options</span><span class="WHIT"> +<span class='line'>544</span> </span><span class="WHIT"> </span><span class="NAME">_showStarterMessage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>545</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">starterMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>546</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'starterMsg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>547</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"<h1>It Works</h1>"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>548</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">starterMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>549</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> <span class='line'>550</span> -<span class='line'>551</span> </span><span class="WHIT"> </span><span class="NAME">_normalizeLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>552</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>553</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>554</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>555</span> -<span class='line'>556</span> </span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>557</span> </span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"_"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>558</span> </span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">3</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>559</span> </span><span class="WHIT"> -<span class='line'>560</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">locale.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>561</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>562</span> </span><span class="WHIT"> -<span class='line'>563</span> -<span class='line'>564</span> -<span class='line'>565</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>566</span> -<span class='line'>567</span> </span><span class="COMM">//Helper functions for creating assets</span><span class="WHIT"> -<span class='line'>568</span> </span><span class="NAME">Karma._isLocalized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>569</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"boolean"</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>570</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> -<span class='line'>571</span> </span><span class="NAME">Karma.locale</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>572</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"You cannot localize a media asset"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>573</span> </span><span class="WHIT"> </span><span class="STRN">" if the global locale for Karma isn't set"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>574</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'>575</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>576</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>577</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>578</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>579</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>580</span> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"This is not a valid value for the localized option"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>581</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>582</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>583</span> -<span class='line'>584</span> </span><span class="NAME">Karma._computeLocalePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>585</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>586</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>587</span> -<span class='line'>588</span> +<span class='line'>551</span> </span><span class="WHIT"> </span><span class="COMM">//Updates visible counter of how many assets are loaded</span><span class="WHIT"> +<span class='line'>552</span> </span><span class="WHIT"> </span><span class="NAME">_updateStatus</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>553</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.loaded</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>554</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>555</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.errors</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>556</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Loaded "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" / "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>557</span> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">" Errors [ "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="STRN">" ]"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>558</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>559</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">liError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'li'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>560</span> </span><span class="WHIT"> </span><span class="NAME">liError.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>561</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>562</span> </span><span class="WHIT"> </span><span class="NAME">errorList.appendChild</span><span class="PUNC">(</span><span class="NAME">liError</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>563</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>564</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>565</span> +<span class='line'>566</span> </span><span class="COMM">//matches 2 letter country code then optionally</span><span class="WHIT"> +<span class='line'>567</span> </span><span class="WHIT"> </span><span class="COMM">//a dash or underscore followed by a country or language identifier</span><span class="WHIT"> +<span class='line'>568</span> </span><span class="WHIT"> </span><span class="COMM">//i currently only allow a language identifier 2-3 chars long</span><span class="WHIT"> +<span class='line'>569</span> </span><span class="WHIT"> </span><span class="NAME">_isValidLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>570</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">localeRegex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^[a-zA-Z][a-zA-Z]([-_][a-zA-z]{2,3})?$'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>571</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">localeRegex.test</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>572</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>573</span> +<span class='line'>574</span> </span><span class="WHIT"> </span><span class="NAME">_normalizeLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>575</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>576</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>577</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>578</span> +<span class='line'>579</span> </span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>580</span> </span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"_"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>581</span> </span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">3</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>582</span> </span><span class="WHIT"> +<span class='line'>583</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">locale.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>584</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>585</span> </span><span class="WHIT"> +<span class='line'>586</span> +<span class='line'>587</span> +<span class='line'>588</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>589</span> -<span class='line'>590</span> -<span class='line'>591</span> </span><span class="NAME">Karma._makeCollection</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">configs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>592</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>593</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>594</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>595</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>596</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>597</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kImage</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>598</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>599</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>600</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kAudio</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>601</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>602</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>603</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kVideo</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>604</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>605</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>606</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kSvg</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>607</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>608</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>609</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kCanvas</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>610</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>611</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>590</span> </span><span class="COMM">//Helper functions for creating assets</span><span class="WHIT"> +<span class='line'>591</span> </span><span class="NAME">Karma._isLocalized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>592</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"boolean"</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>593</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> +<span class='line'>594</span> </span><span class="NAME">Karma.locale</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>595</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"You cannot localize a media asset"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>596</span> </span><span class="WHIT"> </span><span class="STRN">" if the global locale for Karma isn't set"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>597</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>598</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>599</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>600</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>601</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>602</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>603</span> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"This is not a valid value for the localized option"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>604</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>605</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>606</span> +<span class='line'>607</span> </span><span class="NAME">Karma._computeLocalePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>608</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>609</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>610</span> +<span class='line'>611</span> <span class='line'>612</span> -<span class='line'>613</span> </span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.create</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">_init</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>614</span> </span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="PUNC">[</span><span class="NAME">type</span><span class="PUNC">]</span><span class="PUNC">[</span><span class="NAME">config.name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>615</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>616</span> </span><span class="WHIT"> -<span class='line'>617</span> </span><span class="NAME">configs.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>618</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>619</span> -<span class='line'>620</span> -<span class='line'>621</span> -<span class='line'>622</span> -<span class='line'>623</span> -<span class='line'>624</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT"> -<span class='line'>625</span> -<span class='line'>626</span> -<span class='line'>627</span> </span><span class="COMM">/** Prototype object for images -<span class='line'>628</span> * @class This object is the prototype for images submitted to Karma in the -<span class='line'>629</span> * Karma() method -<span class='line'>630</span> * @ throws {Error} if the image asset is set to be localized but -<span class='line'>631</span> * the global locale is not set on the Karma object -<span class='line'>632</span> * @ throws {Error} if the name and file properties are not supplied -<span class='line'>633</span> * @example -<span class='line'>634</span> * kImage is the prototype object for images. This 'media' asset is loaded -<span class='line'>635</span> * in a distinctly different way from the canvas or svg assets. -<span class='line'>636</span> * -<span class='line'>637</span> */</span><span class="WHIT"> -<span class='line'>638</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> -<span class='line'>639</span> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>640</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of image -<span class='line'>641</span> * @type String -<span class='line'>642</span> * @default "" -<span class='line'>643</span> */</span><span class="WHIT"> -<span class='line'>644</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>645</span> </span><span class="WHIT"> </span><span class="COMM">/** media object -<span class='line'>646</span> * @type Image -<span class='line'>647</span> * @default undefined -<span class='line'>648</span> */</span><span class="WHIT"> -<span class='line'>649</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>650</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> -<span class='line'>651</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>652</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this image</span><span class="WHIT"> -<span class='line'>653</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'>654</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>655</span> </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT"> -<span class='line'>656</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>657</span> </span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>658</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>659</span> -<span class='line'>660</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>661</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>662</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'>663</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.name</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>664</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>665</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>666</span> -<span class='line'>667</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Image</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>668</span> -<span class='line'>669</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">image._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>670</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>671</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>672</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'>673</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>674</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>675</span> -<span class='line'>676</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> -<span class='line'>677</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>678</span> </span><span class="WHIT"> -<span class='line'>679</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> -<span class='line'>680</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>681</span> -<span class='line'>682</span> </span><span class="WHIT"> -<span class='line'>683</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>684</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>685</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> -<span class='line'>686</span> </span><span class="WHIT"> </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT"> -<span class='line'>687</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>688</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>613</span> +<span class='line'>614</span> </span><span class="NAME">Karma._makeCollection</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">configs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>615</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>616</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>617</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>618</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>619</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>620</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kImage</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>621</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>622</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>623</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kAudio</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>624</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>625</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>626</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kVideo</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>627</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>628</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>629</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kSvg</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>630</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>631</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>632</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kCanvas</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>633</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>634</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>635</span> +<span class='line'>636</span> </span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.create</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">_init</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>637</span> </span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="PUNC">[</span><span class="NAME">type</span><span class="PUNC">]</span><span class="PUNC">[</span><span class="NAME">config.name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>638</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>639</span> </span><span class="WHIT"> +<span class='line'>640</span> </span><span class="NAME">configs.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>641</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>642</span> +<span class='line'>643</span> +<span class='line'>644</span> +<span class='line'>645</span> +<span class='line'>646</span> +<span class='line'>647</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT"> +<span class='line'>648</span> +<span class='line'>649</span> +<span class='line'>650</span> </span><span class="COMM">/** Prototype object for images +<span class='line'>651</span> * @class This object is the prototype for images submitted to Karma in the +<span class='line'>652</span> * Karma() method +<span class='line'>653</span> * @ throws {Error} if the image asset is set to be localized but +<span class='line'>654</span> * the global locale is not set on the Karma object +<span class='line'>655</span> * @ throws {Error} if the name and file properties are not supplied +<span class='line'>656</span> * @example +<span class='line'>657</span> * kImage is the prototype object for images. This 'media' asset is loaded +<span class='line'>658</span> * in a distinctly different way from the canvas or svg assets. +<span class='line'>659</span> * +<span class='line'>660</span> */</span><span class="WHIT"> +<span class='line'>661</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> +<span class='line'>662</span> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>663</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of image +<span class='line'>664</span> * @type String +<span class='line'>665</span> * @default "" +<span class='line'>666</span> */</span><span class="WHIT"> +<span class='line'>667</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>668</span> </span><span class="WHIT"> </span><span class="COMM">/** media object +<span class='line'>669</span> * @type Image +<span class='line'>670</span> * @default undefined +<span class='line'>671</span> */</span><span class="WHIT"> +<span class='line'>672</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>673</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> +<span class='line'>674</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>675</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this image</span><span class="WHIT"> +<span class='line'>676</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>677</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>678</span> </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT"> +<span class='line'>679</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>680</span> </span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>681</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>682</span> +<span class='line'>683</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>684</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>685</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>686</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.name</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>687</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>688</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> <span class='line'>689</span> -<span class='line'>690</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>691</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>692</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>693</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>694</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>695</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>696</span> </span><span class="WHIT"> -<span class='line'>697</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>698</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>699</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>700</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>701</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>702</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>703</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>704</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>705</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>706</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>707</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>708</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>709</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>710</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>711</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>712</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>713</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>714</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>715</span> -<span class='line'>716</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>717</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>718</span> </span><span class="WHIT"> -<span class='line'>719</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>720</span> -<span class='line'>721</span> </span><span class="COMM">/** Prototype object for audio files -<span class='line'>722</span> * @class This object is the prototype for audio files submitted to Karma in the -<span class='line'>723</span> * Karma() method -<span class='line'>724</span> * @ throws {Error} if the individual audio asset is set to be localized but -<span class='line'>725</span> * the globale locale is not set on the Karma object -<span class='line'>726</span> * @ throws {Error} if the name and file properties are not supplied -<span class='line'>727</span> * @example -<span class='line'>728</span> * kAudio is the prototype object for audio -<span class='line'>729</span> * The audio assets are loaded in a distinctly different way -<span class='line'>730</span> * from the canvas or svg assets. They also have distinctly different -<span class='line'>731</span> * helper methods -<span class='line'>732</span> * -<span class='line'>733</span> * You initialize the kAudio assets by passing an array of objects -<span class='line'>734</span> */</span><span class="WHIT"> -<span class='line'>735</span> </span><span class="NAME">Karma.kAudio</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>736</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset -<span class='line'>737</span> * @type String -<span class='line'>738</span> * @default "" -<span class='line'>739</span> */</span><span class="WHIT"> -<span class='line'>740</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>741</span> </span><span class="WHIT"> </span><span class="COMM">/** Media object. You can access the src, autobuffer, autoplay, loop, and -<span class='line'>742</span> * controls attributes -<span class='line'>743</span> * 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> -<span class='line'>744</span> * @type Audio -<span class='line'>745</span> * @default undefined -<span class='line'>746</span> */</span><span class="WHIT"> -<span class='line'>747</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>748</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> -<span class='line'>749</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>750</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> -<span class='line'>751</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'>752</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>753</span> </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT"> -<span class='line'>754</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>755</span> </span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>756</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>757</span> -<span class='line'>758</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>759</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>760</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'>761</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.name</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>762</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>763</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>764</span> -<span class='line'>765</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Audio</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>766</span> -<span class='line'>767</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">audio._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>768</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>769</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>770</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'>771</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>772</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>773</span> -<span class='line'>774</span> -<span class='line'>775</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> -<span class='line'>776</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>777</span> </span><span class="WHIT"> -<span class='line'>778</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> -<span class='line'>779</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>690</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Image</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>691</span> +<span class='line'>692</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">image._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>693</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>694</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>695</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>696</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>697</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>698</span> +<span class='line'>699</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> +<span class='line'>700</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>701</span> </span><span class="WHIT"> +<span class='line'>702</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> +<span class='line'>703</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>704</span> +<span class='line'>705</span> </span><span class="WHIT"> +<span class='line'>706</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>707</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>708</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> +<span class='line'>709</span> </span><span class="WHIT"> </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT"> +<span class='line'>710</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>711</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>712</span> +<span class='line'>713</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>714</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>715</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>716</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>717</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>718</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>719</span> </span><span class="WHIT"> +<span class='line'>720</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>721</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>722</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>723</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>724</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>725</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>726</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>727</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>728</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>729</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>730</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>731</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>732</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>733</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>734</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>735</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>736</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>737</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>738</span> +<span class='line'>739</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>740</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>741</span> </span><span class="WHIT"> +<span class='line'>742</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>743</span> +<span class='line'>744</span> </span><span class="COMM">/** Prototype object for audio files +<span class='line'>745</span> * @class This object is the prototype for audio files submitted to Karma in the +<span class='line'>746</span> * Karma() method +<span class='line'>747</span> * @ throws {Error} if the individual audio asset is set to be localized but +<span class='line'>748</span> * the globale locale is not set on the Karma object +<span class='line'>749</span> * @ throws {Error} if the name and file properties are not supplied +<span class='line'>750</span> * @example +<span class='line'>751</span> * kAudio is the prototype object for audio +<span class='line'>752</span> * The audio assets are loaded in a distinctly different way +<span class='line'>753</span> * from the canvas or svg assets. They also have distinctly different +<span class='line'>754</span> * helper methods +<span class='line'>755</span> * +<span class='line'>756</span> * You initialize the kAudio assets by passing an array of objects +<span class='line'>757</span> */</span><span class="WHIT"> +<span class='line'>758</span> </span><span class="NAME">Karma.kAudio</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>759</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset +<span class='line'>760</span> * @type String +<span class='line'>761</span> * @default "" +<span class='line'>762</span> */</span><span class="WHIT"> +<span class='line'>763</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>764</span> </span><span class="WHIT"> </span><span class="COMM">/** Media object. You can access the src, autobuffer, autoplay, loop, and +<span class='line'>765</span> * controls attributes +<span class='line'>766</span> * via the media property of kAudio. Read more about the properties of the <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-element-attributes">HTML 5 media element</a> +<span class='line'>767</span> * @type Audio +<span class='line'>768</span> * @default undefined +<span class='line'>769</span> */</span><span class="WHIT"> +<span class='line'>770</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>771</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> +<span class='line'>772</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>773</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> +<span class='line'>774</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>775</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>776</span> </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT"> +<span class='line'>777</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>778</span> </span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>779</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>780</span> -<span class='line'>781</span> </span><span class="WHIT"> </span><span class="NAME">this.media.autobuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>782</span> </span><span class="WHIT"> </span><span class="NAME">this.media.load</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>783</span> -<span class='line'>784</span> </span><span class="WHIT"> -<span class='line'>785</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>786</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>787</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> -<span class='line'>788</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> -<span class='line'>789</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>790</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>791</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> -<span class='line'>792</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> -<span class='line'>793</span> -<span class='line'>794</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>795</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>796</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>797</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>798</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>799</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>781</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>782</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>783</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>784</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.name</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>785</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>786</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>787</span> +<span class='line'>788</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Audio</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>789</span> +<span class='line'>790</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">audio._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>791</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>792</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>793</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>794</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>795</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>796</span> +<span class='line'>797</span> +<span class='line'>798</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> +<span class='line'>799</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>800</span> </span><span class="WHIT"> -<span class='line'>801</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>802</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>803</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>804</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>805</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>806</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>807</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>808</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>809</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>810</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>811</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>812</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>813</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>814</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>815</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>816</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>817</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>818</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>819</span> -<span class='line'>820</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>821</span> -<span class='line'>822</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>823</span> </span><span class="WHIT"> </span><span class="COMM">/** Plays the audio file */</span><span class="WHIT"> -<span class='line'>824</span> </span><span class="WHIT"> </span><span class="NAME">play</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>825</span> </span><span class="WHIT"> </span><span class="NAME">this.media.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>826</span> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>827</span> </span><span class="WHIT"> -<span class='line'>828</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>829</span> -<span class='line'>830</span> </span><span class="COMM">/** NYI:Prototype object for Video files -<span class='line'>831</span> * @class Not Yet Implemented:This object is the prototype for video files submitted -<span class='line'>832</span> * to Karma in the Karma() method -<span class='line'>833</span> * @ throws {Error} if the individual video asset is set to be localized but -<span class='line'>834</span> * the globale locale is not set on the Karma object -<span class='line'>835</span> * @ throws {Error} if the name and file properties are not supplied -<span class='line'>836</span> */</span><span class="WHIT"> -<span class='line'>837</span> </span><span class="NAME">Karma.kVideo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>838</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset -<span class='line'>839</span> * @type String -<span class='line'>840</span> * @default "" -<span class='line'>841</span> */</span><span class="WHIT"> -<span class='line'>842</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>843</span> </span><span class="WHIT"> </span><span class="COMM">/** media object -<span class='line'>844</span> * @type Video -<span class='line'>845</span> * @default undefined -<span class='line'>846</span> */</span><span class="WHIT"> -<span class='line'>847</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>848</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> -<span class='line'>849</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>850</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> -<span class='line'>851</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'>852</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>853</span> </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT"> -<span class='line'>854</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>855</span> </span><span class="WHIT"> </span><span class="COMM">//Not Yet Implemented</span><span class="WHIT"> -<span class='line'>856</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>857</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Video is not Yet Implemented"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>858</span> -<span class='line'>859</span> </span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>860</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>861</span> -<span class='line'>862</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>863</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>864</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'>865</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.name</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>866</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>867</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>868</span> -<span class='line'>869</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Video</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>870</span> -<span class='line'>871</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">video._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>872</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>873</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>874</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'>875</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>876</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>877</span> -<span class='line'>878</span> -<span class='line'>879</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> -<span class='line'>880</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>881</span> </span><span class="WHIT"> -<span class='line'>882</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> -<span class='line'>883</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>801</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> +<span class='line'>802</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>803</span> +<span class='line'>804</span> </span><span class="WHIT"> </span><span class="NAME">this.media.autobuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>805</span> </span><span class="WHIT"> </span><span class="NAME">this.media.load</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>806</span> +<span class='line'>807</span> </span><span class="WHIT"> +<span class='line'>808</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>809</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>810</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> +<span class='line'>811</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> +<span class='line'>812</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>813</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>814</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> +<span class='line'>815</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> +<span class='line'>816</span> +<span class='line'>817</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>818</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>819</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>820</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>821</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>822</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>823</span> </span><span class="WHIT"> +<span class='line'>824</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>825</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>826</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>827</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>828</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>829</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>830</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>831</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>832</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>833</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>834</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>835</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>836</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>837</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>838</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>839</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>840</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>841</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>842</span> +<span class='line'>843</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>844</span> +<span class='line'>845</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>846</span> </span><span class="WHIT"> </span><span class="COMM">/** Plays the audio file */</span><span class="WHIT"> +<span class='line'>847</span> </span><span class="WHIT"> </span><span class="NAME">play</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>848</span> </span><span class="WHIT"> </span><span class="NAME">this.media.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>849</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>850</span> </span><span class="WHIT"> +<span class='line'>851</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>852</span> +<span class='line'>853</span> </span><span class="COMM">/** NYI:Prototype object for Video files +<span class='line'>854</span> * @class Not Yet Implemented:This object is the prototype for video files submitted +<span class='line'>855</span> * to Karma in the Karma() method +<span class='line'>856</span> * @ throws {Error} if the individual video asset is set to be localized but +<span class='line'>857</span> * the globale locale is not set on the Karma object +<span class='line'>858</span> * @ throws {Error} if the name and file properties are not supplied +<span class='line'>859</span> */</span><span class="WHIT"> +<span class='line'>860</span> </span><span class="NAME">Karma.kVideo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>861</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset +<span class='line'>862</span> * @type String +<span class='line'>863</span> * @default "" +<span class='line'>864</span> */</span><span class="WHIT"> +<span class='line'>865</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>866</span> </span><span class="WHIT"> </span><span class="COMM">/** media object +<span class='line'>867</span> * @type Video +<span class='line'>868</span> * @default undefined +<span class='line'>869</span> */</span><span class="WHIT"> +<span class='line'>870</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>871</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> +<span class='line'>872</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>873</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> +<span class='line'>874</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>875</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>876</span> </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT"> +<span class='line'>877</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>878</span> </span><span class="WHIT"> </span><span class="COMM">//Not Yet Implemented</span><span class="WHIT"> +<span class='line'>879</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>880</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Video is not Yet Implemented"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>881</span> +<span class='line'>882</span> </span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>883</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>884</span> -<span class='line'>885</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>886</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>887</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> -<span class='line'>888</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> -<span class='line'>889</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>890</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>891</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> -<span class='line'>892</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> -<span class='line'>893</span> -<span class='line'>894</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>895</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>896</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>897</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>898</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>899</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>900</span> </span><span class="WHIT"> -<span class='line'>901</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>902</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>903</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>904</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>905</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>906</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>907</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>908</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>909</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>910</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>911</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>912</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>913</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>914</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>915</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>916</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>917</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>918</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>919</span> -<span class='line'>920</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>921</span> -<span class='line'>922</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>923</span> </span><span class="WHIT"> -<span class='line'>924</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>925</span> -<span class='line'>926</span> -<span class='line'>927</span> -<span class='line'>928</span> </span><span class="COMM">/** Prototype object for each canvas element submitted to Karma in the -<span class='line'>929</span> * Karma() method -<span class='line'>930</span> * @throws {Error} if the name and domId for the canvas element are not specified -<span class='line'>931</span> * @thows {Error} if the supplied domId does not match an element in the DOM -<span class='line'>932</span> * @class This object is the prototype for each canvas element submitted to Karma in the -<span class='line'>933</span> * Karma() method -<span class='line'>934</span> */</span><span class="WHIT"> -<span class='line'>935</span> </span><span class="NAME">Karma.kCanvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>936</span> </span><span class="WHIT"> </span><span class="COMM">/** Name of the canvas, used internally by karma.js -<span class='line'>937</span> * @type String -<span class='line'>938</span> * @default '' -<span class='line'>939</span> */</span><span class="WHIT"> -<span class='line'>940</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>941</span> </span><span class="WHIT"> </span><span class="COMM">/** Width of canvas element -<span class='line'>942</span> * @type Number -<span class='line'>943</span> * @default 0 -<span class='line'>944</span> */</span><span class="WHIT"> -<span class='line'>945</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>946</span> </span><span class="WHIT"> </span><span class="COMM">/** Height of canvas element -<span class='line'>947</span> * @type Number -<span class='line'>948</span> * @default 0 -<span class='line'>949</span> */</span><span class="WHIT"> -<span class='line'>950</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>951</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible -<span class='line'>952</span> * @type boolean -<span class='line'>953</span> * @default true -<span class='line'>954</span> */</span><span class="WHIT"> -<span class='line'>955</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>956</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. This value is read-only -<span class='line'>957</span> * @type String -<span class='line'>958</span> * @default undefined -<span class='line'>959</span> */</span><span class="WHIT"> -<span class='line'>960</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>961</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element -<span class='line'>962</span> * @type DOMElement -<span class='line'>963</span> * @default undefined -<span class='line'>964</span> * @example -<span class='line'>965</span> * //You can access all properties and methods of the underlying DOM element -<span class='line'>966</span> * //using the 'node' property -<span class='line'>967</span> * Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); -<span class='line'>968</span> * var stuff = Karma.canvas.someCanvas.node.innerHTML; -<span class='line'>969</span> * -<span class='line'>970</span> */</span><span class="WHIT"> -<span class='line'>971</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>972</span> </span><span class="WHIT"> </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas -<span class='line'>973</span> * @type 2DRenderingContext -<span class='line'>974</span> * @default undefined -<span class='line'>975</span> * @example -<span class='line'>976</span> * //Almost all of the context attributes and methods are wrapped in helper functions -<span class='line'>977</span> * //but you can also access them directly using the ctx property -<span class='line'>978</span> * Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); -<span class='line'>979</span> * Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff"; -<span class='line'>980</span> */</span><span class="WHIT"> -<span class='line'>981</span> </span><span class="WHIT"> </span><span class="NAME">ctx</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>982</span> -<span class='line'>983</span> </span><span class="WHIT"> </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT"> -<span class='line'>984</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>985</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>986</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>987</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>988</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>989</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>990</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>991</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>992</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>993</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>994</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>995</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>996</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>997</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>998</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>999</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1000</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1001</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1002</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1003</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1004</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1005</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1006</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1007</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1008</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"fps"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1009</span> </span><span class="WHIT"> </span><span class="NAME">this.fps</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1010</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1011</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1012</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1013</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1014</span> </span><span class="WHIT"> -<span class='line'>1015</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1016</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1017</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.node.getContext</span><span class="PUNC">(</span><span class="STRN">'2d'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1018</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'>1019</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1020</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1021</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1022</span> -<span class='line'>1023</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1024</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1025</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1026</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1027</span> -<span class='line'>1028</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1029</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1030</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no -<span class='line'>1031</span> * parameters supplied, clears entire canvas -<span class='line'>1032</span> * @param {Number} [x=0] x coordinate, defaults to zero if left blank -<span class='line'>1033</span> * @param {Number} [y=0] y coordinate, defaults to zero if left blank -<span class='line'>1034</span> * @param {Number} [width=0] width of area to be cleared, defaults -<span class='line'>1035</span> * entire width of canvas -<span class='line'>1036</span> * @param {Number} [height=0] height of area to be cleared, defaults -<span class='line'>1037</span> * entire height of canvas -<span class='line'>1038</span> * @returns this -<span class='line'>1039</span> * @example -<span class='line'>1040</span> * -<span class='line'>1041</span> * k.canvas.ninja.clear(); -<span class='line'>1042</span> * // clears the entire ninja canvas -<span class='line'>1043</span> * -<span class='line'>1044</span> * k.canvas.ninja.clear(0, 10, 20, 30); -<span class='line'>1045</span> * //clears a specific portion of the ninja canvas -<span class='line'>1046</span> * -<span class='line'>1047</span> */</span><span class="WHIT"> -<span class='line'>1048</span> </span><span class="WHIT"> </span><span class="NAME">clear</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1049</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1050</span> </span><span class="WHIT"> </span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1051</span> </span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1052</span> </span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1053</span> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.width</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1054</span> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> -<span class='line'>1055</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1056</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1057</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1058</span> </span><span class="WHIT"> -<span class='line'>1059</span> </span><span class="COMM">/** The globalAlpha attribute gives an alpha value that is applied to shapes -<span class='line'>1060</span> * and images before they are composited onto the canvas -<span class='line'>1061</span> * @param {Number} number in the range from 0.0 to 1.0 -<span class='line'>1062</span> * @returns this -<span class='line'>1063</span> */</span><span class="WHIT"> -<span class='line'>1064</span> </span><span class="WHIT"> </span><span class="NAME">globalAlpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1065</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'globalAlpha'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1066</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1067</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1068</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1069</span> </span><span class="WHIT"> -<span class='line'>1070</span> </span><span class="COMM">/** Sets the globalCompositeOperation attribute, which sets how shapes and images -<span class='line'>1071</span> * are drawn onto the existing bitmap, once they have had globalAlpha and the -<span class='line'>1072</span> * current transformation matrix applied. -<span class='line'>1073</span> * 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> -<span class='line'>1074</span> * @param {String} globalCompositeOperation source-atop, -<span class='line'>1075</span> * source-in, source-out, -<span class='line'>1076</span> * source-over, destination-atop, destination-in, destination-out, destination-over, -<span class='line'>1077</span> * lighter -<span class='line'>1078</span> * @returns this -<span class='line'>1079</span> */</span><span class="WHIT"> -<span class='line'>1080</span> </span><span class="WHIT"> </span><span class="NAME">globalCompositeOperation</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1081</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">' globalCompositeOperation'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1082</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1083</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1084</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1085</span> -<span class='line'>1086</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the lineWidth attribute which gives the width of lines, in coordinate space -<span class='line'>1087</span> * units. -<span class='line'>1088</span> * 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> -<span class='line'>1089</span> * @param {Number} lineWidth -<span class='line'>1090</span> * @returns this -<span class='line'>1091</span> */</span><span class="WHIT"> -<span class='line'>1092</span> </span><span class="WHIT"> </span><span class="NAME">lineWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1093</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineWidth'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1094</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1095</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1096</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1097</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineCap attribute defines the type of endings that UAs will place on -<span class='line'>1098</span> * the end of lines. -<span class='line'>1099</span> * 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> -<span class='line'>1100</span> * @param {String} type butt, round, square +<span class='line'>885</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>886</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>887</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>888</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.name</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>889</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>890</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>891</span> +<span class='line'>892</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Video</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>893</span> +<span class='line'>894</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">video._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>895</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>896</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>897</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>898</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>899</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>900</span> +<span class='line'>901</span> +<span class='line'>902</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> +<span class='line'>903</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>904</span> </span><span class="WHIT"> +<span class='line'>905</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> +<span class='line'>906</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>907</span> +<span class='line'>908</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>909</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>910</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> +<span class='line'>911</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> +<span class='line'>912</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>913</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>914</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> +<span class='line'>915</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> +<span class='line'>916</span> +<span class='line'>917</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>918</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>919</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>920</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>921</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>922</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>923</span> </span><span class="WHIT"> +<span class='line'>924</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>925</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>926</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>927</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>928</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>929</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>930</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>931</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>932</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>933</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>934</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>935</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>936</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>937</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>938</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>939</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>940</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>941</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>942</span> +<span class='line'>943</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>944</span> +<span class='line'>945</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>946</span> </span><span class="WHIT"> +<span class='line'>947</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>948</span> +<span class='line'>949</span> +<span class='line'>950</span> +<span class='line'>951</span> </span><span class="COMM">/** Prototype object for each canvas element submitted to Karma in the +<span class='line'>952</span> * Karma() method +<span class='line'>953</span> * @throws {Error} if the name and domId for the canvas element are not specified +<span class='line'>954</span> * @thows {Error} if the supplied domId does not match an element in the DOM +<span class='line'>955</span> * @class This object is the prototype for each canvas element submitted to Karma in the +<span class='line'>956</span> * Karma() method +<span class='line'>957</span> */</span><span class="WHIT"> +<span class='line'>958</span> </span><span class="NAME">Karma.kCanvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>959</span> </span><span class="WHIT"> </span><span class="COMM">/** Name of the canvas, used internally by karma.js +<span class='line'>960</span> * @type String +<span class='line'>961</span> * @default '' +<span class='line'>962</span> */</span><span class="WHIT"> +<span class='line'>963</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>964</span> </span><span class="WHIT"> </span><span class="COMM">/** Width of canvas element +<span class='line'>965</span> * @type Number +<span class='line'>966</span> * @default 0 +<span class='line'>967</span> */</span><span class="WHIT"> +<span class='line'>968</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>969</span> </span><span class="WHIT"> </span><span class="COMM">/** Height of canvas element +<span class='line'>970</span> * @type Number +<span class='line'>971</span> * @default 0 +<span class='line'>972</span> */</span><span class="WHIT"> +<span class='line'>973</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>974</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible +<span class='line'>975</span> * @type boolean +<span class='line'>976</span> * @default true +<span class='line'>977</span> */</span><span class="WHIT"> +<span class='line'>978</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>979</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. This value is read-only +<span class='line'>980</span> * @type String +<span class='line'>981</span> * @default undefined +<span class='line'>982</span> */</span><span class="WHIT"> +<span class='line'>983</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>984</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element +<span class='line'>985</span> * @type DOMElement +<span class='line'>986</span> * @default undefined +<span class='line'>987</span> * @example +<span class='line'>988</span> * //You can access all properties and methods of the underlying DOM element +<span class='line'>989</span> * //using the 'node' property +<span class='line'>990</span> * Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); +<span class='line'>991</span> * var stuff = Karma.canvas.someCanvas.node.innerHTML; +<span class='line'>992</span> * +<span class='line'>993</span> */</span><span class="WHIT"> +<span class='line'>994</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>995</span> </span><span class="WHIT"> </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas +<span class='line'>996</span> * @type 2DRenderingContext +<span class='line'>997</span> * @default undefined +<span class='line'>998</span> * @example +<span class='line'>999</span> * //Almost all of the context attributes and methods are wrapped in helper functions +<span class='line'>1000</span> * //but you can also access them directly using the ctx property +<span class='line'>1001</span> * Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); +<span class='line'>1002</span> * Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff"; +<span class='line'>1003</span> */</span><span class="WHIT"> +<span class='line'>1004</span> </span><span class="WHIT"> </span><span class="NAME">ctx</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1005</span> +<span class='line'>1006</span> </span><span class="WHIT"> </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT"> +<span class='line'>1007</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1008</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1009</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1010</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1011</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1012</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1013</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1014</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1015</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1016</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1017</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1018</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1019</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1020</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1021</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1022</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1023</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1024</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1025</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1026</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1027</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1028</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1029</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1030</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1031</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"fps"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1032</span> </span><span class="WHIT"> </span><span class="NAME">this.fps</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1033</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1034</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1035</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1036</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1037</span> </span><span class="WHIT"> +<span class='line'>1038</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1039</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1040</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.node.getContext</span><span class="PUNC">(</span><span class="STRN">'2d'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1041</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1042</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1043</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1044</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1045</span> +<span class='line'>1046</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1047</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1048</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1049</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1050</span> +<span class='line'>1051</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1052</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1053</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no +<span class='line'>1054</span> * parameters supplied, clears entire canvas +<span class='line'>1055</span> * @param {Number} [x=0] x coordinate, defaults to zero if left blank +<span class='line'>1056</span> * @param {Number} [y=0] y coordinate, defaults to zero if left blank +<span class='line'>1057</span> * @param {Number} [width=0] width of area to be cleared, defaults +<span class='line'>1058</span> * entire width of canvas +<span class='line'>1059</span> * @param {Number} [height=0] height of area to be cleared, defaults +<span class='line'>1060</span> * entire height of canvas +<span class='line'>1061</span> * @returns this +<span class='line'>1062</span> * @example +<span class='line'>1063</span> * +<span class='line'>1064</span> * k.canvas.ninja.clear(); +<span class='line'>1065</span> * // clears the entire ninja canvas +<span class='line'>1066</span> * +<span class='line'>1067</span> * k.canvas.ninja.clear(0, 10, 20, 30); +<span class='line'>1068</span> * //clears a specific portion of the ninja canvas +<span class='line'>1069</span> * +<span class='line'>1070</span> */</span><span class="WHIT"> +<span class='line'>1071</span> </span><span class="WHIT"> </span><span class="NAME">clear</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1072</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1073</span> </span><span class="WHIT"> </span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1074</span> </span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1075</span> </span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1076</span> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.width</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1077</span> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> +<span class='line'>1078</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1079</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1080</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1081</span> </span><span class="WHIT"> +<span class='line'>1082</span> </span><span class="COMM">/** The globalAlpha attribute gives an alpha value that is applied to shapes +<span class='line'>1083</span> * and images before they are composited onto the canvas +<span class='line'>1084</span> * @param {Number} number in the range from 0.0 to 1.0 +<span class='line'>1085</span> * @returns this +<span class='line'>1086</span> */</span><span class="WHIT"> +<span class='line'>1087</span> </span><span class="WHIT"> </span><span class="NAME">globalAlpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1088</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'globalAlpha'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1089</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1090</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1091</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1092</span> </span><span class="WHIT"> +<span class='line'>1093</span> </span><span class="COMM">/** Sets the globalCompositeOperation attribute, which sets how shapes and images +<span class='line'>1094</span> * are drawn onto the existing bitmap, once they have had globalAlpha and the +<span class='line'>1095</span> * current transformation matrix applied. +<span class='line'>1096</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1097</span> * @param {String} globalCompositeOperation source-atop, +<span class='line'>1098</span> * source-in, source-out, +<span class='line'>1099</span> * source-over, destination-atop, destination-in, destination-out, destination-over, +<span class='line'>1100</span> * lighter <span class='line'>1101</span> * @returns this <span class='line'>1102</span> */</span><span class="WHIT"> -<span class='line'>1103</span> </span><span class="WHIT"> </span><span class="NAME">lineCap</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1104</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineCap'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1103</span> </span><span class="WHIT"> </span><span class="NAME">globalCompositeOperation</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1104</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">' globalCompositeOperation'</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1105</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1106</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1107</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1108</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineJoin attribute defines the type of corners that UAs will place -<span class='line'>1109</span> * where two lines meet. The three valid values are bevel, round, and miter. -<span class='line'>1110</span> * 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> -<span class='line'>1111</span> * @param {String} type -<span class='line'>1112</span> * @returns this -<span class='line'>1113</span> */</span><span class="WHIT"> -<span class='line'>1114</span> </span><span class="WHIT"> </span><span class="NAME">lineJoin</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1115</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineJoin'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1116</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1117</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1118</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1119</span> </span><span class="WHIT"> -<span class='line'>1120</span> </span><span class="COMM">/** Sets the miter limit -<span class='line'>1121</span> * 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> -<span class='line'>1122</span> * @param {Number} number -<span class='line'>1123</span> * @returns this -<span class='line'>1124</span> */</span><span class="WHIT"> -<span class='line'>1125</span> </span><span class="WHIT"> </span><span class="NAME">miterLimit</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1126</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'miterLimit'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1127</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1128</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1129</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1130</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the font property and takes the same syntax as setting the font property -<span class='line'>1131</span> * in CSS -<span class='line'>1132</span> * 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> -<span class='line'>1133</span> * @param {String} -<span class='line'>1134</span> * @returns this -<span class='line'>1135</span> */</span><span class="WHIT"> -<span class='line'>1136</span> </span><span class="WHIT"> </span><span class="NAME">font</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1137</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'font'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1138</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1139</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1140</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1141</span> -<span class='line'>1142</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the text alignment. The possible values are start, end, left, right, -<span class='line'>1143</span> * and center. The default is start. Other values are ignored. +<span class='line'>1108</span> +<span class='line'>1109</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the lineWidth attribute which gives the width of lines, in coordinate space +<span class='line'>1110</span> * units. +<span class='line'>1111</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1112</span> * @param {Number} lineWidth +<span class='line'>1113</span> * @returns this +<span class='line'>1114</span> */</span><span class="WHIT"> +<span class='line'>1115</span> </span><span class="WHIT"> </span><span class="NAME">lineWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1116</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineWidth'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1117</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1118</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1119</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1120</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineCap attribute defines the type of endings that UAs will place on +<span class='line'>1121</span> * the end of lines. +<span class='line'>1122</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1123</span> * @param {String} type butt, round, square +<span class='line'>1124</span> * @returns this +<span class='line'>1125</span> */</span><span class="WHIT"> +<span class='line'>1126</span> </span><span class="WHIT"> </span><span class="NAME">lineCap</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1127</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineCap'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1128</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1129</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1130</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1131</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineJoin attribute defines the type of corners that UAs will place +<span class='line'>1132</span> * where two lines meet. The three valid values are bevel, round, and miter. +<span class='line'>1133</span> * 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> +<span class='line'>1134</span> * @param {String} type +<span class='line'>1135</span> * @returns this +<span class='line'>1136</span> */</span><span class="WHIT"> +<span class='line'>1137</span> </span><span class="WHIT"> </span><span class="NAME">lineJoin</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1138</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineJoin'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1139</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1140</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1141</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1142</span> </span><span class="WHIT"> +<span class='line'>1143</span> </span><span class="COMM">/** Sets the miter limit <span class='line'>1144</span> * 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> -<span class='line'>1145</span> * @param {string} alignment +<span class='line'>1145</span> * @param {Number} number <span class='line'>1146</span> * @returns this <span class='line'>1147</span> */</span><span class="WHIT"> -<span class='line'>1148</span> </span><span class="WHIT"> </span><span class="NAME">textAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1149</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textAlign'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1148</span> </span><span class="WHIT"> </span><span class="NAME">miterLimit</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1149</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'miterLimit'</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1150</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1151</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1152</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1153</span> -<span class='line'>1154</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the baseline alignment. If the value is one of top, hanging, middle, -<span class='line'>1155</span> * alphabetic, ideographic, or bottom, then the value must be changed to the new value. -<span class='line'>1156</span> * 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> -<span class='line'>1157</span> * @param {String} alignment -<span class='line'>1158</span> * @returns this -<span class='line'>1159</span> */</span><span class="WHIT"> -<span class='line'>1160</span> </span><span class="WHIT"> </span><span class="NAME">textBaseline</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1161</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textBaseline'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1162</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1163</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1164</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1165</span> </span><span class="WHIT"> -<span class='line'>1166</span> </span><span class="COMM">/** Save the current state of the context +<span class='line'>1153</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the font property and takes the same syntax as setting the font property +<span class='line'>1154</span> * in CSS +<span class='line'>1155</span> * 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> +<span class='line'>1156</span> * @param {String} +<span class='line'>1157</span> * @returns this +<span class='line'>1158</span> */</span><span class="WHIT"> +<span class='line'>1159</span> </span><span class="WHIT"> </span><span class="NAME">font</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1160</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'font'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1161</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1162</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1163</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1164</span> +<span class='line'>1165</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the text alignment. The possible values are start, end, left, right, +<span class='line'>1166</span> * and center. The default is start. Other values are ignored. <span class='line'>1167</span> * 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> -<span class='line'>1168</span> * @param +<span class='line'>1168</span> * @param {string} alignment <span class='line'>1169</span> * @returns this <span class='line'>1170</span> */</span><span class="WHIT"> -<span class='line'>1171</span> </span><span class="WHIT"> </span><span class="NAME">save</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1172</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'save'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1173</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1171</span> </span><span class="WHIT"> </span><span class="NAME">textAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1172</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textAlign'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1173</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1174</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1175</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1176</span> </span><span class="WHIT"> </span><span class="COMM">/** Restore the saved context -<span class='line'>1177</span> * 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> -<span class='line'>1178</span> * @param -<span class='line'>1179</span> * @returns this -<span class='line'>1180</span> */</span><span class="WHIT"> -<span class='line'>1181</span> </span><span class="WHIT"> </span><span class="NAME">restore</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1182</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'restore'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1183</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1184</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1185</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1186</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a scale transformation -<span class='line'>1187</span> * 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> -<span class='line'>1188</span> * @param -<span class='line'>1189</span> * @returns this -<span class='line'>1190</span> */</span><span class="WHIT"> -<span class='line'>1191</span> </span><span class="WHIT"> </span><span class="NAME">scale</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1192</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'scale'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1193</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1194</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1195</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1196</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a rotation transformation -<span class='line'>1197</span> * 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> -<span class='line'>1198</span> * @param -<span class='line'>1199</span> * @returns this -<span class='line'>1200</span> */</span><span class="WHIT"> -<span class='line'>1201</span> </span><span class="WHIT"> </span><span class="NAME">rotate</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1202</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rotate'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1203</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1204</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1205</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1206</span> </span><span class="WHIT"> </span><span class="COMM">/** Performa a translation transformation -<span class='line'>1207</span> * 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> -<span class='line'>1208</span> * @param -<span class='line'>1209</span> * @returns this -<span class='line'>1210</span> */</span><span class="WHIT"> -<span class='line'>1211</span> </span><span class="WHIT"> </span><span class="NAME">translate</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1212</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'translate'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1213</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1214</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1215</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1216</span> </span><span class="WHIT"> -<span class='line'>1217</span> </span><span class="COMM">/** Transform the identity matrix -<span class='line'>1218</span> * 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> -<span class='line'>1219</span> * @param -<span class='line'>1220</span> * @returns this -<span class='line'>1221</span> */</span><span class="WHIT"> -<span class='line'>1222</span> </span><span class="WHIT"> </span><span class="NAME">transform</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1223</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'transform'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1224</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1225</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1226</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1227</span> </span><span class="WHIT"> </span><span class="COMM">/** Set the transform -<span class='line'>1228</span> * 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> -<span class='line'>1229</span> * @param -<span class='line'>1230</span> * @returns this -<span class='line'>1231</span> */</span><span class="WHIT"> -<span class='line'>1232</span> </span><span class="WHIT"> </span><span class="NAME">setTransform</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1233</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'setTransform'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1234</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1235</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1236</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1237</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear a rectangular area -<span class='line'>1238</span> * 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> -<span class='line'>1239</span> * @param -<span class='line'>1240</span> * @returns this -<span class='line'>1241</span> */</span><span class="WHIT"> -<span class='line'>1242</span> </span><span class="WHIT"> </span><span class="NAME">clearRect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1243</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clearRect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1244</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1245</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1246</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1247</span> </span><span class="WHIT"> </span><span class="COMM">/** Fill a rectangular area -<span class='line'>1248</span> * 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> -<span class='line'>1249</span> * @param -<span class='line'>1250</span> * @returns this -<span class='line'>1251</span> */</span><span class="WHIT"> -<span class='line'>1252</span> </span><span class="WHIT"> </span><span class="NAME">fillRect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1253</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillRect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1254</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1255</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1256</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1257</span> </span><span class="WHIT"> -<span class='line'>1258</span> </span><span class="COMM">/** Draw the outline of the rectangle -<span class='line'>1259</span> * 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> -<span class='line'>1260</span> * @param -<span class='line'>1261</span> * @returns this -<span class='line'>1262</span> */</span><span class="WHIT"> -<span class='line'>1263</span> </span><span class="WHIT"> </span><span class="NAME">strokeRect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1264</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeRect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1265</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1266</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1267</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1268</span> </span><span class="WHIT"> </span><span class="COMM">/** Begin a path -<span class='line'>1269</span> * 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> -<span class='line'>1270</span> * @param -<span class='line'>1271</span> * @returns this -<span class='line'>1272</span> */</span><span class="WHIT"> -<span class='line'>1273</span> </span><span class="WHIT"> </span><span class="NAME">beginPath</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1274</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'beginPath'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1275</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1276</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1277</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1278</span> </span><span class="WHIT"> </span><span class="COMM">/** End a path -<span class='line'>1279</span> * 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> -<span class='line'>1280</span> * @param -<span class='line'>1281</span> * @returns this -<span class='line'>1282</span> */</span><span class="WHIT"> -<span class='line'>1283</span> </span><span class="WHIT"> </span><span class="NAME">closePath</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1284</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'closePath'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1285</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1286</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1287</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1288</span> </span><span class="WHIT"> </span><span class="COMM">/** Move to specified coordinates -<span class='line'>1289</span> * 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> -<span class='line'>1290</span> * @param -<span class='line'>1291</span> * @returns this -<span class='line'>1292</span> */</span><span class="WHIT"> -<span class='line'>1293</span> </span><span class="WHIT"> </span><span class="NAME">moveTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1294</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'moveTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1295</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1296</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1297</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1298</span> -<span class='line'>1299</span> -<span class='line'>1300</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a line to the given coordinates -<span class='line'>1301</span> * 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> -<span class='line'>1302</span> * @param -<span class='line'>1303</span> * @returns this -<span class='line'>1304</span> */</span><span class="WHIT"> -<span class='line'>1305</span> </span><span class="WHIT"> </span><span class="NAME">lineTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1306</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1307</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1308</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1309</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1310</span> -<span class='line'>1311</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a quadratic curve to given coordinates +<span class='line'>1176</span> +<span class='line'>1177</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the baseline alignment. If the value is one of top, hanging, middle, +<span class='line'>1178</span> * alphabetic, ideographic, or bottom, then the value must be changed to the new value. +<span class='line'>1179</span> * 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> +<span class='line'>1180</span> * @param {String} alignment +<span class='line'>1181</span> * @returns this +<span class='line'>1182</span> */</span><span class="WHIT"> +<span class='line'>1183</span> </span><span class="WHIT"> </span><span class="NAME">textBaseline</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1184</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textBaseline'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1185</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1186</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1187</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1188</span> </span><span class="WHIT"> +<span class='line'>1189</span> </span><span class="COMM">/** Save the current state of the context +<span class='line'>1190</span> * 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> +<span class='line'>1191</span> * @param +<span class='line'>1192</span> * @returns this +<span class='line'>1193</span> */</span><span class="WHIT"> +<span class='line'>1194</span> </span><span class="WHIT"> </span><span class="NAME">save</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1195</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'save'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1196</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1197</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1198</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1199</span> </span><span class="WHIT"> </span><span class="COMM">/** Restore the saved context +<span class='line'>1200</span> * 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> +<span class='line'>1201</span> * @param +<span class='line'>1202</span> * @returns this +<span class='line'>1203</span> */</span><span class="WHIT"> +<span class='line'>1204</span> </span><span class="WHIT"> </span><span class="NAME">restore</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1205</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'restore'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1206</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1207</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1208</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1209</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a scale transformation +<span class='line'>1210</span> * 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> +<span class='line'>1211</span> * @param +<span class='line'>1212</span> * @returns this +<span class='line'>1213</span> */</span><span class="WHIT"> +<span class='line'>1214</span> </span><span class="WHIT"> </span><span class="NAME">scale</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1215</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'scale'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1216</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1217</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1218</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1219</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a rotation transformation +<span class='line'>1220</span> * 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> +<span class='line'>1221</span> * @param +<span class='line'>1222</span> * @returns this +<span class='line'>1223</span> */</span><span class="WHIT"> +<span class='line'>1224</span> </span><span class="WHIT"> </span><span class="NAME">rotate</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1225</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rotate'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1226</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1227</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1228</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1229</span> </span><span class="WHIT"> </span><span class="COMM">/** Performa a translation transformation +<span class='line'>1230</span> * 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> +<span class='line'>1231</span> * @param +<span class='line'>1232</span> * @returns this +<span class='line'>1233</span> */</span><span class="WHIT"> +<span class='line'>1234</span> </span><span class="WHIT"> </span><span class="NAME">translate</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1235</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'translate'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1236</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1237</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1238</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1239</span> </span><span class="WHIT"> +<span class='line'>1240</span> </span><span class="COMM">/** Transform the identity matrix +<span class='line'>1241</span> * 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> +<span class='line'>1242</span> * @param +<span class='line'>1243</span> * @returns this +<span class='line'>1244</span> */</span><span class="WHIT"> +<span class='line'>1245</span> </span><span class="WHIT"> </span><span class="NAME">transform</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1246</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'transform'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1247</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1248</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1249</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1250</span> </span><span class="WHIT"> </span><span class="COMM">/** Set the transform +<span class='line'>1251</span> * 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> +<span class='line'>1252</span> * @param +<span class='line'>1253</span> * @returns this +<span class='line'>1254</span> */</span><span class="WHIT"> +<span class='line'>1255</span> </span><span class="WHIT"> </span><span class="NAME">setTransform</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1256</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'setTransform'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1257</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1258</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1259</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1260</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear a rectangular area +<span class='line'>1261</span> * 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> +<span class='line'>1262</span> * @param +<span class='line'>1263</span> * @returns this +<span class='line'>1264</span> */</span><span class="WHIT"> +<span class='line'>1265</span> </span><span class="WHIT"> </span><span class="NAME">clearRect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1266</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clearRect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1267</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1268</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1269</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1270</span> </span><span class="WHIT"> </span><span class="COMM">/** Fill a rectangular area +<span class='line'>1271</span> * 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> +<span class='line'>1272</span> * @param +<span class='line'>1273</span> * @returns this +<span class='line'>1274</span> */</span><span class="WHIT"> +<span class='line'>1275</span> </span><span class="WHIT"> </span><span class="NAME">fillRect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1276</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillRect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1277</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1278</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1279</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1280</span> </span><span class="WHIT"> +<span class='line'>1281</span> </span><span class="COMM">/** Draw the outline of the rectangle +<span class='line'>1282</span> * 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> +<span class='line'>1283</span> * @param +<span class='line'>1284</span> * @returns this +<span class='line'>1285</span> */</span><span class="WHIT"> +<span class='line'>1286</span> </span><span class="WHIT"> </span><span class="NAME">strokeRect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1287</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeRect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1288</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1289</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1290</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1291</span> </span><span class="WHIT"> </span><span class="COMM">/** Begin a path +<span class='line'>1292</span> * 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> +<span class='line'>1293</span> * @param +<span class='line'>1294</span> * @returns this +<span class='line'>1295</span> */</span><span class="WHIT"> +<span class='line'>1296</span> </span><span class="WHIT"> </span><span class="NAME">beginPath</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1297</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'beginPath'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1298</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1299</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1300</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1301</span> </span><span class="WHIT"> </span><span class="COMM">/** End a path +<span class='line'>1302</span> * 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> +<span class='line'>1303</span> * @param +<span class='line'>1304</span> * @returns this +<span class='line'>1305</span> */</span><span class="WHIT"> +<span class='line'>1306</span> </span><span class="WHIT"> </span><span class="NAME">closePath</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1307</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'closePath'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1308</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1309</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1310</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1311</span> </span><span class="WHIT"> </span><span class="COMM">/** Move to specified coordinates <span class='line'>1312</span> * 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> <span class='line'>1313</span> * @param <span class='line'>1314</span> * @returns this <span class='line'>1315</span> */</span><span class="WHIT"> -<span class='line'>1316</span> </span><span class="WHIT"> </span><span class="NAME">quadraticCurveTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1317</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'quadraticCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1316</span> </span><span class="WHIT"> </span><span class="NAME">moveTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1317</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'moveTo'</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1318</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1319</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1320</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1321</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a bezier curve to given coordinates -<span class='line'>1322</span> * 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> -<span class='line'>1323</span> * @param -<span class='line'>1324</span> * @returns this -<span class='line'>1325</span> */</span><span class="WHIT"> -<span class='line'>1326</span> </span><span class="WHIT"> </span><span class="NAME">bezierCurveTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1327</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'bezierCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1328</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1329</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1330</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1331</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw an arc to the given points -<span class='line'>1332</span> * 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> -<span class='line'>1333</span> * @param -<span class='line'>1334</span> * @returns this -<span class='line'>1335</span> */</span><span class="WHIT"> -<span class='line'>1336</span> </span><span class="WHIT"> </span><span class="NAME">arcTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1337</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arcTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1338</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1339</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1340</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1341</span> </span><span class="WHIT"> </span><span class="COMM">/** Create an arc -<span class='line'>1342</span> * 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> -<span class='line'>1343</span> * @param -<span class='line'>1344</span> * @returns this -<span class='line'>1345</span> */</span><span class="WHIT"> -<span class='line'>1346</span> </span><span class="WHIT"> </span><span class="NAME">arc</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1347</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arc'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1348</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1349</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1350</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1351</span> -<span class='line'>1352</span> </span><span class="WHIT"> </span><span class="COMM">/** Create a rectangle -<span class='line'>1353</span> * 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> -<span class='line'>1354</span> * @param -<span class='line'>1355</span> * @returns this -<span class='line'>1356</span> */</span><span class="WHIT"> -<span class='line'>1357</span> </span><span class="WHIT"> </span><span class="NAME">rect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1358</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1359</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1360</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1361</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1362</span> </span><span class="WHIT"> </span><span class="COMM">/** fill in the current subpaths with the current fillstyle -<span class='line'>1363</span> * 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> -<span class='line'>1364</span> * @param -<span class='line'>1365</span> * @returns this -<span class='line'>1366</span> */</span><span class="WHIT"> -<span class='line'>1367</span> </span><span class="WHIT"> </span><span class="NAME">fill</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1368</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fill'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1369</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1370</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1371</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1372</span> </span><span class="WHIT"> </span><span class="COMM">/** Stroke the subpaths -<span class='line'>1373</span> * 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> -<span class='line'>1374</span> * @param -<span class='line'>1375</span> * @returns this -<span class='line'>1376</span> */</span><span class="WHIT"> -<span class='line'>1377</span> </span><span class="WHIT"> </span><span class="NAME">stroke</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1378</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'stroke'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1379</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1380</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1381</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1382</span> </span><span class="WHIT"> -<span class='line'>1383</span> </span><span class="COMM">/** description -<span class='line'>1384</span> * 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> -<span class='line'>1385</span> * @param -<span class='line'>1386</span> * @returns this -<span class='line'>1387</span> */</span><span class="WHIT"> -<span class='line'>1388</span> </span><span class="WHIT"> </span><span class="NAME">clip</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1389</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clip'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1390</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1391</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1392</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1393</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1394</span> * 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> -<span class='line'>1395</span> * @param -<span class='line'>1396</span> * @returns this -<span class='line'>1397</span> */</span><span class="WHIT"> -<span class='line'>1398</span> </span><span class="WHIT"> </span><span class="NAME">fillText</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1399</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillText'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1400</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1401</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1402</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1403</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1404</span> * 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> -<span class='line'>1405</span> * @param -<span class='line'>1406</span> * @returns this -<span class='line'>1407</span> */</span><span class="WHIT"> -<span class='line'>1408</span> </span><span class="WHIT"> </span><span class="NAME">strokeText</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1409</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeText'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1410</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1411</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1412</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1413</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1414</span> * 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> -<span class='line'>1415</span> * @param -<span class='line'>1416</span> * @returns this -<span class='line'>1417</span> */</span><span class="WHIT"> -<span class='line'>1418</span> </span><span class="WHIT"> </span><span class="NAME">measureText</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1419</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'measureText'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1420</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1421</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1422</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1423</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1424</span> * 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> -<span class='line'>1425</span> * @param -<span class='line'>1426</span> * @returns this -<span class='line'>1427</span> */</span><span class="WHIT"> -<span class='line'>1428</span> </span><span class="WHIT"> </span><span class="NAME">isPointInPath</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1429</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'isPointInPath'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1430</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1431</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1432</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1433</span> </span><span class="WHIT"> -<span class='line'>1434</span> </span><span class="COMM">/** Sets the stroke style -<span class='line'>1435</span> * 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> -<span class='line'>1436</span> * @param -<span class='line'>1437</span> * @returns this -<span class='line'>1438</span> */</span><span class="WHIT"> -<span class='line'>1439</span> </span><span class="WHIT"> </span><span class="NAME">strokeStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1440</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeStyle'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1441</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1442</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1443</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1444</span> -<span class='line'>1445</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the fill style -<span class='line'>1446</span> * 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> -<span class='line'>1447</span> * @param -<span class='line'>1448</span> * @returns this -<span class='line'>1449</span> */</span><span class="WHIT"> -<span class='line'>1450</span> </span><span class="WHIT"> </span><span class="NAME">fillStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1451</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillStyle'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1452</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1453</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1454</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1455</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1456</span> * 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> -<span class='line'>1457</span> * @param -<span class='line'>1458</span> * @returns this -<span class='line'>1459</span> */</span><span class="WHIT"> -<span class='line'>1460</span> </span><span class="WHIT"> </span><span class="NAME">createLinearGradient</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1461</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createLinearGradient'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1462</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1463</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1464</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1465</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1466</span> * 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> -<span class='line'>1467</span> * @param -<span class='line'>1468</span> * @returns this -<span class='line'>1469</span> */</span><span class="WHIT"> -<span class='line'>1470</span> </span><span class="WHIT"> </span><span class="NAME">createRadialGradient</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1471</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createRadialGradient'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1472</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1473</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1474</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1475</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1476</span> * 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> -<span class='line'>1477</span> * @param -<span class='line'>1478</span> * @returns this -<span class='line'>1479</span> */</span><span class="WHIT"> -<span class='line'>1480</span> </span><span class="WHIT"> </span><span class="NAME">createPattern</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1481</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createPattern'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1482</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1483</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1484</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1485</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1486</span> * 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> -<span class='line'>1487</span> * @param -<span class='line'>1488</span> * @returns this -<span class='line'>1489</span> */</span><span class="WHIT"> -<span class='line'>1490</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetX</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1491</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetX'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1492</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1493</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1494</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1495</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1496</span> * 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> -<span class='line'>1497</span> * @param -<span class='line'>1498</span> * @returns this -<span class='line'>1499</span> */</span><span class="WHIT"> -<span class='line'>1500</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetY</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1501</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetY'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1502</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1503</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1504</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1505</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1506</span> * 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> -<span class='line'>1507</span> * @param -<span class='line'>1508</span> * @returns this -<span class='line'>1509</span> */</span><span class="WHIT"> -<span class='line'>1510</span> </span><span class="WHIT"> </span><span class="NAME">shadowBlur</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1511</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowBlur'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1512</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1513</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1514</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1515</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1516</span> * 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> -<span class='line'>1517</span> * @param -<span class='line'>1518</span> * @returns this -<span class='line'>1519</span> */</span><span class="WHIT"> -<span class='line'>1520</span> </span><span class="WHIT"> </span><span class="NAME">shadowColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1521</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowColor'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1522</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1523</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1524</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1525</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1526</span> * 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> -<span class='line'>1527</span> * @param -<span class='line'>1528</span> * @returns this -<span class='line'>1529</span> */</span><span class="WHIT"> -<span class='line'>1530</span> </span><span class="WHIT"> </span><span class="NAME">drawImage</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1531</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawImage'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1532</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1533</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1534</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1535</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1536</span> * 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> -<span class='line'>1537</span> * @param -<span class='line'>1538</span> * @returns this -<span class='line'>1539</span> */</span><span class="WHIT"> -<span class='line'>1540</span> </span><span class="WHIT"> </span><span class="NAME">getImageData</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1541</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'getImageData'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1542</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1543</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1544</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1545</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1546</span> * 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> -<span class='line'>1547</span> * @param -<span class='line'>1548</span> * @returns this -<span class='line'>1549</span> */</span><span class="WHIT"> -<span class='line'>1550</span> </span><span class="WHIT"> </span><span class="NAME">putImageData</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1551</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'putImageData'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1552</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1553</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1554</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1555</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1556</span> * 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> -<span class='line'>1557</span> * @param -<span class='line'>1558</span> * @returns this -<span class='line'>1559</span> */</span><span class="WHIT"> -<span class='line'>1560</span> </span><span class="WHIT"> </span><span class="NAME">createImageData</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1561</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createImageData'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1562</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1563</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1564</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1565</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1566</span> * 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> -<span class='line'>1567</span> * @param -<span class='line'>1568</span> * @returns this -<span class='line'>1569</span> */</span><span class="WHIT"> -<span class='line'>1570</span> </span><span class="WHIT"> </span><span class="NAME">drawWindow</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1571</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawWindow'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1572</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1573</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1574</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1575</span> </span><span class="WHIT"> -<span class='line'>1576</span> -<span class='line'>1577</span> -<span class='line'>1578</span> -<span class='line'>1579</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1580</span> -<span class='line'>1581</span> -<span class='line'>1582</span> </span><span class="COMM">/** Prototype object for each svg element submitted to Karma in the -<span class='line'>1583</span> * Karma() method -<span class='line'>1584</span> * @throws {Error} if the name and domId for the svg element are not specified -<span class='line'>1585</span> * @thows {Error} if the supplied domId does not match an element in the DOM -<span class='line'>1586</span> * @class This object is the prototype for each svg element submitted to Karma in the -<span class='line'>1587</span> * Karma() method -<span class='line'>1588</span> */</span><span class="WHIT"> -<span class='line'>1589</span> </span><span class="NAME">Karma.kSvg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1590</span> </span><span class="WHIT"> </span><span class="COMM">/** name of instance, used internally -<span class='line'>1591</span> * @typeof string -<span class='line'>1592</span> * @default "" -<span class='line'>1593</span> */</span><span class="WHIT"> -<span class='line'>1594</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1595</span> </span><span class="WHIT"> </span><span class="COMM">/** width of element -<span class='line'>1596</span> * @type number -<span class='line'>1597</span> * @default 0 -<span class='line'>1598</span> */</span><span class="WHIT"> -<span class='line'>1599</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1600</span> </span><span class="WHIT"> </span><span class="COMM">/** height of element -<span class='line'>1601</span> * @type number -<span class='line'>1602</span> * @default 0 -<span class='line'>1603</span> */</span><span class="WHIT"> -<span class='line'>1604</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1605</span> </span><span class="WHIT"> </span><span class="COMM">/** Status of element, either "loaded" or "error" -<span class='line'>1606</span> * @type string -<span class='line'>1607</span> * @default "" -<span class='line'>1608</span> */</span><span class="WHIT"> -<span class='line'>1609</span> </span><span class="WHIT"> </span><span class="NAME">status</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1610</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible. This value is read-only -<span class='line'>1611</span> * @type boolean -<span class='line'>1612</span> * @default true -<span class='line'>1613</span> */</span><span class="WHIT"> -<span class='line'>1614</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1615</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. -<span class='line'>1616</span> * @type String -<span class='line'>1617</span> * @default undefined -<span class='line'>1618</span> */</span><span class="WHIT"> -<span class='line'>1619</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1620</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element. -<span class='line'>1621</span> * @type DOMElement -<span class='line'>1622</span> * @default undefined -<span class='line'>1623</span> * @example -<span class='line'>1624</span> * //You can access all properties and methods of the underlying DOM element -<span class='line'>1625</span> * //using the 'node' property -<span class='line'>1626</span> * Karma.svg.someSvg.node.dispatchEvent; -<span class='line'>1627</span> * Karma.svg.someSvg.node.addEvenListener(...); -<span class='line'>1628</span> */</span><span class="WHIT"> -<span class='line'>1629</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1630</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the SVGDocument. You can use the this.doc to manipulate -<span class='line'>1631</span> * the SVG document -<span class='line'>1632</span> * @type SVGDocument -<span class='line'>1633</span> * @default undefined -<span class='line'>1634</span> * @example -<span class='line'>1635</span> * var myElem = Karma.svg.someSvg.doc.getElementById('foobar'); -<span class='line'>1636</span> * Karma.svg.someSvg.doc.createElement(...); -<span class='line'>1637</span> * Karma.svg.someSvg.doc.removeChild(someNode); -<span class='line'>1638</span> * -<span class='line'>1639</span> */</span><span class="WHIT"> -<span class='line'>1640</span> </span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1641</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the root element of the SVG Document -<span class='line'>1642</span> * @type DocumentElement -<span class='line'>1643</span> * @default undefined -<span class='line'>1644</span> * @example -<span class='line'>1645</span> * // The root element is equivalent to "document" in a regular html document -<span class='line'>1646</span> * // The root attribute is used frequently with the jQuery SVG plugin for CSS selectors -<span class='line'>1647</span> * $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...); -<span class='line'>1648</span> */</span><span class="WHIT"> -<span class='line'>1649</span> </span><span class="WHIT"> </span><span class="NAME">root</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1650</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="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1651</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1652</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1653</span> -<span class='line'>1654</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1655</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1656</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1657</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1658</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1659</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1660</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1661</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1662</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1663</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1664</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1665</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1666</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1667</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1668</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1669</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1670</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1671</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1672</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1673</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1674</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1675</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1676</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1677</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1678</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1679</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1680</span> </span><span class="WHIT"> -<span class='line'>1681</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1682</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1683</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'>1684</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1685</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1686</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1687</span> -<span class='line'>1688</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1689</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1690</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1691</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1692</span> </span><span class="WHIT"> -<span class='line'>1693</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1694</span> </span><span class="WHIT"> </span><span class="NAME">that._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1695</span> </span><span class="WHIT"> -<span class='line'>1696</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1697</span> </span><span class="WHIT"> -<span class='line'>1698</span> -<span class='line'>1699</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1700</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1701</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1702</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1703</span> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1704</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1705</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1706</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1707</span> </span><span class="NAME">that.root</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.doc.documentElement</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1708</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1709</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1710</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1711</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1712</span> -<span class='line'>1713</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1714</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1715</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1716</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1717</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1718</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1719</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1720</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1721</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1722</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1723</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1724</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1725</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1726</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1727</span> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1728</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1729</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1730</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1731</span> -<span class='line'>1732</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1733</span> -<span class='line'>1734</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1735</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1736</span> </span></pre></body></html>
\ No newline at end of file +<span class='line'>1321</span> +<span class='line'>1322</span> +<span class='line'>1323</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a line to the given coordinates +<span class='line'>1324</span> * 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> +<span class='line'>1325</span> * @param +<span class='line'>1326</span> * @returns this +<span class='line'>1327</span> */</span><span class="WHIT"> +<span class='line'>1328</span> </span><span class="WHIT"> </span><span class="NAME">lineTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1329</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1330</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1331</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1332</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1333</span> +<span class='line'>1334</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a quadratic curve to given coordinates +<span class='line'>1335</span> * 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> +<span class='line'>1336</span> * @param +<span class='line'>1337</span> * @returns this +<span class='line'>1338</span> */</span><span class="WHIT"> +<span class='line'>1339</span> </span><span class="WHIT"> </span><span class="NAME">quadraticCurveTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1340</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'quadraticCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1341</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1342</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1343</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1344</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a bezier curve to given coordinates +<span class='line'>1345</span> * 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> +<span class='line'>1346</span> * @param +<span class='line'>1347</span> * @returns this +<span class='line'>1348</span> */</span><span class="WHIT"> +<span class='line'>1349</span> </span><span class="WHIT"> </span><span class="NAME">bezierCurveTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1350</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'bezierCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1351</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1352</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1353</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1354</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw an arc to the given points +<span class='line'>1355</span> * 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> +<span class='line'>1356</span> * @param +<span class='line'>1357</span> * @returns this +<span class='line'>1358</span> */</span><span class="WHIT"> +<span class='line'>1359</span> </span><span class="WHIT"> </span><span class="NAME">arcTo</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1360</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arcTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1361</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1362</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1363</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1364</span> </span><span class="WHIT"> </span><span class="COMM">/** Create an arc +<span class='line'>1365</span> * 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> +<span class='line'>1366</span> * @param +<span class='line'>1367</span> * @returns this +<span class='line'>1368</span> */</span><span class="WHIT"> +<span class='line'>1369</span> </span><span class="WHIT"> </span><span class="NAME">arc</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1370</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arc'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1371</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1372</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1373</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1374</span> +<span class='line'>1375</span> </span><span class="WHIT"> </span><span class="COMM">/** Create a rectangle +<span class='line'>1376</span> * 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> +<span class='line'>1377</span> * @param +<span class='line'>1378</span> * @returns this +<span class='line'>1379</span> */</span><span class="WHIT"> +<span class='line'>1380</span> </span><span class="WHIT"> </span><span class="NAME">rect</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1381</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1382</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1383</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1384</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1385</span> </span><span class="WHIT"> </span><span class="COMM">/** fill in the current subpaths with the current fillstyle +<span class='line'>1386</span> * 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> +<span class='line'>1387</span> * @param +<span class='line'>1388</span> * @returns this +<span class='line'>1389</span> */</span><span class="WHIT"> +<span class='line'>1390</span> </span><span class="WHIT"> </span><span class="NAME">fill</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1391</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fill'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1392</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1393</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1394</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1395</span> </span><span class="WHIT"> </span><span class="COMM">/** Stroke the subpaths +<span class='line'>1396</span> * 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> +<span class='line'>1397</span> * @param +<span class='line'>1398</span> * @returns this +<span class='line'>1399</span> */</span><span class="WHIT"> +<span class='line'>1400</span> </span><span class="WHIT"> </span><span class="NAME">stroke</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1401</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'stroke'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1402</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1403</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1404</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1405</span> </span><span class="WHIT"> +<span class='line'>1406</span> </span><span class="COMM">/** description +<span class='line'>1407</span> * 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> +<span class='line'>1408</span> * @param +<span class='line'>1409</span> * @returns this +<span class='line'>1410</span> */</span><span class="WHIT"> +<span class='line'>1411</span> </span><span class="WHIT"> </span><span class="NAME">clip</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1412</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clip'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1413</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1414</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1415</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1416</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1417</span> * 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> +<span class='line'>1418</span> * @param +<span class='line'>1419</span> * @returns this +<span class='line'>1420</span> */</span><span class="WHIT"> +<span class='line'>1421</span> </span><span class="WHIT"> </span><span class="NAME">fillText</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1422</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillText'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1423</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1424</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1425</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1426</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1427</span> * 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> +<span class='line'>1428</span> * @param +<span class='line'>1429</span> * @returns this +<span class='line'>1430</span> */</span><span class="WHIT"> +<span class='line'>1431</span> </span><span class="WHIT"> </span><span class="NAME">strokeText</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1432</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeText'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1433</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1434</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1435</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1436</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1437</span> * 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> +<span class='line'>1438</span> * @param +<span class='line'>1439</span> * @returns this +<span class='line'>1440</span> */</span><span class="WHIT"> +<span class='line'>1441</span> </span><span class="WHIT"> </span><span class="NAME">measureText</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1442</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'measureText'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1443</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1444</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1445</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1446</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1447</span> * 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> +<span class='line'>1448</span> * @param +<span class='line'>1449</span> * @returns this +<span class='line'>1450</span> */</span><span class="WHIT"> +<span class='line'>1451</span> </span><span class="WHIT"> </span><span class="NAME">isPointInPath</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1452</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'isPointInPath'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1453</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1454</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1455</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1456</span> </span><span class="WHIT"> +<span class='line'>1457</span> </span><span class="COMM">/** Sets the stroke style +<span class='line'>1458</span> * 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> +<span class='line'>1459</span> * @param +<span class='line'>1460</span> * @returns this +<span class='line'>1461</span> */</span><span class="WHIT"> +<span class='line'>1462</span> </span><span class="WHIT"> </span><span class="NAME">strokeStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1463</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeStyle'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1464</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1465</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1466</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1467</span> +<span class='line'>1468</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the fill style +<span class='line'>1469</span> * 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> +<span class='line'>1470</span> * @param +<span class='line'>1471</span> * @returns this +<span class='line'>1472</span> */</span><span class="WHIT"> +<span class='line'>1473</span> </span><span class="WHIT"> </span><span class="NAME">fillStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1474</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillStyle'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1475</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1476</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1477</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1478</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1479</span> * 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> +<span class='line'>1480</span> * @param +<span class='line'>1481</span> * @returns this +<span class='line'>1482</span> */</span><span class="WHIT"> +<span class='line'>1483</span> </span><span class="WHIT"> </span><span class="NAME">createLinearGradient</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1484</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createLinearGradient'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1485</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1486</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1487</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1488</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1489</span> * 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> +<span class='line'>1490</span> * @param +<span class='line'>1491</span> * @returns this +<span class='line'>1492</span> */</span><span class="WHIT"> +<span class='line'>1493</span> </span><span class="WHIT"> </span><span class="NAME">createRadialGradient</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1494</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createRadialGradient'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1495</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1496</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1497</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1498</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1499</span> * 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> +<span class='line'>1500</span> * @param +<span class='line'>1501</span> * @returns this +<span class='line'>1502</span> */</span><span class="WHIT"> +<span class='line'>1503</span> </span><span class="WHIT"> </span><span class="NAME">createPattern</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1504</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createPattern'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1505</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1506</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1507</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1508</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1509</span> * 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> +<span class='line'>1510</span> * @param +<span class='line'>1511</span> * @returns this +<span class='line'>1512</span> */</span><span class="WHIT"> +<span class='line'>1513</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetX</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1514</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetX'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1515</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1516</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1517</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1518</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1519</span> * 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> +<span class='line'>1520</span> * @param +<span class='line'>1521</span> * @returns this +<span class='line'>1522</span> */</span><span class="WHIT"> +<span class='line'>1523</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetY</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1524</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetY'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1525</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1526</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1527</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1528</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1529</span> * 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> +<span class='line'>1530</span> * @param +<span class='line'>1531</span> * @returns this +<span class='line'>1532</span> */</span><span class="WHIT"> +<span class='line'>1533</span> </span><span class="WHIT"> </span><span class="NAME">shadowBlur</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1534</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowBlur'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1535</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1536</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1537</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1538</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1539</span> * 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> +<span class='line'>1540</span> * @param +<span class='line'>1541</span> * @returns this +<span class='line'>1542</span> */</span><span class="WHIT"> +<span class='line'>1543</span> </span><span class="WHIT"> </span><span class="NAME">shadowColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1544</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowColor'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1545</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1546</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1547</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1548</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1549</span> * 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> +<span class='line'>1550</span> * @param +<span class='line'>1551</span> * @returns this +<span class='line'>1552</span> */</span><span class="WHIT"> +<span class='line'>1553</span> </span><span class="WHIT"> </span><span class="NAME">drawImage</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1554</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawImage'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1555</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1556</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1557</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1558</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1559</span> * 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> +<span class='line'>1560</span> * @param +<span class='line'>1561</span> * @returns this +<span class='line'>1562</span> */</span><span class="WHIT"> +<span class='line'>1563</span> </span><span class="WHIT"> </span><span class="NAME">getImageData</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1564</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'getImageData'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1565</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1566</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1567</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1568</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1569</span> * 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> +<span class='line'>1570</span> * @param +<span class='line'>1571</span> * @returns this +<span class='line'>1572</span> */</span><span class="WHIT"> +<span class='line'>1573</span> </span><span class="WHIT"> </span><span class="NAME">putImageData</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1574</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'putImageData'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1575</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1576</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1577</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1578</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1579</span> * 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> +<span class='line'>1580</span> * @param +<span class='line'>1581</span> * @returns this +<span class='line'>1582</span> */</span><span class="WHIT"> +<span class='line'>1583</span> </span><span class="WHIT"> </span><span class="NAME">createImageData</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1584</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createImageData'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1585</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1586</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1587</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1588</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1589</span> * 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> +<span class='line'>1590</span> * @param +<span class='line'>1591</span> * @returns this +<span class='line'>1592</span> */</span><span class="WHIT"> +<span class='line'>1593</span> </span><span class="WHIT"> </span><span class="NAME">drawWindow</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="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1594</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawWindow'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1595</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1596</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1597</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1598</span> </span><span class="WHIT"> +<span class='line'>1599</span> +<span class='line'>1600</span> +<span class='line'>1601</span> +<span class='line'>1602</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1603</span> +<span class='line'>1604</span> +<span class='line'>1605</span> </span><span class="COMM">/** Prototype object for each svg element submitted to Karma in the +<span class='line'>1606</span> * Karma() method +<span class='line'>1607</span> * @throws {Error} if the name and domId for the svg element are not specified +<span class='line'>1608</span> * @thows {Error} if the supplied domId does not match an element in the DOM +<span class='line'>1609</span> * @class This object is the prototype for each svg element submitted to Karma in the +<span class='line'>1610</span> * Karma() method +<span class='line'>1611</span> */</span><span class="WHIT"> +<span class='line'>1612</span> </span><span class="NAME">Karma.kSvg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1613</span> </span><span class="WHIT"> </span><span class="COMM">/** name of instance, used internally +<span class='line'>1614</span> * @typeof string +<span class='line'>1615</span> * @default "" +<span class='line'>1616</span> */</span><span class="WHIT"> +<span class='line'>1617</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1618</span> </span><span class="WHIT"> </span><span class="COMM">/** width of element +<span class='line'>1619</span> * @type number +<span class='line'>1620</span> * @default 0 +<span class='line'>1621</span> */</span><span class="WHIT"> +<span class='line'>1622</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1623</span> </span><span class="WHIT"> </span><span class="COMM">/** height of element +<span class='line'>1624</span> * @type number +<span class='line'>1625</span> * @default 0 +<span class='line'>1626</span> */</span><span class="WHIT"> +<span class='line'>1627</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1628</span> </span><span class="WHIT"> </span><span class="COMM">/** Status of element, either "loaded" or "error" +<span class='line'>1629</span> * @type string +<span class='line'>1630</span> * @default "" +<span class='line'>1631</span> */</span><span class="WHIT"> +<span class='line'>1632</span> </span><span class="WHIT"> </span><span class="NAME">status</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1633</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible. This value is read-only +<span class='line'>1634</span> * @type boolean +<span class='line'>1635</span> * @default true +<span class='line'>1636</span> */</span><span class="WHIT"> +<span class='line'>1637</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1638</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. +<span class='line'>1639</span> * @type String +<span class='line'>1640</span> * @default undefined +<span class='line'>1641</span> */</span><span class="WHIT"> +<span class='line'>1642</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1643</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element. +<span class='line'>1644</span> * @type DOMElement +<span class='line'>1645</span> * @default undefined +<span class='line'>1646</span> * @example +<span class='line'>1647</span> * //You can access all properties and methods of the underlying DOM element +<span class='line'>1648</span> * //using the 'node' property +<span class='line'>1649</span> * Karma.svg.someSvg.node.dispatchEvent; +<span class='line'>1650</span> * Karma.svg.someSvg.node.addEvenListener(...); +<span class='line'>1651</span> */</span><span class="WHIT"> +<span class='line'>1652</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1653</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the SVGDocument. You can use the this.doc to manipulate +<span class='line'>1654</span> * the SVG document +<span class='line'>1655</span> * @type SVGDocument +<span class='line'>1656</span> * @default undefined +<span class='line'>1657</span> * @example +<span class='line'>1658</span> * var myElem = Karma.svg.someSvg.doc.getElementById('foobar'); +<span class='line'>1659</span> * Karma.svg.someSvg.doc.createElement(...); +<span class='line'>1660</span> * Karma.svg.someSvg.doc.removeChild(someNode); +<span class='line'>1661</span> * +<span class='line'>1662</span> */</span><span class="WHIT"> +<span class='line'>1663</span> </span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1664</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the root element of the SVG Document +<span class='line'>1665</span> * @type DocumentElement +<span class='line'>1666</span> * @default undefined +<span class='line'>1667</span> * @example +<span class='line'>1668</span> * // The root element is equivalent to "document" in a regular html document +<span class='line'>1669</span> * // The root attribute is used frequently with the jQuery SVG plugin for CSS selectors +<span class='line'>1670</span> * $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...); +<span class='line'>1671</span> */</span><span class="WHIT"> +<span class='line'>1672</span> </span><span class="WHIT"> </span><span class="NAME">root</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1673</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="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1674</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1675</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1676</span> +<span class='line'>1677</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1678</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1679</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1680</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1681</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1682</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1683</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1684</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1685</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1686</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1687</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1688</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1689</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1690</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1691</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1692</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1693</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1694</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1695</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1696</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1697</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1698</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1699</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1700</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1701</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1702</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1703</span> </span><span class="WHIT"> +<span class='line'>1704</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1705</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1706</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'>1707</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1708</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1709</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1710</span> +<span class='line'>1711</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1712</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1713</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1714</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1715</span> </span><span class="WHIT"> +<span class='line'>1716</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1717</span> </span><span class="WHIT"> </span><span class="NAME">that._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1718</span> </span><span class="WHIT"> +<span class='line'>1719</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1720</span> </span><span class="WHIT"> +<span class='line'>1721</span> +<span class='line'>1722</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1723</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1724</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1725</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1726</span> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1727</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1728</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1729</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1730</span> </span><span class="NAME">that.root</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.doc.documentElement</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1731</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1732</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1733</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1734</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1735</span> +<span class='line'>1736</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1737</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1738</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1739</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1740</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1741</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1742</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1743</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1744</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1745</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1746</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1747</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1748</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1749</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1750</span> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1751</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1752</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1753</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1754</span> +<span class='line'>1755</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1756</span> +<span class='line'>1757</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1758</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1759</span> </span></pre></body></html>
\ No newline at end of file diff --git a/docs/symbols/src/js_ui.feedback.js.html b/docs/symbols/src/js_ui.feedback.js.html index 64d7115..4347818 100755 --- a/docs/symbols/src/js_ui.feedback.js.html +++ b/docs/symbols/src/js_ui.feedback.js.html @@ -54,47 +54,91 @@ <span class='line'> 47</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> <span class='line'> 48</span> </span><span class="WHIT"> <span class='line'> 49</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'> 50</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'> 51</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 52</span> </span><span class="WHIT"> -<span class='line'> 53</span> </span><span class="NAME">this.element</span><span class="WHIT"> -<span class='line'> 54</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 55</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="NAME">position</span><span class="PUNC">:</span><span class="STRN">'absolute'</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'> 56</span> </span><span class="NAME">top</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'40%'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">left</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'40%'</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 57</span> </span><span class="WHIT"> -<span class='line'> 58</span> </span><span class="NAME">this.$correct</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div></div>'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 59</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-correct'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 60</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 61</span> -<span class='line'> 62</span> </span><span class="WHIT"> </span><span class="NAME">this.$incorrect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div></div>'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 63</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-incorrect'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 64</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 65</span> -<span class='line'> 66</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'body'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 67</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">bind</span><span class="PUNC">(</span><span class="STRN">'feedbackCorrect'</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'> 68</span> </span><span class="WHIT"> </span><span class="NAME">self.correct</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 69</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'> 70</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">bind</span><span class="PUNC">(</span><span class="STRN">'feedbackIncorrect'</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'> 71</span> </span><span class="WHIT"> </span><span class="NAME">self.incorrect</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 72</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 73</span> </span><span class="WHIT"> -<span class='line'> 74</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'> 75</span> </span><span class="WHIT"> </span><span class="COMM">/** Removes the feedback widget and all related data from the DOM */</span><span class="WHIT"> -<span class='line'> 76</span> </span><span class="WHIT"> </span><span class="NAME">destroy</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'> 77</span> </span><span class="WHIT"> </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 78</span> </span><span class="WHIT"> </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 79</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'> 80</span> -<span class='line'> 81</span> </span><span class="WHIT"> -<span class='line'> 82</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 83</span> -<span class='line'> 84</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.feedback.getter</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'> 85</span> </span><span class="WHIT"> -<span class='line'> 86</span> </span><span class="COMM">/** Default settings for the feedback widget -<span class='line'> 87</span> * @namespace Default settings for the feedback widget -<span class='line'> 88</span> * @extends $.ui.feedback -<span class='line'> 89</span> */</span><span class="WHIT"> -<span class='line'> 90</span> </span><span class="NAME">$.ui.feedback.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'> 91</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 92</span> -<span class='line'> 93</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file +<span class='line'> 50</span> </span><span class="WHIT"> </span><span class="COMM">/** Display a happy face and text that says "You win!" +<span class='line'> 51</span> * +<span class='line'> 52</span> */</span><span class="WHIT"> +<span class='line'> 53</span> </span><span class="WHIT"> </span><span class="NAME">win</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'> 54</span> </span><span class="WHIT"> </span><span class="NAME">this.$win.show</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 55</span> </span><span class="WHIT"> </span><span class="NAME">this.$overlay.show</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 56</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 57</span> </span><span class="WHIT"> </span><span class="COMM">/** Display an unhappy face and text that says "You lose!" +<span class='line'> 58</span> * +<span class='line'> 59</span> */</span><span class="WHIT"> +<span class='line'> 60</span> </span><span class="WHIT"> </span><span class="NAME">lose</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'> 61</span> </span><span class="WHIT"> </span><span class="NAME">this.$lose.show</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 62</span> </span><span class="WHIT"> </span><span class="NAME">this.$overlay.show</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 63</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 64</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 65</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 66</span> </span><span class="WHIT"> +<span class='line'> 67</span> </span><span class="NAME">this.element</span><span class="WHIT"> +<span class='line'> 68</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 69</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="NAME">position</span><span class="PUNC">:</span><span class="STRN">'absolute'</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 70</span> </span><span class="NAME">top</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'40%'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">left</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'40%'</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 71</span> </span><span class="WHIT"> +<span class='line'> 72</span> </span><span class="NAME">this.$correct</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div></div>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 73</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-correct'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 74</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 75</span> +<span class='line'> 76</span> </span><span class="WHIT"> </span><span class="NAME">this.$incorrect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div></div>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 77</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-incorrect'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 78</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 79</span> </span><span class="WHIT"> +<span class='line'> 80</span> </span><span class="NAME">this.$win</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div class='ui-feedback-over'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 81</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='ui-feedback-win'></div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 82</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='ui-feedback-txt'>You win!"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 83</span> </span><span class="WHIT"> </span><span class="STRN">"</div></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 84</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'> 85</span> </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'> 86</span> </span><span class="WHIT"> </span><span class="NAME">self.$win.hide</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 87</span> </span><span class="WHIT"> </span><span class="NAME">self.$overlay.hide</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 88</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 89</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 90</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 91</span> +<span class='line'> 92</span> </span><span class="WHIT"> </span><span class="NAME">this.$lose</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div class='ui-feedback-over'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 93</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='ui-feedback-lose'></div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 94</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='ui-feedback-txt'>You lose!"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 95</span> </span><span class="WHIT"> </span><span class="STRN">"</div></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 96</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'> 97</span> </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'> 98</span> </span><span class="WHIT"> </span><span class="NAME">self.$lose.hide</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 99</span> </span><span class="WHIT"> </span><span class="NAME">self.$overlay.hide</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>100</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>101</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>102</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>103</span> </span><span class="WHIT"> +<span class='line'>104</span> </span><span class="NAME">this.$overlay</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div></div>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>105</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-overlay'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>106</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'body'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>107</span> +<span class='line'>108</span> </span><span class="WHIT"> +<span class='line'>109</span> +<span class='line'>110</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'body'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>111</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">bind</span><span class="PUNC">(</span><span class="STRN">'feedbackCorrect'</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'>112</span> </span><span class="WHIT"> </span><span class="NAME">self.correct</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>113</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>114</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">bind</span><span class="PUNC">(</span><span class="STRN">'feedbackIncorrect'</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'>115</span> </span><span class="WHIT"> </span><span class="NAME">self.incorrect</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>116</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>117</span> </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><span class="WHIT"> </span><span class="COMM">/** Removes the feedback widget and all related data from the DOM */</span><span class="WHIT"> +<span class='line'>120</span> </span><span class="WHIT"> </span><span class="NAME">destroy</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'>121</span> </span><span class="WHIT"> </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>122</span> </span><span class="WHIT"> </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>123</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>124</span> +<span class='line'>125</span> </span><span class="WHIT"> +<span class='line'>126</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>127</span> +<span class='line'>128</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.feedback.getter</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'>129</span> </span><span class="WHIT"> +<span class='line'>130</span> </span><span class="COMM">/** Default settings for the feedback widget +<span class='line'>131</span> * @namespace Default settings for the feedback widget +<span class='line'>132</span> * @extends $.ui.feedback +<span class='line'>133</span> */</span><span class="WHIT"> +<span class='line'>134</span> </span><span class="NAME">$.ui.feedback.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>135</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>136</span> +<span class='line'>137</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file diff --git a/docs/symbols/src/js_ui.kFooter.js.html b/docs/symbols/src/js_ui.kFooter.js.html index b089d78..e92f416 100755 --- a/docs/symbols/src/js_ui.kFooter.js.html +++ b/docs/symbols/src/js_ui.kFooter.js.html @@ -6,7 +6,7 @@ .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">/** -<span class='line'> 2</span> * @fileOverview a scoreboard widget +<span class='line'> 2</span> * @fileOverview a footer widget <span class='line'> 3</span> * @author Bryan Berry <bryan@olenepal.org> <span class='line'> 4</span> * uses MIT License <span class='line'> 5</span> */</span><span class="WHIT"> @@ -18,7 +18,7 @@ <span class='line'> 11</span> </span><span class="WHIT"> </span><span class="COMM">// This is a dummy function, just here as placeholder to</span><span class="WHIT"> <span class='line'> 12</span> </span><span class="WHIT"> </span><span class="COMM">// to make the jsdoc tool happy</span><span class="WHIT"> <span class='line'> 13</span> </span><span class="WHIT"> </span><span class="COMM">/** @name $.ui.kFooter -<span class='line'> 14</span> * @namespace KFooter widget +<span class='line'> 14</span> * @namespace kFooter widget <span class='line'> 15</span> * @example Emits the event kFooterWinGame when the maxScore is reached <br /> <span class='line'> 16</span> * Emits the event kFooterRestart when game restarted <br /> <span class='line'> 17</span> * Start button emits kFooterStart event when clicked <br /> @@ -101,238 +101,269 @@ <span class='line'> 94</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'> 95</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'> 96</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'> 97</span> </span><span class="WHIT"> </span><span class="NAME">_</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">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'> 98</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'> 99</span> </span><span class="WHIT"> </span><span class="KEYW">var</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">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>100</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertNumLocale</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="PUNC">{</span><span class="WHIT"> -<span class='line'>101</span> </span><span class="WHIT"> </span><span class="COMM">//48 is the base for western numerals</span><span class="WHIT"> -<span class='line'>102</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'>103</span> </span><span class="WHIT"> -<span class='line'>104</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'>105</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'>106</span> </span><span class="WHIT"> -<span class='line'>107</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</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'>108</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'>109</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'>110</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>111</span> </span><span class="WHIT"> -<span class='line'>112</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'>113</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'>114</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>115</span> </span><span class="WHIT"> -<span class='line'>116</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'>117</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'>118</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>119</span> </span><span class="WHIT"> -<span class='line'>120</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertStringLocale</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">str</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>121</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</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'>122</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>123</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Score"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>124</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"अङ्क"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>125</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Total"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>126</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"जम्मा"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>127</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Play Again"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>128</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"फेरी खेलौ"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>129</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Pause"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>130</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"खेल रोकौ"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>131</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Start"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>132</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"सुरु गरौ"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>133</span> </span><span class="WHIT"> </span><span class="KEYW">default</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>134</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"string not translated"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>135</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>136</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>137</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"String really not translated"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>138</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>139</span> -<span class='line'>140</span> -<span class='line'>141</span> -<span class='line'>142</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"number"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>143</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">convertNumLocale</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>144</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>145</span> </span><span class="WHIT"> -<span class='line'>146</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">"en"</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">return</span><span class="WHIT"> </span><span class="NAME">convertStringLocale</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>148</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="KEYW">else</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">return</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>150</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>151</span> -<span class='line'>152</span> </span><span class="WHIT"> -<span class='line'>153</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>154</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</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="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divDisplay</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"inline"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>157</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.score</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>158</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.total</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>159</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>160</span> </span><span class="WHIT"> -<span class='line'>161</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$.extend</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$.ui.kFooter.defaults</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>162</span> -<span class='line'>163</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>164</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</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">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>166</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>167</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'winScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.winningScore</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>168</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">options.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>169</span> -<span class='line'>170</span> </span><span class="WHIT"> -<span class='line'>171</span> </span><span class="NAME">this.element.addClass</span><span class="PUNC">(</span><span class="STRN">'ui-widget ui-widget-content '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>172</span> </span><span class="WHIT"> </span><span class="STRN">' ui-kFooter-container'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>173</span> -<span class='line'>174</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$parent</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div>'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>175</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>176</span> </span><span class="WHIT"> -<span class='line'>177</span> </span><span class="NAME">this._scoreText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div><span>'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Score"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>178</span> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>179</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left ui-kFooter-text'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>180</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 97</span> </span><span class="WHIT"> </span><span class="COMM">/** Start the timer, defaults to 0:00 if no arguments supplied +<span class='line'> 98</span> * @param {Number} [minutes] value for minutes, default to 0 +<span class='line'> 99</span> * @param {Number} [seconds] value for seconds, default to 0 +<span class='line'>100</span> */</span><span class="WHIT"> +<span class='line'>101</span> </span><span class="NAME">startTimer</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">minutes</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">seconds</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>102</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">timerRunning</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'timerRunning'</span><span class="PUNC">)</span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>103</span> +<span class='line'>104</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._$timer</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">timerRunning</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>105</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">mins</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">minutes</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>106</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">secs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">seconds</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>107</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">timerId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>108</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>109</span> </span><span class="WHIT"> +<span class='line'>110</span> +<span class='line'>111</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'mins'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">mins</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>112</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'secs'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">secs</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>113</span> +<span class='line'>114</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">addLeadingZero</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="PUNC">{</span><span class="WHIT"> +<span class='line'>115</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="STRN">''</span><span class="PUNC">.</span><span class="NAME">concat</span><span class="PUNC">(</span><span class="NAME">num</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">1</span><span class="PUNC">)</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="STRN">"0"</span><span class="PUNC">.</span><span class="NAME">concat</span><span class="PUNC">(</span><span class="NAME">num</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><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>118</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">num</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>119</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>120</span> </span><span class="WHIT"> +<span class='line'>121</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>122</span> +<span class='line'>123</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">increaseTimer</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'>124</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'timerRunning'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>125</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>126</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>127</span> +<span class='line'>128</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">s</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'secs'</span><span class="PUNC">)</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 class='line'>129</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>130</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">timerId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>131</span> </span><span class="WHIT"> +<span class='line'>132</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">s</span><span class="WHIT"> </span><span class="PUNC"><</span><span class="WHIT"> </span><span class="NUMB">60</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>133</span> </span><span class="WHIT"> </span><span class="NAME">self._setData</span><span class="PUNC">(</span><span class="STRN">'secs'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">s</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>134</span> </span><span class="WHIT"> </span><span class="NAME">self._$timerSecs.text</span><span class="PUNC">(</span><span class="NAME">self._n</span><span class="PUNC">(</span><span class="NAME">addLeadingZero</span><span class="PUNC">(</span><span class="NAME">s</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>135</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'>136</span> </span><span class="WHIT"> </span><span class="NAME">s</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>137</span> </span><span class="WHIT"> </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'mins'</span><span class="PUNC">)</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 class='line'>138</span> </span><span class="WHIT"> </span><span class="NAME">self._$timerSecs.text</span><span class="PUNC">(</span><span class="NAME">self._n</span><span class="PUNC">(</span><span class="NAME">addLeadingZero</span><span class="PUNC">(</span><span class="NAME">s</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>139</span> </span><span class="WHIT"> </span><span class="NAME">self._$timerMins.text</span><span class="PUNC">(</span><span class="NAME">self._n</span><span class="PUNC">(</span><span class="NAME">addLeadingZero</span><span class="PUNC">(</span><span class="NAME">m</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>140</span> </span><span class="WHIT"> </span><span class="NAME">self._setData</span><span class="PUNC">(</span><span class="STRN">'secs'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">s</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>141</span> </span><span class="WHIT"> </span><span class="NAME">self._setData</span><span class="PUNC">(</span><span class="STRN">'mins'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">m</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>142</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>143</span> </span><span class="WHIT"> +<span class='line'>144</span> </span><span class="NAME">timerId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="NAME">increaseTimer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1000</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>145</span> </span><span class="WHIT"> </span><span class="NAME">self._setData</span><span class="PUNC">(</span><span class="STRN">'timerId'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">timerId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>146</span> +<span class='line'>147</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>148</span> </span><span class="WHIT"> +<span class='line'>149</span> </span><span class="NAME">timerId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="NAME">increaseTimer</span><span class="WHIT"> </span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1000</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>150</span> +<span class='line'>151</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'timerRunning'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>152</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'timerId'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">timerId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>153</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>154</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>155</span> </span><span class="WHIT"> </span><span class="COMM">/** Stop the timer +<span class='line'>156</span> */</span><span class="WHIT"> +<span class='line'>157</span> </span><span class="WHIT"> </span><span class="NAME">stopTimer</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'>158</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'timerRunning'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>159</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>160</span> </span><span class="WHIT"> </span><span class="NAME">_</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">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>161</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">$.i18n.call</span><span class="PUNC">(</span><span class="NAME">$.ui.kFooter</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>162</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>163</span> </span><span class="WHIT"> </span><span class="NAME">_n</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">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</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">return</span><span class="WHIT"> </span><span class="NAME">$._n</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>165</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>166</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>167</span> +<span class='line'>168</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divDisplay</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"inline"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>169</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.score</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>170</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.total</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>171</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>172</span> </span><span class="WHIT"> +<span class='line'>173</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$.extend</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$.ui.kFooter.defaults</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>174</span> +<span class='line'>175</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>176</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>177</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>178</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>179</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'winScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.winningScore</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>180</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">options.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>181</span> -<span class='line'>182</span> </span><span class="WHIT"> </span><span class="NAME">this._score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">score</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>183</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>184</span> </span><span class="WHIT"> </span><span class="STRN">' ui-kFooter-text ui-kFooter-number'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>185</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>186</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-corner-all'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>187</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>188</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>189</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>190</span> -<span class='line'>191</span> -<span class='line'>192</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Total"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>193</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>194</span> </span><span class="WHIT"> </span><span class="STRN">' ui-corner-all ui-kFooter-text'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>195</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>196</span> -<span class='line'>197</span> </span><span class="WHIT"> </span><span class="NAME">this._total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">total</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>198</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>199</span> </span><span class="WHIT"> </span><span class="STRN">' ui-kFooter-text ui-kFooter-number'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>200</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>201</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-corner-all'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>202</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>203</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>204</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>205</span> +<span class='line'>182</span> </span><span class="WHIT"> +<span class='line'>183</span> </span><span class="NAME">this.element.addClass</span><span class="PUNC">(</span><span class="STRN">'ui-widget ui-widget-content '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>184</span> </span><span class="WHIT"> </span><span class="STRN">' ui-kFooter'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>185</span> </span><span class="WHIT"> +<span class='line'>186</span> +<span class='line'>187</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$kFooter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<ul></ul>"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>188</span> </span><span class="WHIT"> +<span class='line'>189</span> +<span class='line'>190</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.scoreboard</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>191</span> </span><span class="WHIT"> +<span class='line'>192</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$scoreboard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Score"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>193</span> </span><span class="STRN">"</li>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"<li class='left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>194</span> </span><span class="WHIT"> </span><span class="STRN">"<span id='kFooterScore' class='ui-corner-all number'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>195</span> </span><span class="NAME">this._n</span><span class="PUNC">(</span><span class="NAME">score</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></li>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>196</span> </span><span class="WHIT"> </span><span class="STRN">"<li class='left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Total"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</li>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>197</span> </span><span class="WHIT"> </span><span class="STRN">"<li class='left'><span id='kFooterTotal' "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>198</span> </span><span class="WHIT"> </span><span class="STRN">"class='ui-corner-all number'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>199</span> </span><span class="NAME">this._n</span><span class="PUNC">(</span><span class="NAME">total</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>200</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>201</span> </span><span class="WHIT"> +<span class='line'>202</span> </span><span class="NAME">this._score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#kFooterScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$scoreboard</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>203</span> </span><span class="WHIT"> </span><span class="NAME">this._total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#kFooterTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$scoreboard</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>204</span> +<span class='line'>205</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> <span class='line'>206</span> -<span class='line'>207</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$templateBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<button></button>'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>208</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-corner-all '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>209</span> </span><span class="WHIT"> </span><span class="STRN">' ui-state-default ui-kFooter-right ui-kFooter-button'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>210</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">append</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>211</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<span></span>'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>212</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon ui-kFooter-icon'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>213</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>214</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">append</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>215</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<span></span>'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>216</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-button-text'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>217</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>218</span> </span><span class="WHIT"> -<span class='line'>219</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.restartButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>220</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$restartBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>221</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>222</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowrefresh-1-w'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>223</span> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>224</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>225</span> </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Play Again'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>226</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>227</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">self.restart</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>228</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>229</span> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>230</span> -<span class='line'>231</span> -<span class='line'>232</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.pauseButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>233</span> -<span class='line'>234</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$pauseBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>235</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="COMM">//</span><span class="WHIT"> -<span class='line'>236</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowrefresh-1-w'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>237</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-pause'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>238</span> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>239</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>240</span> </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Pause'</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="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>242</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>243</span> </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterPause'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>244</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>245</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>246</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>247</span> -<span class='line'>248</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.startButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>249</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$startBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>250</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>251</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-play'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>252</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>253</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>254</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Start'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>255</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>256</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>257</span> </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterStart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>258</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> -<span class='line'>259</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>260</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>261</span> -<span class='line'>262</span> -<span class='line'>263</span> </span><span class="WHIT"> </span><span class="NAME">$parent.find</span><span class="PUNC">(</span><span class="STRN">'button'</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">hover</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>264</span> </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'>265</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>266</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>267</span> </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'>268</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>269</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>270</span> -<span class='line'>271</span> </span><span class="WHIT"> </span><span class="NAME">this.element.append</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>272</span> -<span class='line'>273</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>274</span> </span><span class="WHIT"> </span><span class="NAME">_refresh</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'>275</span> </span><span class="WHIT"> </span><span class="NAME">this._score.text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>276</span> </span><span class="WHIT"> </span><span class="NAME">this._total.text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>277</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>278</span> </span><span class="WHIT"> </span><span class="COMM">/** Removes the kFooter widget and all related data from the DOM */</span><span class="WHIT"> -<span class='line'>279</span> </span><span class="WHIT"> </span><span class="NAME">destroy</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'>280</span> </span><span class="WHIT"> </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>281</span> </span><span class="WHIT"> </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>282</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>207</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.timer</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>208</span> </span><span class="WHIT"> </span><span class="NAME">this._$timer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Timer"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>209</span> </span><span class="STRN">"</li>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>210</span> </span><span class="WHIT"> </span><span class="STRN">"<li class='left'><span id='kFooterMins'"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>211</span> </span><span class="STRN">"class='ui-corner-all"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>212</span> </span><span class="WHIT"> </span><span class="STRN">" number timer'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._n</span><span class="PUNC">(</span><span class="STRN">"00"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>213</span> </span><span class="STRN">"</span></li>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>214</span> </span><span class="WHIT"> </span><span class="STRN">"<li class='left'><span id='kFooterSecs'"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>215</span> </span><span class="STRN">"class='ui-corner-all "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>216</span> </span><span class="WHIT"> </span><span class="STRN">"number timer'>"</span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._n</span><span class="PUNC">(</span><span class="STRN">"00"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>217</span> </span><span class="STRN">"</span></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>218</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>219</span> +<span class='line'>220</span> </span><span class="WHIT"> </span><span class="NAME">this._$timerMins</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#kFooterMins'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._$timer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>221</span> </span><span class="WHIT"> </span><span class="NAME">this._$timerSecs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#kFooterSecs'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._$timer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>222</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>223</span> +<span class='line'>224</span> </span><span class="WHIT"> </span><span class="COMM">//if options.checkAnswerBtn === true</span><span class="WHIT"> +<span class='line'>225</span> </span><span class="WHIT"> +<span class='line'>226</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.restartButton</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>227</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$restartButton</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='right'><button "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>228</span> </span><span class="WHIT"> </span><span class="STRN">"class='ui-corner-all ui-state-default'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>229</span> </span><span class="WHIT"> </span><span class="STRN">"<span class='ui-icon ui-icon-arrowrefresh-1-w'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>230</span> </span><span class="WHIT"> </span><span class="STRN">"</span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>231</span> </span><span class="STRN">"<span class='text left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Play Again'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>232</span> </span><span class="STRN">"</span></button></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>233</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>234</span> </span><span class="NAME">self.startTimer</span><span class="PUNC">(</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">self.restart</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>236</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>237</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>238</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>239</span> </span><span class="WHIT"> +<span class='line'>240</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.pauseButton</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>241</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$pauseButton</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='right'><button "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>242</span> </span><span class="WHIT"> </span><span class="STRN">"class='ui-corner-all ui-state-default'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>243</span> </span><span class="WHIT"> </span><span class="STRN">"<span class='ui-icon ui-icon-pause'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>244</span> </span><span class="WHIT"> </span><span class="STRN">"</span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>245</span> </span><span class="STRN">"<span class='text left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Pause'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>246</span> </span><span class="STRN">"</span></button></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>247</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>248</span> </span><span class="NAME">self.stopTimer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>249</span> </span><span class="WHIT"> </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterPause'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>250</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>251</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>252</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>253</span> +<span class='line'>254</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.startButton</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>255</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$startButton</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='right'><button "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>256</span> </span><span class="WHIT"> </span><span class="STRN">"class='ui-corner-all ui-state-default'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>257</span> </span><span class="WHIT"> </span><span class="STRN">"<span class='ui-icon ui-icon-play'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>258</span> </span><span class="WHIT"> </span><span class="STRN">"</span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>259</span> </span><span class="STRN">"<span class='text left'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Start'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>260</span> </span><span class="STRN">"</span></button></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>261</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>262</span> </span><span class="NAME">self.startTimer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>263</span> </span><span class="WHIT"> </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterStart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>264</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>265</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>266</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>267</span> </span><span class="WHIT"> +<span class='line'>268</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'button'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">hover</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>269</span> </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'>270</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>271</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>272</span> </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'>273</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>274</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>275</span> </span><span class="WHIT"> +<span class='line'>276</span> +<span class='line'>277</span> </span><span class="COMM">// Check if any html w/in this.element, if so wrap it in <li> </li></span><span class="WHIT"> +<span class='line'>278</span> </span><span class="WHIT"> </span><span class="COMM">// and add to $kFooter later</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">$userHtml</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.element</span><span class="WHIT"> +<span class='line'>280</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">children</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>281</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>282</span> </span><span class="WHIT"> <span class='line'>283</span> -<span class='line'>284</span> </span><span class="WHIT"> -<span class='line'>285</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>286</span> -<span class='line'>287</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.kFooter.getter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">'getScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'getTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'_convertNumLocale'</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>288</span> </span><span class="WHIT"> -<span class='line'>289</span> </span><span class="COMM">/** Default settings for the kFooter widget -<span class='line'>290</span> * @namespace Default settings for the kFooter widget -<span class='line'>291</span> * @extends $.ui.kFooter -<span class='line'>292</span> */</span><span class="WHIT"> -<span class='line'>293</span> </span><span class="NAME">$.ui.kFooter.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>294</span> </span><span class="WHIT"> </span><span class="COMM">/** Initial score -<span class='line'>295</span> * @type Number -<span class='line'>296</span> * @default 0 -<span class='line'>297</span> */</span><span class="WHIT"> -<span class='line'>298</span> </span><span class="WHIT"> </span><span class="NAME">score</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>299</span> </span><span class="COMM">/** Initial total -<span class='line'>300</span> * @type Number -<span class='line'>301</span> * @default 0 -<span class='line'>302</span> */</span><span class="WHIT"> -<span class='line'>303</span> </span><span class="WHIT"> </span><span class="NAME">total</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>304</span> </span><span class="COMM">/** The score that will win the game -<span class='line'>305</span> * @type Number -<span class='line'>306</span> * @default 0 -<span class='line'>307</span> */</span><span class="WHIT"> -<span class='line'>308</span> </span><span class="WHIT"> </span><span class="NAME">winningScore</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>309</span> </span><span class="WHIT"> </span><span class="COMM">/** Default locale, valid options are "en" and "ne" -<span class='line'>310</span> * @type String -<span class='line'>311</span> * @default "en" -<span class='line'>312</span> */</span><span class="WHIT"> -<span class='line'>313</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>314</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Start Button -<span class='line'>315</span> * @type boolean -<span class='line'>316</span> * @default false -<span class='line'>317</span> */</span><span class="WHIT"> -<span class='line'>318</span> </span><span class="WHIT"> </span><span class="NAME">startButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>319</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Retart Button -<span class='line'>320</span> * @type boolean -<span class='line'>321</span> * @default true -<span class='line'>322</span> */</span><span class="WHIT"> -<span class='line'>323</span> </span><span class="WHIT"> </span><span class="NAME">restartButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>324</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Pause Button -<span class='line'>325</span> * @type boolean -<span class='line'>326</span> * @default false -<span class='line'>327</span> */</span><span class="WHIT"> -<span class='line'>328</span> </span><span class="WHIT"> </span><span class="NAME">pauseButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> -<span class='line'>329</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>330</span> -<span class='line'>331</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file +<span class='line'>284</span> </span><span class="NAME">$userHtml.wrap</span><span class="PUNC">(</span><span class="STRN">'<li class="left"></li>'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>285</span> +<span class='line'>286</span> </span><span class="WHIT"> </span><span class="COMM">//get rid of userHtml</span><span class="WHIT"> +<span class='line'>287</span> </span><span class="WHIT"> </span><span class="NAME">this.element.empty</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>288</span> </span><span class="WHIT"> +<span class='line'>289</span> </span><span class="NAME">this.element.append</span><span class="PUNC">(</span><span class="NAME">$kFooter</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>290</span> </span><span class="WHIT"> +<span class='line'>291</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>292</span> </span><span class="WHIT"> </span><span class="NAME">_refresh</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'>293</span> </span><span class="WHIT"> </span><span class="NAME">this._score.text</span><span class="PUNC">(</span><span class="NAME">this._n</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>294</span> </span><span class="WHIT"> </span><span class="NAME">this._total.text</span><span class="PUNC">(</span><span class="NAME">this._n</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>295</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>296</span> </span><span class="WHIT"> </span><span class="COMM">/** Removes the kFooter widget and all related data from the DOM */</span><span class="WHIT"> +<span class='line'>297</span> </span><span class="WHIT"> </span><span class="NAME">destroy</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'>298</span> </span><span class="WHIT"> </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>299</span> </span><span class="WHIT"> </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>300</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>301</span> +<span class='line'>302</span> </span><span class="WHIT"> +<span class='line'>303</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>304</span> +<span class='line'>305</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.kFooter.getter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">'getScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'getTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'_n'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'_'</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>306</span> +<span class='line'>307</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.kFooter.i18n</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'>308</span> +<span class='line'>309</span> </span><span class="WHIT"> +<span class='line'>310</span> </span><span class="COMM">/** Default settings for the kFooter widget +<span class='line'>311</span> * @namespace Default settings for the kFooter widget +<span class='line'>312</span> * @extends $.ui.kFooter +<span class='line'>313</span> */</span><span class="WHIT"> +<span class='line'>314</span> </span><span class="NAME">$.ui.kFooter.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>315</span> </span><span class="WHIT"> </span><span class="COMM">/** Initial score +<span class='line'>316</span> * @type Number +<span class='line'>317</span> * @default 0 +<span class='line'>318</span> */</span><span class="WHIT"> +<span class='line'>319</span> </span><span class="WHIT"> </span><span class="NAME">score</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>320</span> </span><span class="COMM">/** Initial total +<span class='line'>321</span> * @type Number +<span class='line'>322</span> * @default 0 +<span class='line'>323</span> */</span><span class="WHIT"> +<span class='line'>324</span> </span><span class="WHIT"> </span><span class="NAME">total</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>325</span> </span><span class="COMM">/** The score that will win the game +<span class='line'>326</span> * @type Number +<span class='line'>327</span> * @default 0 +<span class='line'>328</span> */</span><span class="WHIT"> +<span class='line'>329</span> </span><span class="WHIT"> </span><span class="NAME">winningScore</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>330</span> </span><span class="WHIT"> </span><span class="COMM">/** Default locale, valid options are "en" and "ne" +<span class='line'>331</span> * @type String +<span class='line'>332</span> * @default "en" +<span class='line'>333</span> */</span><span class="WHIT"> +<span class='line'>334</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>335</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the scoreboard +<span class='line'>336</span> * @type boolean +<span class='line'>337</span> * @default true +<span class='line'>338</span> */</span><span class="WHIT"> +<span class='line'>339</span> </span><span class="WHIT"> </span><span class="NAME">scoreboard</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>340</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Start Button +<span class='line'>341</span> * @type boolean +<span class='line'>342</span> * @default false +<span class='line'>343</span> */</span><span class="WHIT"> +<span class='line'>344</span> </span><span class="WHIT"> </span><span class="NAME">startButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>345</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Retart Button +<span class='line'>346</span> * @type boolean +<span class='line'>347</span> * @default true +<span class='line'>348</span> */</span><span class="WHIT"> +<span class='line'>349</span> </span><span class="WHIT"> </span><span class="NAME">restartButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>350</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Pause Button +<span class='line'>351</span> * @type boolean +<span class='line'>352</span> * @default false +<span class='line'>353</span> */</span><span class="WHIT"> +<span class='line'>354</span> </span><span class="WHIT"> </span><span class="NAME">pauseButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>355</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the timer +<span class='line'>356</span> * @type boolean +<span class='line'>357</span> * @default false +<span class='line'>358</span> */</span><span class="WHIT"> +<span class='line'>359</span> </span><span class="WHIT"> </span><span class="NAME">timer</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="WHIT"> +<span class='line'>360</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>361</span> +<span class='line'>362</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file diff --git a/docs/symbols/src/js_ui.kHeader.js.html b/docs/symbols/src/js_ui.kHeader.js.html new file mode 100644 index 0000000..c01b922 --- /dev/null +++ b/docs/symbols/src/js_ui.kHeader.js.html @@ -0,0 +1,242 @@ +<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">/** +<span class='line'> 2</span> * @fileOverview a Header widget +<span class='line'> 3</span> * @author Bryan Berry <bryan@olenepal.org> +<span class='line'> 4</span> * uses MIT License +<span class='line'> 5</span> */</span><span class="WHIT"> +<span class='line'> 6</span> +<span class='line'> 7</span> +<span class='line'> 8</span> +<span class='line'> 9</span> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">$</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 10</span> +<span class='line'> 11</span> </span><span class="WHIT"> </span><span class="COMM">// This is a dummy function, just here as placeholder to</span><span class="WHIT"> +<span class='line'> 12</span> </span><span class="WHIT"> </span><span class="COMM">// to make the jsdoc tool happy</span><span class="WHIT"> +<span class='line'> 13</span> </span><span class="WHIT"> </span><span class="COMM">/** @name $.ui.kHeader +<span class='line'> 14</span> * @namespace kHeader widget +<span class='line'> 15</span> * @example +<span class='line'> 16</span> */</span><span class="WHIT"> +<span class='line'> 17</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.kHeader</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="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 18</span> +<span class='line'> 19</span> </span><span class="WHIT"> </span><span class="NAME">$.widget</span><span class="PUNC">(</span><span class="STRN">'ui.kHeader'</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 20</span> </span><span class="WHIT"> </span><span class="COMM">/** @lends $.ui.kHeader.prototype */</span><span class="WHIT"> +<span class='line'> 21</span> </span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">_</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">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 22</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">$.i18n</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 23</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">$.i18n.call</span><span class="PUNC">(</span><span class="NAME">$.ui.kHeader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 24</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 25</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 26</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 27</span> </span><span class="WHIT"> </span><span class="NAME">_n</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">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 28</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">$.i18n</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 29</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">$._n</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 30</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 31</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 32</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 33</span> +<span class='line'> 34</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 35</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$.extend</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$.ui.kHeader.defaults</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 36</span> </span><span class="WHIT"> +<span class='line'> 37</span> </span><span class="NAME">this.element.addClass</span><span class="PUNC">(</span><span class="STRN">'ui-widget ui-widget-content'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 38</span> +<span class='line'> 39</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$kHeader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<ul></ul>"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 40</span> </span><span class="WHIT"> +<span class='line'> 41</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">backLink</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'> 42</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">urlParams</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">window.location.search.slice</span><span class="PUNC">(</span><span class="NUMB">1</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="WHIT"> +<span class='line'> 43</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">urlParams</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 44</span> </span><span class="WHIT"> </span><span class="NAME">backLink</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">urlParams</span><span class="PUNC">[</span><span class="NUMB">0</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="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 45</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 46</span> </span><span class="WHIT"> +<span class='line'> 47</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$backBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='left'> <a href='"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">backLink</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 48</span> </span><span class="STRN">"' class='kHeader-btn kHeader-back'></a></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 49</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 50</span> </span><span class="WHIT"> +<span class='line'> 51</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$lessonTitle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='left kHeader-title'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 52</span> </span><span class="STRN">"<span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">options.title</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 53</span> </span><span class="STRN">"</span></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 54</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 55</span> </span><span class="WHIT"> +<span class='line'> 56</span> +<span class='line'> 57</span> +<span class='line'> 58</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.lessonPlan</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">options.teacherNote</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 59</span> </span><span class="WHIT"> +<span class='line'> 60</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$dropDownArrow</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<span class='kHeader-kDoc right'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 61</span> </span><span class="WHIT"> </span><span class="STRN">"</span>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 62</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$lessonTitle</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 63</span> +<span class='line'> 64</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$dropDownArea</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div class='drop-down'></div>"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 65</span> </span><span class="WHIT"> +<span class='line'> 66</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.lessonPlan</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 67</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 68</span> </span><span class="STRN">"<a href='./kDoc.html?back=index.html&doc=lessonPlan'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 69</span> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Lesson Plan"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</a></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 70</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$dropDownArea</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 71</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 72</span> +<span class='line'> 73</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.teachersNote</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 74</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 75</span> </span><span class="STRN">"<a href='./kDoc.html?back=index.html&doc=teachersNote'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'> 76</span> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Teacher's Note"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</a></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'> 77</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$dropDownArea</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 78</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 79</span> </span><span class="WHIT"> +<span class='line'> 80</span> </span><span class="NAME">$dropDownArea.appendTo</span><span class="PUNC">(</span><span class="NAME">$dropDownArrow</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 81</span> </span><span class="WHIT"> +<span class='line'> 82</span> </span><span class="NAME">$dropDownArrow.hover</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'> 83</span> </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'> 84</span> </span><span class="NAME">$dropDownArea.show</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 85</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 86</span> </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'> 87</span> </span><span class="WHIT"> </span><span class="NAME">$dropDownArea.hide</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 88</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 89</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 90</span> </span><span class="WHIT"> +<span class='line'> 91</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 92</span> +<span class='line'> 93</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.zoom</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 94</span> </span><span class="WHIT"> +<span class='line'> 95</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">iframeScale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1.0</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 96</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">translateY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 97</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">getIframeStyle</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'> 98</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">window.frames</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">document.body.style</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 99</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>100</span> +<span class='line'>101</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">zoomIn</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'>102</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">iframeStyle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">getIframeStyle</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>103</span> </span><span class="WHIT"> </span><span class="NAME">iframeScale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">iframeScale</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0.1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>104</span> </span><span class="WHIT"> </span><span class="NAME">translateY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">translateY</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">50</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>105</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">scale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'scale('</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">iframeScale</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'>106</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">translate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"translate(0px, "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">translateY</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'>107</span> +<span class='line'>108</span> </span><span class="WHIT"> </span><span class="NAME">iframeStyle.MozTransform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scale</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">translate</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>109</span> </span><span class="WHIT"> </span><span class="NAME">iframeStyle.WebkitTransform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scale</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">translate</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>110</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>111</span> +<span class='line'>112</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">zoomOut</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'>113</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">iframeStyle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">getIframeStyle</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>114</span> </span><span class="WHIT"> </span><span class="NAME">iframeScale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">iframeScale</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">0.1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>115</span> </span><span class="WHIT"> </span><span class="NAME">translateY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">translateY</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">50</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>116</span> </span><span class="WHIT"> +<span class='line'>117</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">scale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'scale('</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">iframeScale</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'>118</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">translate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"translate(0px, "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">translateY</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'>119</span> +<span class='line'>120</span> +<span class='line'>121</span> </span><span class="WHIT"> </span><span class="NAME">iframeStyle.MozTransform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scale</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">translate</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>122</span> </span><span class="WHIT"> </span><span class="NAME">iframeStyle.WebkitTransform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scale</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">translate</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>123</span> +<span class='line'>124</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>125</span> +<span class='line'>126</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='left kHeader-zoomIn kHeader-btn'>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>127</span> </span><span class="WHIT"> </span><span class="STRN">" </li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>128</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="NAME">zoomIn</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>129</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>130</span> +<span class='line'>131</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='left kHeader-zoomOut "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>132</span> </span><span class="STRN">"kHeader-btn'> </li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>133</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="NAME">zoomOut</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>134</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>135</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>136</span> +<span class='line'>137</span> </span><span class="WHIT"> +<span class='line'>138</span> +<span class='line'>139</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">options.help</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">length</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>140</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">$.ui.dialog</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>141</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$help</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'#'</span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">options.help</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>142</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">dialog</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>143</span> </span><span class="WHIT"> </span><span class="NAME">position</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="STRN">"right"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"top"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>144</span> </span><span class="NAME">modal</span><span class="PUNC">:</span><span class="STRN">'true'</span><span class="PUNC">,</span><span class="NAME">autoOpen</span><span class="PUNC">:</span><span class="KEYW">false</span><span class="PUNC">,</span><span class="NAME">width</span><span class="PUNC">:</span><span class="NUMB">500</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>145</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">400</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>146</span> </span><span class="WHIT"> </span><span class="NAME">dialogClass</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'kHeader-help'</span><span class="WHIT"> +<span class='line'>147</span> </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="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'>149</span> </span><span class="WHIT"> +<span class='line'>150</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">console</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>151</span> </span><span class="WHIT"> </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">"You need to add the jQuery UI dialog"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>152</span> </span><span class="WHIT"> </span><span class="STRN">" widget in order to use Help feature."</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>153</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>154</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>155</span> +<span class='line'>156</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>157</span> +<span class='line'>158</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='right'> <a href='#'"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>159</span> </span><span class="WHIT"> </span><span class="STRN">"' class='kHeader-btn kHeader-help'></a></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>160</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>161</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">$.ui.dialog</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">$help</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>162</span> </span><span class="WHIT"> </span><span class="NAME">$help.dialog</span><span class="PUNC">(</span><span class="STRN">'open'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>163</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>164</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>165</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>166</span> </span><span class="WHIT"> +<span class='line'>167</span> +<span class='line'>168</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<li class='right'> <a href='http://olenepal.org'"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>169</span> </span><span class="WHIT"> </span><span class="STRN">"' class='kHeader-btn kHeader-brand'"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>170</span> </span><span class="WHIT"> </span><span class="STRN">"title='साझा शिक्षा ई-पाटी'></a></li>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>171</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>172</span> +<span class='line'>173</span> </span><span class="WHIT"> </span><span class="NAME">this.element.append</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>174</span> +<span class='line'>175</span> </span><span class="WHIT"> </span><span class="COMM">//0-width divs that hold hover imgs for pre-loading</span><span class="WHIT"> +<span class='line'>176</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$preloadImgDivs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div class='kHeader-preload-img "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>177</span> </span><span class="WHIT"> </span><span class="STRN">"kHeader-preload-back'></div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>178</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='kHeader-preload-img "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>179</span> </span><span class="WHIT"> </span><span class="STRN">"kHeader-preload-zoom-in'></div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>180</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='kHeader-preload-img "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>181</span> </span><span class="WHIT"> </span><span class="STRN">"kHeader-preload-zoom-out'></div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>182</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='kHeader-preload-img "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>183</span> </span><span class="WHIT"> </span><span class="STRN">"kHeader-preload-ole'></div>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>184</span> </span><span class="WHIT"> </span><span class="STRN">"<div class='kHeader-preload-img "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>185</span> </span><span class="WHIT"> </span><span class="STRN">"kHeader-preload-help'></div>"</span><span class="WHIT"> +<span class='line'>186</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>187</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$kHeader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>188</span> </span><span class="WHIT"> +<span class='line'>189</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>190</span> </span><span class="WHIT"> </span><span class="COMM">/** Removes the kHeader widget and all related data from the DOM */</span><span class="WHIT"> +<span class='line'>191</span> </span><span class="WHIT"> </span><span class="NAME">destroy</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'>192</span> </span><span class="WHIT"> </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>193</span> </span><span class="WHIT"> </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>194</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>195</span> +<span class='line'>196</span> </span><span class="WHIT"> +<span class='line'>197</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>198</span> +<span class='line'>199</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.kHeader.getter</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'>200</span> </span><span class="WHIT"> +<span class='line'>201</span> </span><span class="NAME">$.ui.kHeader.i18n</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'>202</span> </span><span class="WHIT"> +<span class='line'>203</span> </span><span class="COMM">/** Default settings for the kHeader widget +<span class='line'>204</span> * @namespace Default settings for the kHeader widget +<span class='line'>205</span> * @extends $.ui.kHeader +<span class='line'>206</span> */</span><span class="WHIT"> +<span class='line'>207</span> </span><span class="NAME">$.ui.kHeader.defaults</span><span class="WHIT"> </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="COMM">/** title +<span class='line'>209</span> * @type String +<span class='line'>210</span> * @default "" +<span class='line'>211</span> */</span><span class="WHIT"> +<span class='line'>212</span> </span><span class="WHIT"> </span><span class="NAME">title</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>213</span> </span><span class="WHIT"> </span><span class="COMM">/** Turns on zoom buttons +<span class='line'>214</span> * @type boolean +<span class='line'>215</span> * @default false +<span class='line'>216</span> */</span><span class="WHIT"> +<span class='line'>217</span> </span><span class="WHIT"> </span><span class="NAME">zoom</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>218</span> </span><span class="WHIT"> </span><span class="COMM">/** Creates drop-down with link to lesson plan +<span class='line'>219</span> * @type boolean or string file path to lesson plan +<span class='line'>220</span> * @default false +<span class='line'>221</span> */</span><span class="WHIT"> +<span class='line'>222</span> </span><span class="WHIT"> </span><span class="NAME">lessonPlan</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>223</span> </span><span class="WHIT"> </span><span class="COMM">/** Creates drop-down with link to teachersNote +<span class='line'>224</span> * @type boolean or string file path to teachersNote +<span class='line'>225</span> * @default false +<span class='line'>226</span> */</span><span class="WHIT"> +<span class='line'>227</span> </span><span class="WHIT"> </span><span class="NAME">teachersNote</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>228</span> </span><span class="WHIT"> </span><span class="COMM">/** Id of element containing help text +<span class='line'>229</span> * @type String +<span class='line'>230</span> * @default "kHelp" +<span class='line'>231</span> */</span><span class="WHIT"> +<span class='line'>232</span> </span><span class="WHIT"> </span><span class="NAME">help</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"kHelp"</span><span class="WHIT"> +<span class='line'>233</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>234</span> +<span class='line'>235</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file diff --git a/examples/2_English_What_SomeOne_Is_Doing/assets/images/lessons/doing.txt~ b/examples/2_English_What_SomeOne_Is_Doing/assets/images/lessons/doing.txt~ deleted file mode 100755 index bf74c39..0000000 --- a/examples/2_English_What_SomeOne_Is_Doing/assets/images/lessons/doing.txt~ +++ /dev/null @@ -1,15 +0,0 @@ - Preeti is cleaning the house - <Vaibhaw> Preeti is making tea - <Vaibhaw> Preeti is teaching her children - <Vaibhaw> Preeti is cooking food. - <Vaibhaw> Preeti is eating. - <Vaibhaw> Preeti is working. - <Vaibhaw> Preeti is collecting grass. - <Vaibhaw> Preeti is feeding cows. - <Vaibhaw> Preeti is playing with her children. - <Vaibhaw> Preeti is helping her children do school work. - <Vaibhaw> Preeti is preparing dinner. - <Vaibhaw> Preeti is eating. - <Vaibhaw> Preeti is reading a book. - <Vaibhaw> Preeti is telling a story to her children. - <Vaibhaw> Preeti is sleeping. diff --git a/examples/6_English_hangmanCityNames/js/lesson.js~ b/examples/6_English_hangmanCityNames/js/lesson.js~ deleted file mode 100755 index 0a4304f..0000000 --- a/examples/6_English_hangmanCityNames/js/lesson.js~ +++ /dev/null @@ -1,232 +0,0 @@ -$(document).ready(function() { -/**** Global Variables Declaration *****/ -/*** Preload images **/ -if (document.images) { //if browser supports the image object - img_hang = new Image(); - // set image url - image_url= new Array(); - image_url[0] = "assets/image/hangman/hangMan1.png"; - image_url[1] = "assets/image/hangman/hangMan2.png"; - image_url[2] = "assets/image/hangman/hangMan3.png"; - image_url[3] = "assets/image/hangman/hangMan4.png"; - image_url[4] = "assets/image/hangman/hangMan5.png"; - image_url[5] = "assets/image/hangman/hangMan6.png"; - image_url[6] = "assets/image/hangman/hangMan7.png"; - image_url[7] = "assets/image/hangman/hangMan8.png"; - for(var i=0; i<8; i++){ - img_hang.src = image_url[i]; - } -} - -var alphakeys = new Array("q","w","e","r","t","y","u","i","o","p","a","s","d","f","g","h","j","k","l","z","x","c","v","b","n","m"); -var answers = new Array("kathmandu","bhaktapur","lalitpur","bhairahawa","dharan","biratnagar","solukhumbu","dhangadi","pokhara","janakpur"); -var score_numbers = new Array("०","१","२","३","४","५","६","७","८","९","१०"); - -var randQuestions = []; //arry to store the rand questions numbers -var currentQuestion; //store the id of the current Question -var num_ans_boxes; //number of the answer boxes required for the current Question -var keySelected; -var alphaAnswers; //store the answer of the current Question for checking purpose -var selectedKey; //store the currently pressed selected key -var selectedKeys = []; //store the selected keys -var num_missed = 0; -var num_keys = 0; //store the number of keys pressed -var pos; -var correct_alphaKeys=0; //store the correct alphakeys in a match -var correctCounter = 0; // increment if the correct answer is done -var totalCounter = 0; // total hangman played -var flag_miss = 1; //if flag=0, Missed Answer - -var keys1 = $('#keys1'); -var keys2 = $('#keys2'); -var keys3 = $('#keys3'); - -/***** Methods Declaration and definition ***/ - - - var checkPressedKey = function(keySelected){ - //if correct key is pressed - //change the background into white of the selected key - for(var i=0; i<selectedKeys.length;i++){ - if(selectedKeys[i] === keySelected) - { - return false; - } - } - selectedKeys[num_keys] = keySelected; - num_keys++; - $('#alpha'+keySelected).css('background-color','white'); - flag_miss = 1; - alphaAnswers = answers[currentQuestion]; - selectedKey = alphakeys[keySelected]; - for(var i=0; i<num_ans_boxes; i++){ - if(selectedKey === alphaAnswers[i]){ - flag_miss = 0; - correct_alphaKeys++; - $("#ansBox"+i).html(selectedKey); - } - } - if(correct_alphaKeys === num_ans_boxes){ - correctCounter++; - totalCounter++; - show_answers(); - t=setTimeout(function(){next_question();},1000); - //next_question(); - } - if(flag_miss != 0 ){ - num_missed++; - show_hangMan(); - - } - if(num_missed === 7){ -totalCounter++; - $("#keyboard").hide(); - $("#missedText").show(); - $('#linkNext').show(); - show_answers(); - - } - }; - - var show_answers = function(){ - for(var i=0; i<num_ans_boxes; i++){ - $("#ansBox"+i).html(alphaAnswers[i]); - } - }; - - var assignKeys1 = function(keys){ - keys1.append('<a href="#"></a>'); - $('#keys1 a:last-of-type').append('<div class="alphaKeys" id="alpha'+ keys +'" ></div>'); - $('#keys1 a:last-of-type').click(function(){ - checkPressedKey(keys); - }); - }; - var assignKeys2 = function(keys){ - keys2.append('<a href="#"></a>'); - $('#keys2 a:last-of-type').append('<div class="alphaKeys" id="alpha'+ keys +'" ></div>'); - $('#keys2 a:last-of-type').click(function(){ - checkPressedKey(keys); - }); - }; - - var assignKeys3 = function(keys){ - keys3.append('<a href="#"></a>'); - $('#keys3 a:last-of-type').append('<div class="alphaKeys" id="alpha'+ keys +'" ></div>'); - $('#keys3 a:last-of-type').click(function(){ - checkPressedKey(keys); - }); - - }; - - var load_alphaKeys = function (){ - for(var i=0; i<26; i++){ - document.getElementById("alpha"+i).innerHTML = alphakeys[i]; - } - }; - - function generate_random_number() { //generate random number include 0 - var rand_no = Math.floor(10*Math.random()); - return rand_no; - }; - - var generate_random_questions = function(){ - randQuestions[0] = generate_random_number(); - for(i=1; i<10; i++){ - do{ - flag = 0; - randQuestions[i] = generate_random_number(); - for(j=0; j<i; j++){ - if(randQuestions[i]===randQuestions[j]){ - flag++; - } - } - }while(flag != 0 ); //end of do while loop - } - - }; - - var generate_keyboard = function(){ - keys1.html(""); - keys2.html(""); - keys3.html(""); - for(var i=0; i<10; i++){ - assignKeys1(i); - } - for(var i=10; i<19; i++){ - assignKeys2(i); - } - for(var i=19; i<26; i++){ - assignKeys3(i); - } - load_alphaKeys(); - }; - - var generate_ans_boxes = function(currentQuestion){ - $("#answerSection").html(""); - num_ans_boxes = answers[currentQuestion].length; - for(var i=0; i<num_ans_boxes; i++){ - $('#answerSection').append('<span class="answerBox" id="ansBox'+i+'">#</span>'); - } - }; - - var show_hangMan = function(){ - $("#hangManSection").html('<img class="imgHang" src="'+image_url[num_missed]+'">'); - }; - - - var next_question = function(){ - - selectedKeys = []; - if(totalCounter === 10){ - //game over - $("#section").hide(); - $('#linkNext').hide(); - $('#gameOverSection').show(); - $('#gameOverSection').html(''); - - $('#gameOverSection').append('Game Over<br/>'); - $('#gameOverSection').append('You got '+correctCounter+' out of '+totalCounter); - - } - else{ - $('#missedText').hide(); - $('#linkNext').hide(); - $("#keyboard").show(); - correct_alphaKeys = 0; - num_missed = 0; - generate_keyboard(); - generate_random_questions(); - currentQuestion = randQuestions[totalCounter]; - generate_ans_boxes(currentQuestion); - show_hangMan(); - document.scoreForm.score.value = score_numbers[correctCounter]; - document.scoreForm.full_mark.value = score_numbers[totalCounter+1]; - } - - - }; - - function game(){ - $('#gameOverSection').hide(); - $("#section").show(); - correctCounter = 0; - totalCounter = 0; - next_question(); - } - - $("#linkStart").click(function(){ - if(totalCounter === 0){ - game(); - } - }); - - $("#linkPlayAgain").click(function(){ - game(); - }); - - $('#linkNext').click(function(){ - next_question(); - }); - $('#gameOverSection').hide(); - $("#section").hide(); -}); //end of dom; diff --git a/examples/6_Maths_linesAndLineSegments1/js/lesson.js~ b/examples/6_Maths_linesAndLineSegments1/js/lesson.js~ deleted file mode 100755 index 90212a2..0000000 --- a/examples/6_Maths_linesAndLineSegments1/js/lesson.js~ +++ /dev/null @@ -1,207 +0,0 @@ -$(document).ready(function() { - var i,j,flag; - var clickedObject; //store the clicked image id - var correctCounter = 0; - var totalCounter = 0; - var objrand = []; - var randQues = []; - var currentObj; //store the current object clicked - var currentQuestion; - var NUM_OBJECTS = 4; //no of options - var TOTAL_QUES = 6; - var flag_correct; - - var questions = new Array('चित्रको कुन सरलरेखा (line) हो', - 'चित्रको कुन भाग रेखाखण्ड (line segment) हो ', - 'रुलर (ruler) के गर्नको लागि प्रयोग गरिन्छ ', - 'तलका मध्ये कुन चित्रले समानान्तर रेखाहरु (parallel lines) जनाउछ ', - 'तलका मध्ये कुन चित्रले प्रतिच्छेदित रेखाहरु (intersecting lines) जनाउछ', - 'तलका मध्ये कुन चित्रले प्रतिच्छेदित लम्बरेखाहरु (perpendicular lines) जनाउछ' - ); - - - //current answer among four stored at first 4 options for each questions - var answers = new Array( - 'AD','BC','BD','AB', - 'BC','AD','BD','AB', - 'रेखाखण्ड नाप्न ','कोण नाप्न ','वर्ग नाप्न ',' रेखा नाप्न ', - 'चित्र ख','चित्र क','चित्र ग','चित्र घ', - 'चित्र ग','चित्र क','चित्र ख','चित्र घ', - 'चित्र क','चित्र ख ','चित्र ग','चित्र घ' - ); - var definitions = new Array('न त कतै सुरु हुने ना अन्त्य हुने अनन्त सम्म लम्बिइ रहने र नापेर नसकिने रेखालाइ सरलरेखा (Line) भनिन्छ ', - 'दुई बिन्दुबिचको निश्चित लम्बाई लाई सिधा पारेर जोड्दा एउटा रेखाखण्ड (Line Segment) बन्छ', - 'रुलर (Scale) का सम्मुख किनाराहरु सिधा र निश्चित लम्बाई भएका हुनाले यसलाई रेखाखण्डको नाप लिन प्रयोग गरिन्छ ', - 'अनन्तसम्म तन्किरहदा पनि प्रतिच्छेदित नहुने र सधै बराबर दुरिमा रहने दुई अथवा दुईभन्दाबढी रेखाहरुलाई समानान्तर रेखा (Parallel Lines) भनिन्छ', - 'कुनै एक बिन्दुमा काट्दै चारैतर्फ लम्बिने दुईवटा रेखाहरुलाई प्रतिच्छेदित (Intersecting Lines) भनिन्छ', - 'आपसमा समकोण परिकन प्रतिच्छेदित भएका रेखाहरुलाई लम्बरेखाहरु (Perpendicular Lines) भनिन्छ ' - - ); - - var nepaliNumbers = new Array('०','१','२','३','४','५','६'); - var optionImg = new Array('a','b','c','d'); - - var randNumber = function(limit){ //generate random number between any two ranges - var rand_no = Math.floor(limit*Math.random()); - return rand_no; - }; - - var generate_random_questions = function(){ - randQues[0] = randNumber(TOTAL_QUES); - for(i=1; i<TOTAL_QUES; i++){ - do{ - flag = 0; - randQues[i] = randNumber(TOTAL_QUES); - for(j=0; j<i; j++){ - if(randQues[i]===randQues[j]){ - flag++; - } - } - }while(flag != 0 ); //end of do while loop - } - }; - var generate_random_options_no = function(){ - objrand[0] = randNumber(NUM_OBJECTS); - for(i=1; i<NUM_OBJECTS; i++){ - do{ - flag = 0; - objrand[i] = randNumber(NUM_OBJECTS); - for(j=0; j<i; j++){ - if(objrand[i]===objrand[j]){ - flag++; - } - } - }while(flag != 0 ); //end of do while loop - } - - }; - - var display_score = function(){ - document.scoreForm.score.value = nepaliNumbers[correctCounter]; - document.scoreForm.full_mark.value = nepaliNumbers[totalCounter]; - }; - - var display_game_over = function(){ - $('#section').hide(); - $('#linkNext').hide(); - $('#gameOver').show(); - $('#gameOver').html(); - $('#gameOver').append('Game Over !!!'); - if(correctCounter === totalCounter){ - $('#gameOver').append('<div id="gameOverInfo">बधाई छ !!! सबै उत्तर सहि भए !!! </div>'); - } - else{ - $('#gameOver').append('<div id="gameOverInfo">किन गलत भयो पत्ता लगाउ र अर्को पटक सहि बनाउने कोशिश गर । <br /> You Got <span class="specialText">'+correctCounter+ - '</span> correct out of <span class="specialText">'+totalCounter+'</span> questions .</div>'); - } - }; - - var delay = function(){ - document.delayForm.delayval.value = 1; - display_game_over(); - }; - var check_game_over = function(){ - if(totalCounter === TOTAL_QUES){ //show all - t=setTimeout(function(){delay();},1000); - } - }; - - var store_clicked_object = function(objectClicked){ - var checked; - if(objrand[objectClicked] ===0){ - if(flag_correct == 1){ //correct at first attempt - checked = "correct"; - correctCounter++; - } - } - else{ - - flag_correct = 0; - checked = "wrong"; - } - - flag_correct = 0; - $('#checkans'+objectClicked).html(''); - $('#checkans'+objectClicked).append('<img src="assets/image/'+checked+'.png">'); - $('#answer').show(''); - $('#answer').html(''); - $('#answer').append(definitions[currentQuestion]).append(' । '); - $('#linkNext').show(); - totalCounter++; - display_score(); - check_game_over(); - }; - - - var assignOptions = function (square){ - var a = currentQuestion*4; - var randOption = objrand[square]+a; - $('#optionSection').append('<div id="checkans'+square+'" class = "check"></div>'); - $('#optionSection').append('<a href="#"></a>'); - $('#optionSection a:last-of-type').append('<div class="options" id="option'+square+'">'+ - '<img src="assets/image/'+optionImg[square]+'.png"></div>'); - $('#optionSection a:last-of-type').append('<div class="optionText">'+answers[randOption]+'</div>'); - $('#optionSection a:last-of-type').click(function(){ - if(flag_correct === 1){ - store_clicked_object(square); - } - }); - }; - - var next_sentence = function(){ - flag_correct = 1; - var imgName,topPos; - generate_random_options_no(); - currentQuestion = randQues[totalCounter]; - $('#question').html(''); - $('#question').append(nepaliNumbers[totalCounter+1]).append(' .'); - $('#question').append(questions[currentQuestion]).append(' ?'); - if(currentQuestion < 2){ - imgName = "line_segment"; - topPos = 40; - } - else if(currentQuestion === 2 ){ - imgName = "scale"; - topPos = 40; - } - else{ - imgName = "lines"; - topPos = 20; - } - $('#imgStory').css({'top':topPos+'%'}).html('<img src="assets/image/'+imgName+'.png"'); - for(var i = 0; i < 4; i++){ - assignOptions(i); - } - }; - function game(){ - $('#gameOver').hide(); - $('#section').show(); - $('#answer').hide(); - correctCounter = 0; - totalCounter = 0; - $('#linkNext').hide(); - $('#optionSection').html(''); - display_score(); - generate_random_questions(); - next_sentence(); - } - $('#linkNext').click(function(){ - $('#linkNext').hide(); - $('#optionSection').html(''); - $('#answer').hide(''); - next_sentence(); - }); - - $('#linkStart').click(function(){ - game(); - }); - - $('#linkPlayAgain').click(function(){ - game(); - }); - $('#answer').hide(); - display_score(); - $('#linkNext').hide(); - - -});//end of DOM diff --git a/examples/English_Animal_Identification/css/images/ui-bg_flat_0_aaaaaa_40x100.png b/examples/English_Animal_Identification/css/images/ui-bg_flat_0_aaaaaa_40x100.png Binary files differdeleted file mode 100755 index 5b5dab2..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_flat_0_aaaaaa_40x100.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_flat_75_ffffff_40x100.png b/examples/English_Animal_Identification/css/images/ui-bg_flat_75_ffffff_40x100.png Binary files differdeleted file mode 100755 index ac8b229..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_flat_75_ffffff_40x100.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_glass_55_fbf9ee_1x400.png b/examples/English_Animal_Identification/css/images/ui-bg_glass_55_fbf9ee_1x400.png Binary files differdeleted file mode 100755 index b39a6fb..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_glass_55_fbf9ee_1x400.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_glass_65_ffffff_1x400.png b/examples/English_Animal_Identification/css/images/ui-bg_glass_65_ffffff_1x400.png Binary files differdeleted file mode 100755 index 42ccba2..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_glass_65_ffffff_1x400.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_glass_75_dadada_1x400.png b/examples/English_Animal_Identification/css/images/ui-bg_glass_75_dadada_1x400.png Binary files differdeleted file mode 100755 index 5a46b47..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_glass_75_dadada_1x400.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_glass_75_e6e6e6_1x400.png b/examples/English_Animal_Identification/css/images/ui-bg_glass_75_e6e6e6_1x400.png Binary files differdeleted file mode 100755 index 38df73a..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_glass_75_e6e6e6_1x400.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_glass_95_fef1ec_1x400.png b/examples/English_Animal_Identification/css/images/ui-bg_glass_95_fef1ec_1x400.png Binary files differdeleted file mode 100755 index 4443fdc..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_glass_95_fef1ec_1x400.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/examples/English_Animal_Identification/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png Binary files differdeleted file mode 100755 index 7c9fa6c..0000000 --- a/examples/English_Animal_Identification/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-icons_222222_256x240.png b/examples/English_Animal_Identification/css/images/ui-icons_222222_256x240.png Binary files differdeleted file mode 100755 index ee039dc..0000000 --- a/examples/English_Animal_Identification/css/images/ui-icons_222222_256x240.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-icons_2e83ff_256x240.png b/examples/English_Animal_Identification/css/images/ui-icons_2e83ff_256x240.png Binary files differdeleted file mode 100755 index 45e8928..0000000 --- a/examples/English_Animal_Identification/css/images/ui-icons_2e83ff_256x240.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-icons_454545_256x240.png b/examples/English_Animal_Identification/css/images/ui-icons_454545_256x240.png Binary files differdeleted file mode 100755 index fe1085b..0000000 --- a/examples/English_Animal_Identification/css/images/ui-icons_454545_256x240.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-icons_888888_256x240.png b/examples/English_Animal_Identification/css/images/ui-icons_888888_256x240.png Binary files differdeleted file mode 100755 index 5ba708c..0000000 --- a/examples/English_Animal_Identification/css/images/ui-icons_888888_256x240.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/images/ui-icons_cd0a0a_256x240.png b/examples/English_Animal_Identification/css/images/ui-icons_cd0a0a_256x240.png Binary files differdeleted file mode 100755 index 7930a55..0000000 --- a/examples/English_Animal_Identification/css/images/ui-icons_cd0a0a_256x240.png +++ /dev/null diff --git a/examples/English_Animal_Identification/css/ui.scoreboard.css b/examples/English_Animal_Identification/css/ui.scoreboard.css deleted file mode 100755 index b1dca40..0000000 --- a/examples/English_Animal_Identification/css/ui.scoreboard.css +++ /dev/null @@ -1,67 +0,0 @@ -.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/examples/English_Animal_Identification/js/jquery-1.3.2.js b/examples/English_Animal_Identification/js/jquery-1.3.2.js deleted file mode 100755 index 462cde5..0000000 --- a/examples/English_Animal_Identification/js/jquery-1.3.2.js +++ /dev/null @@ -1,4376 +0,0 @@ -/*! - * jQuery JavaScript Library v1.3.2 - * http://jquery.com/ - * - * Copyright (c) 2009 John Resig - * Dual licensed under the MIT and GPL licenses. - * http://docs.jquery.com/License - * - * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009) - * Revision: 6246 - */ -(function(){ - -var - // Will speed up references to window, and allows munging its name. - window = this, - // Will speed up references to undefined, and allows munging its name. - undefined, - // Map over jQuery in case of overwrite - _jQuery = window.jQuery, - // Map over the $ in case of overwrite - _$ = window.$, - - jQuery = window.jQuery = window.$ = function( selector, context ) { - // The jQuery object is actually just the init constructor 'enhanced' - return new jQuery.fn.init( selector, context ); - }, - - // A simple way to check for HTML strings or ID strings - // (both of which we optimize for) - quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/, - // Is it a simple selector - isSimple = /^.[^:#\[\.,]*$/; - -jQuery.fn = jQuery.prototype = { - init: function( selector, context ) { - // Make sure that a selection was provided - selector = selector || document; - - // Handle $(DOMElement) - if ( selector.nodeType ) { - this[0] = selector; - this.length = 1; - this.context = selector; - return this; - } - // Handle HTML strings - if ( typeof selector === "string" ) { - // Are we dealing with HTML string or an ID? - var match = quickExpr.exec( selector ); - - // Verify a match, and that no context was specified for #id - if ( match && (match[1] || !context) ) { - - // HANDLE: $(html) -> $(array) - if ( match[1] ) - selector = jQuery.clean( [ match[1] ], context ); - - // HANDLE: $("#id") - else { - var elem = document.getElementById( match[3] ); - - // Handle the case where IE and Opera return items - // by name instead of ID - if ( elem && elem.id != match[3] ) - return jQuery().find( selector ); - - // Otherwise, we inject the element directly into the jQuery object - var ret = jQuery( elem || [] ); - ret.context = document; - ret.selector = selector; - return ret; - } - - // HANDLE: $(expr, [context]) - // (which is just equivalent to: $(content).find(expr) - } else - return jQuery( context ).find( selector ); - - // HANDLE: $(function) - // Shortcut for document ready - } else if ( jQuery.isFunction( selector ) ) - return jQuery( document ).ready( selector ); - - // Make sure that old selector state is passed along - if ( selector.selector && selector.context ) { - this.selector = selector.selector; - this.context = selector.context; - } - - return this.setArray(jQuery.isArray( selector ) ? - selector : - jQuery.makeArray(selector)); - }, - - // Start with an empty selector - selector: "", - - // The current version of jQuery being used - jquery: "1.3.2", - - // The number of elements contained in the matched element set - size: function() { - return this.length; - }, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - return num === undefined ? - - // Return a 'clean' array - Array.prototype.slice.call( this ) : - - // Return just the object - this[ num ]; - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems, name, selector ) { - // Build a new jQuery matched element set - var ret = jQuery( elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - - ret.context = this.context; - - if ( name === "find" ) - ret.selector = this.selector + (this.selector ? " " : "") + selector; - else if ( name ) - ret.selector = this.selector + "." + name + "(" + selector + ")"; - - // Return the newly-formed element set - return ret; - }, - - // Force the current matched set of elements to become - // the specified array of elements (destroying the stack in the process) - // You should use pushStack() in order to do this, but maintain the stack - setArray: function( elems ) { - // Resetting the length to 0, then using the native Array push - // is a super-fast way to populate an object with array-like properties - this.length = 0; - Array.prototype.push.apply( this, elems ); - - return this; - }, - - // Execute a callback for every element in the matched set. - // (You can seed the arguments with an array of args, but this is - // only used internally.) - each: function( callback, args ) { - return jQuery.each( this, callback, args ); - }, - - // Determine the position of an element within - // the matched set of elements - index: function( elem ) { - // Locate the position of the desired element - return jQuery.inArray( - // If it receives a jQuery object, the first element is used - elem && elem.jquery ? elem[0] : elem - , this ); - }, - - attr: function( name, value, type ) { - var options = name; - - // Look for the case where we're accessing a style value - if ( typeof name === "string" ) - if ( value === undefined ) - return this[0] && jQuery[ type || "attr" ]( this[0], name ); - - else { - options = {}; - options[ name ] = value; - } - - // Check to see if we're setting style values - return this.each(function(i){ - // Set all the styles - for ( name in options ) - jQuery.attr( - type ? - this.style : - this, - name, jQuery.prop( this, options[ name ], type, i, name ) - ); - }); - }, - - css: function( key, value ) { - // ignore negative width and height values - if ( (key == 'width' || key == 'height') && parseFloat(value) < 0 ) - value = undefined; - return this.attr( key, value, "curCSS" ); - }, - - text: function( text ) { - if ( typeof text !== "object" && text != null ) - return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) ); - - var ret = ""; - - jQuery.each( text || this, function(){ - jQuery.each( this.childNodes, function(){ - if ( this.nodeType != 8 ) - ret += this.nodeType != 1 ? - this.nodeValue : - jQuery.fn.text( [ this ] ); - }); - }); - - return ret; - }, - - wrapAll: function( html ) { - if ( this[0] ) { - // The elements to wrap the target around - var wrap = jQuery( html, this[0].ownerDocument ).clone(); - - if ( this[0].parentNode ) - wrap.insertBefore( this[0] ); - - wrap.map(function(){ - var elem = this; - - while ( elem.firstChild ) - elem = elem.firstChild; - - return elem; - }).append(this); - } - - return this; - }, - - wrapInner: function( html ) { - return this.each(function(){ - jQuery( this ).contents().wrapAll( html ); - }); - }, - - wrap: function( html ) { - return this.each(function(){ - jQuery( this ).wrapAll( html ); - }); - }, - - append: function() { - return this.domManip(arguments, true, function(elem){ - if (this.nodeType == 1) - this.appendChild( elem ); - }); - }, - - prepend: function() { - return this.domManip(arguments, true, function(elem){ - if (this.nodeType == 1) - this.insertBefore( elem, this.firstChild ); - }); - }, - - before: function() { - return this.domManip(arguments, false, function(elem){ - this.parentNode.insertBefore( elem, this ); - }); - }, - - after: function() { - return this.domManip(arguments, false, function(elem){ - this.parentNode.insertBefore( elem, this.nextSibling ); - }); - }, - - end: function() { - return this.prevObject || jQuery( [] ); - }, - - // For internal use only. - // Behaves like an Array's method, not like a jQuery method. - push: [].push, - sort: [].sort, - splice: [].splice, - - find: function( selector ) { - if ( this.length === 1 ) { - var ret = this.pushStack( [], "find", selector ); - ret.length = 0; - jQuery.find( selector, this[0], ret ); - return ret; - } else { - return this.pushStack( jQuery.unique(jQuery.map(this, function(elem){ - return jQuery.find( selector, elem ); - })), "find", selector ); - } - }, - - clone: function( events ) { - // Do the clone - var ret = this.map(function(){ - if ( !jQuery.support.noCloneEvent && !jQuery.isXMLDoc(this) ) { - // IE copies events bound via attachEvent when - // using cloneNode. Calling detachEvent on the - // clone will also remove the events from the orignal - // In order to get around this, we use innerHTML. - // Unfortunately, this means some modifications to - // attributes in IE that are actually only stored - // as properties will not be copied (such as the - // the name attribute on an input). - var html = this.outerHTML; - if ( !html ) { - var div = this.ownerDocument.createElement("div"); - div.appendChild( this.cloneNode(true) ); - html = div.innerHTML; - } - - return jQuery.clean([html.replace(/ jQuery\d+="(?:\d+|null)"/g, "").replace(/^\s*/, "")])[0]; - } else - return this.cloneNode(true); - }); - - // Copy the events from the original to the clone - if ( events === true ) { - var orig = this.find("*").andSelf(), i = 0; - - ret.find("*").andSelf().each(function(){ - if ( this.nodeName !== orig[i].nodeName ) - return; - - var events = jQuery.data( orig[i], "events" ); - - for ( var type in events ) { - for ( var handler in events[ type ] ) { - jQuery.event.add( this, type, events[ type ][ handler ], events[ type ][ handler ].data ); - } - } - - i++; - }); - } - - // Return the cloned set - return ret; - }, - - filter: function( selector ) { - return this.pushStack( - jQuery.isFunction( selector ) && - jQuery.grep(this, function(elem, i){ - return selector.call( elem, i ); - }) || - - jQuery.multiFilter( selector, jQuery.grep(this, function(elem){ - return elem.nodeType === 1; - }) ), "filter", selector ); - }, - - closest: function( selector ) { - var pos = jQuery.expr.match.POS.test( selector ) ? jQuery(selector) : null, - closer = 0; - - return this.map(function(){ - var cur = this; - while ( cur && cur.ownerDocument ) { - if ( pos ? pos.index(cur) > -1 : jQuery(cur).is(selector) ) { - jQuery.data(cur, "closest", closer); - return cur; - } - cur = cur.parentNode; - closer++; - } - }); - }, - - not: function( selector ) { - if ( typeof selector === "string" ) - // test special case where just one selector is passed in - if ( isSimple.test( selector ) ) - return this.pushStack( jQuery.multiFilter( selector, this, true ), "not", selector ); - else - selector = jQuery.multiFilter( selector, this ); - - var isArrayLike = selector.length && selector[selector.length - 1] !== undefined && !selector.nodeType; - return this.filter(function() { - return isArrayLike ? jQuery.inArray( this, selector ) < 0 : this != selector; - }); - }, - - add: function( selector ) { - return this.pushStack( jQuery.unique( jQuery.merge( - this.get(), - typeof selector === "string" ? - jQuery( selector ) : - jQuery.makeArray( selector ) - ))); - }, - - is: function( selector ) { - return !!selector && jQuery.multiFilter( selector, this ).length > 0; - }, - - hasClass: function( selector ) { - return !!selector && this.is( "." + selector ); - }, - - val: function( value ) { - if ( value === undefined ) { - var elem = this[0]; - - if ( elem ) { - if( jQuery.nodeName( elem, 'option' ) ) - return (elem.attributes.value || {}).specified ? elem.value : elem.text; - - // We need to handle select boxes special - if ( jQuery.nodeName( elem, "select" ) ) { - var index = elem.selectedIndex, - values = [], - options = elem.options, - one = elem.type == "select-one"; - - // Nothing was selected - if ( index < 0 ) - return null; - - // Loop through all the selected options - for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) { - var option = options[ i ]; - - if ( option.selected ) { - // Get the specifc value for the option - value = jQuery(option).val(); - - // We don't need an array for one selects - if ( one ) - return value; - - // Multi-Selects return an array - values.push( value ); - } - } - - return values; - } - - // Everything else, we just grab the value - return (elem.value || "").replace(/\r/g, ""); - - } - - return undefined; - } - - if ( typeof value === "number" ) - value += ''; - - return this.each(function(){ - if ( this.nodeType != 1 ) - return; - - if ( jQuery.isArray(value) && /radio|checkbox/.test( this.type ) ) - this.checked = (jQuery.inArray(this.value, value) >= 0 || - jQuery.inArray(this.name, value) >= 0); - - else if ( jQuery.nodeName( this, "select" ) ) { - var values = jQuery.makeArray(value); - - jQuery( "option", this ).each(function(){ - this.selected = (jQuery.inArray( this.value, values ) >= 0 || - jQuery.inArray( this.text, values ) >= 0); - }); - - if ( !values.length ) - this.selectedIndex = -1; - - } else - this.value = value; - }); - }, - - html: function( value ) { - return value === undefined ? - (this[0] ? - this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g, "") : - null) : - this.empty().append( value ); - }, - - replaceWith: function( value ) { - return this.after( value ).remove(); - }, - - eq: function( i ) { - return this.slice( i, +i + 1 ); - }, - - slice: function() { - return this.pushStack( Array.prototype.slice.apply( this, arguments ), - "slice", Array.prototype.slice.call(arguments).join(",") ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map(this, function(elem, i){ - return callback.call( elem, i, elem ); - })); - }, - - andSelf: function() { - return this.add( this.prevObject ); - }, - - domManip: function( args, table, callback ) { - if ( this[0] ) { - var fragment = (this[0].ownerDocument || this[0]).createDocumentFragment(), - scripts = jQuery.clean( args, (this[0].ownerDocument || this[0]), fragment ), - first = fragment.firstChild; - - if ( first ) - for ( var i = 0, l = this.length; i < l; i++ ) - callback.call( root(this[i], first), this.length > 1 || i > 0 ? - fragment.cloneNode(true) : fragment ); - - if ( scripts ) - jQuery.each( scripts, evalScript ); - } - - return this; - - function root( elem, cur ) { - return table && jQuery.nodeName(elem, "table") && jQuery.nodeName(cur, "tr") ? - (elem.getElementsByTagName("tbody")[0] || - elem.appendChild(elem.ownerDocument.createElement("tbody"))) : - elem; - } - } -}; - -// Give the init function the jQuery prototype for later instantiation -jQuery.fn.init.prototype = jQuery.fn; - -function evalScript( i, elem ) { - if ( elem.src ) - jQuery.ajax({ - url: elem.src, - async: false, - dataType: "script" - }); - - else - jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" ); - - if ( elem.parentNode ) - elem.parentNode.removeChild( elem ); -} - -function now(){ - return +new Date; -} - -jQuery.extend = jQuery.fn.extend = function() { - // copy reference to target object - var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options; - - // Handle a deep copy situation - if ( typeof target === "boolean" ) { - deep = target; - target = arguments[1] || {}; - // skip the boolean and the target - i = 2; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target !== "object" && !jQuery.isFunction(target) ) - target = {}; - - // extend jQuery itself if only one argument is passed - if ( length == i ) { - target = this; - --i; - } - - for ( ; i < length; i++ ) - // Only deal with non-null/undefined values - if ( (options = arguments[ i ]) != null ) - // Extend the base object - for ( var name in options ) { - var src = target[ name ], copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) - continue; - - // Recurse if we're merging object values - if ( deep && copy && typeof copy === "object" && !copy.nodeType ) - target[ name ] = jQuery.extend( deep, - // Never move original objects, clone them - src || ( copy.length != null ? [ ] : { } ) - , copy ); - - // Don't bring in undefined values - else if ( copy !== undefined ) - target[ name ] = copy; - - } - - // Return the modified object - return target; -}; - -// exclude the following css properties to add px -var exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i, - // cache defaultView - defaultView = document.defaultView || {}, - toString = Object.prototype.toString; - -jQuery.extend({ - noConflict: function( deep ) { - window.$ = _$; - - if ( deep ) - window.jQuery = _jQuery; - - return jQuery; - }, - - // See test/unit/core.js for details concerning isFunction. - // Since version 1.3, DOM methods and functions like alert - // aren't supported. They return false on IE (#2968). - isFunction: function( obj ) { - return toString.call(obj) === "[object Function]"; - }, - - isArray: function( obj ) { - return toString.call(obj) === "[object Array]"; - }, - - // check if an element is in a (or is an) XML document - isXMLDoc: function( elem ) { - return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" || - !!elem.ownerDocument && jQuery.isXMLDoc( elem.ownerDocument ); - }, - - // Evalulates a script in a global context - globalEval: function( data ) { - if ( data && /\S/.test(data) ) { - // Inspired by code by Andrea Giammarchi - // http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html - var head = document.getElementsByTagName("head")[0] || document.documentElement, - script = document.createElement("script"); - - script.type = "text/javascript"; - if ( jQuery.support.scriptEval ) - script.appendChild( document.createTextNode( data ) ); - else - script.text = data; - - // Use insertBefore instead of appendChild to circumvent an IE6 bug. - // This arises when a base node is used (#2709). - head.insertBefore( script, head.firstChild ); - head.removeChild( script ); - } - }, - - nodeName: function( elem, name ) { - return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase(); - }, - - // args is for internal usage only - each: function( object, callback, args ) { - var name, i = 0, length = object.length; - - if ( args ) { - if ( length === undefined ) { - for ( name in object ) - if ( callback.apply( object[ name ], args ) === false ) - break; - } else - for ( ; i < length; ) - if ( callback.apply( object[ i++ ], args ) === false ) - break; - - // A special, fast, case for the most common use of each - } else { - if ( length === undefined ) { - for ( name in object ) - if ( callback.call( object[ name ], name, object[ name ] ) === false ) - break; - } else - for ( var value = object[0]; - i < length && callback.call( value, i, value ) !== false; value = object[++i] ){} - } - - return object; - }, - - prop: function( elem, value, type, i, name ) { - // Handle executable functions - if ( jQuery.isFunction( value ) ) - value = value.call( elem, i ); - - // Handle passing in a number to a CSS property - return typeof value === "number" && type == "curCSS" && !exclude.test( name ) ? - value + "px" : - value; - }, - - className: { - // internal only, use addClass("class") - add: function( elem, classNames ) { - jQuery.each((classNames || "").split(/\s+/), function(i, className){ - if ( elem.nodeType == 1 && !jQuery.className.has( elem.className, className ) ) - elem.className += (elem.className ? " " : "") + className; - }); - }, - - // internal only, use removeClass("class") - remove: function( elem, classNames ) { - if (elem.nodeType == 1) - elem.className = classNames !== undefined ? - jQuery.grep(elem.className.split(/\s+/), function(className){ - return !jQuery.className.has( classNames, className ); - }).join(" ") : - ""; - }, - - // internal only, use hasClass("class") - has: function( elem, className ) { - return elem && jQuery.inArray( className, (elem.className || elem).toString().split(/\s+/) ) > -1; - } - }, - - // A method for quickly swapping in/out CSS properties to get correct calculations - swap: function( elem, options, callback ) { - var old = {}; - // Remember the old values, and insert the new ones - for ( var name in options ) { - old[ name ] = elem.style[ name ]; - elem.style[ name ] = options[ name ]; - } - - callback.call( elem ); - - // Revert the old values - for ( var name in options ) - elem.style[ name ] = old[ name ]; - }, - - css: function( elem, name, force, extra ) { - if ( name == "width" || name == "height" ) { - var val, props = { position: "absolute", visibility: "hidden", display:"block" }, which = name == "width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ]; - - function getWH() { - val = name == "width" ? elem.offsetWidth : elem.offsetHeight; - - if ( extra === "border" ) - return; - - jQuery.each( which, function() { - if ( !extra ) - val -= parseFloat(jQuery.curCSS( elem, "padding" + this, true)) || 0; - if ( extra === "margin" ) - val += parseFloat(jQuery.curCSS( elem, "margin" + this, true)) || 0; - else - val -= parseFloat(jQuery.curCSS( elem, "border" + this + "Width", true)) || 0; - }); - } - - if ( elem.offsetWidth !== 0 ) - getWH(); - else - jQuery.swap( elem, props, getWH ); - - return Math.max(0, Math.round(val)); - } - - return jQuery.curCSS( elem, name, force ); - }, - - curCSS: function( elem, name, force ) { - var ret, style = elem.style; - - // We need to handle opacity special in IE - if ( name == "opacity" && !jQuery.support.opacity ) { - ret = jQuery.attr( style, "opacity" ); - - return ret == "" ? - "1" : - ret; - } - - // Make sure we're using the right name for getting the float value - if ( name.match( /float/i ) ) - name = styleFloat; - - if ( !force && style && style[ name ] ) - ret = style[ name ]; - - else if ( defaultView.getComputedStyle ) { - - // Only "float" is needed here - if ( name.match( /float/i ) ) - name = "float"; - - name = name.replace( /([A-Z])/g, "-$1" ).toLowerCase(); - - var computedStyle = defaultView.getComputedStyle( elem, null ); - - if ( computedStyle ) - ret = computedStyle.getPropertyValue( name ); - - // We should always get a number back from opacity - if ( name == "opacity" && ret == "" ) - ret = "1"; - - } else if ( elem.currentStyle ) { - var camelCase = name.replace(/\-(\w)/g, function(all, letter){ - return letter.toUpperCase(); - }); - - ret = elem.currentStyle[ name ] || elem.currentStyle[ camelCase ]; - - // From the awesome hack by Dean Edwards - // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291 - - // If we're not dealing with a regular pixel number - // but a number that has a weird ending, we need to convert it to pixels - if ( !/^\d+(px)?$/i.test( ret ) && /^\d/.test( ret ) ) { - // Remember the original values - var left = style.left, rsLeft = elem.runtimeStyle.left; - - // Put in the new values to get a computed value out - elem.runtimeStyle.left = elem.currentStyle.left; - style.left = ret || 0; - ret = style.pixelLeft + "px"; - - // Revert the changed values - style.left = left; - elem.runtimeStyle.left = rsLeft; - } - } - - return ret; - }, - - clean: function( elems, context, fragment ) { - context = context || document; - - // !context.createElement fails in IE with an error but returns typeof 'object' - if ( typeof context.createElement === "undefined" ) - context = context.ownerDocument || context[0] && context[0].ownerDocument || document; - - // If a single string is passed in and it's a single tag - // just do a createElement and skip the rest - if ( !fragment && elems.length === 1 && typeof elems[0] === "string" ) { - var match = /^<(\w+)\s*\/?>$/.exec(elems[0]); - if ( match ) - return [ context.createElement( match[1] ) ]; - } - - var ret = [], scripts = [], div = context.createElement("div"); - - jQuery.each(elems, function(i, elem){ - if ( typeof elem === "number" ) - elem += ''; - - if ( !elem ) - return; - - // Convert html string into DOM nodes - if ( typeof elem === "string" ) { - // Fix "XHTML"-style tags in all browsers - elem = elem.replace(/(<(\w+)[^>]*?)\/>/g, function(all, front, tag){ - return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i) ? - all : - front + "></" + tag + ">"; - }); - - // Trim whitespace, otherwise indexOf won't work as expected - var tags = elem.replace(/^\s+/, "").substring(0, 10).toLowerCase(); - - var wrap = - // option or optgroup - !tags.indexOf("<opt") && - [ 1, "<select multiple='multiple'>", "</select>" ] || - - !tags.indexOf("<leg") && - [ 1, "<fieldset>", "</fieldset>" ] || - - tags.match(/^<(thead|tbody|tfoot|colg|cap)/) && - [ 1, "<table>", "</table>" ] || - - !tags.indexOf("<tr") && - [ 2, "<table><tbody>", "</tbody></table>" ] || - - // <thead> matched above - (!tags.indexOf("<td") || !tags.indexOf("<th")) && - [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ] || - - !tags.indexOf("<col") && - [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ] || - - // IE can't serialize <link> and <script> tags normally - !jQuery.support.htmlSerialize && - [ 1, "div<div>", "</div>" ] || - - [ 0, "", "" ]; - - // Go to html and back, then peel off extra wrappers - div.innerHTML = wrap[1] + elem + wrap[2]; - - // Move to the right depth - while ( wrap[0]-- ) - div = div.lastChild; - - // Remove IE's autoinserted <tbody> from table fragments - if ( !jQuery.support.tbody ) { - - // String was a <table>, *may* have spurious <tbody> - var hasBody = /<tbody/i.test(elem), - tbody = !tags.indexOf("<table") && !hasBody ? - div.firstChild && div.firstChild.childNodes : - - // String was a bare <thead> or <tfoot> - wrap[1] == "<table>" && !hasBody ? - div.childNodes : - []; - - for ( var j = tbody.length - 1; j >= 0 ; --j ) - if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) - tbody[ j ].parentNode.removeChild( tbody[ j ] ); - - } - - // IE completely kills leading whitespace when innerHTML is used - if ( !jQuery.support.leadingWhitespace && /^\s/.test( elem ) ) - div.insertBefore( context.createTextNode( elem.match(/^\s*/)[0] ), div.firstChild ); - - elem = jQuery.makeArray( div.childNodes ); - } - - if ( elem.nodeType ) - ret.push( elem ); - else - ret = jQuery.merge( ret, elem ); - - }); - - if ( fragment ) { - for ( var i = 0; ret[i]; i++ ) { - if ( jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) { - scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] ); - } else { - if ( ret[i].nodeType === 1 ) - ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) ); - fragment.appendChild( ret[i] ); - } - } - - return scripts; - } - - return ret; - }, - - attr: function( elem, name, value ) { - // don't set attributes on text and comment nodes - if (!elem || elem.nodeType == 3 || elem.nodeType == 8) - return undefined; - - var notxml = !jQuery.isXMLDoc( elem ), - // Whether we are setting (or getting) - set = value !== undefined; - - // Try to normalize/fix the name - name = notxml && jQuery.props[ name ] || name; - - // Only do all the following if this is a node (faster for style) - // IE elem.getAttribute passes even for style - if ( elem.tagName ) { - - // These attributes require special treatment - var special = /href|src|style/.test( name ); - - // Safari mis-reports the default selected property of a hidden option - // Accessing the parent's selectedIndex property fixes it - if ( name == "selected" && elem.parentNode ) - elem.parentNode.selectedIndex; - - // If applicable, access the attribute via the DOM 0 way - if ( name in elem && notxml && !special ) { - if ( set ){ - // We can't allow the type property to be changed (since it causes problems in IE) - if ( name == "type" && jQuery.nodeName( elem, "input" ) && elem.parentNode ) - throw "type property can't be changed"; - - elem[ name ] = value; - } - - // browsers index elements by id/name on forms, give priority to attributes. - if( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) ) - return elem.getAttributeNode( name ).nodeValue; - - // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set - // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ - if ( name == "tabIndex" ) { - var attributeNode = elem.getAttributeNode( "tabIndex" ); - return attributeNode && attributeNode.specified - ? attributeNode.value - : elem.nodeName.match(/(button|input|object|select|textarea)/i) - ? 0 - : elem.nodeName.match(/^(a|area)$/i) && elem.href - ? 0 - : undefined; - } - - return elem[ name ]; - } - - if ( !jQuery.support.style && notxml && name == "style" ) - return jQuery.attr( elem.style, "cssText", value ); - - if ( set ) - // convert the value to a string (all browsers do this but IE) see #1070 - elem.setAttribute( name, "" + value ); - - var attr = !jQuery.support.hrefNormalized && notxml && special - // Some attributes require a special call on IE - ? elem.getAttribute( name, 2 ) - : elem.getAttribute( name ); - - // Non-existent attributes return null, we normalize to undefined - return attr === null ? undefined : attr; - } - - // elem is actually elem.style ... set the style - - // IE uses filters for opacity - if ( !jQuery.support.opacity && name == "opacity" ) { - if ( set ) { - // IE has trouble with opacity if it does not have layout - // Force it by setting the zoom level - elem.zoom = 1; - - // Set the alpha filter to set the opacity - elem.filter = (elem.filter || "").replace( /alpha\([^)]*\)/, "" ) + - (parseInt( value ) + '' == "NaN" ? "" : "alpha(opacity=" + value * 100 + ")"); - } - - return elem.filter && elem.filter.indexOf("opacity=") >= 0 ? - (parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100) + '': - ""; - } - - name = name.replace(/-([a-z])/ig, function(all, letter){ - return letter.toUpperCase(); - }); - - if ( set ) - elem[ name ] = value; - - return elem[ name ]; - }, - - trim: function( text ) { - return (text || "").replace( /^\s+|\s+$/g, "" ); - }, - - makeArray: function( array ) { - var ret = []; - - if( array != null ){ - var i = array.length; - // The window, strings (and functions) also have 'length' - if( i == null || typeof array === "string" || jQuery.isFunction(array) || array.setInterval ) - ret[0] = array; - else - while( i ) - ret[--i] = array[i]; - } - - return ret; - }, - - inArray: function( elem, array ) { - for ( var i = 0, length = array.length; i < length; i++ ) - // Use === because on IE, window == document - if ( array[ i ] === elem ) - return i; - - return -1; - }, - - merge: function( first, second ) { - // We have to loop this way because IE & Opera overwrite the length - // expando of getElementsByTagName - var i = 0, elem, pos = first.length; - // Also, we need to make sure that the correct elements are being returned - // (IE returns comment nodes in a '*' query) - if ( !jQuery.support.getAll ) { - while ( (elem = second[ i++ ]) != null ) - if ( elem.nodeType != 8 ) - first[ pos++ ] = elem; - - } else - while ( (elem = second[ i++ ]) != null ) - first[ pos++ ] = elem; - - return first; - }, - - unique: function( array ) { - var ret = [], done = {}; - - try { - - for ( var i = 0, length = array.length; i < length; i++ ) { - var id = jQuery.data( array[ i ] ); - - if ( !done[ id ] ) { - done[ id ] = true; - ret.push( array[ i ] ); - } - } - - } catch( e ) { - ret = array; - } - - return ret; - }, - - grep: function( elems, callback, inv ) { - var ret = []; - - // Go through the array, only saving the items - // that pass the validator function - for ( var i = 0, length = elems.length; i < length; i++ ) - if ( !inv != !callback( elems[ i ], i ) ) - ret.push( elems[ i ] ); - - return ret; - }, - - map: function( elems, callback ) { - var ret = []; - - // Go through the array, translating each of the items to their - // new value (or values). - for ( var i = 0, length = elems.length; i < length; i++ ) { - var value = callback( elems[ i ], i ); - - if ( value != null ) - ret[ ret.length ] = value; - } - - return ret.concat.apply( [], ret ); - } -}); - -// Use of jQuery.browser is deprecated. -// It's included for backwards compatibility and plugins, -// although they should work to migrate away. - -var userAgent = navigator.userAgent.toLowerCase(); - -// Figure out what browser is being used -jQuery.browser = { - version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1], - safari: /webkit/.test( userAgent ), - opera: /opera/.test( userAgent ), - msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), - mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) -}; - -jQuery.each({ - parent: function(elem){return elem.parentNode;}, - parents: function(elem){return jQuery.dir(elem,"parentNode");}, - next: function(elem){return jQuery.nth(elem,2,"nextSibling");}, - prev: function(elem){return jQuery.nth(elem,2,"previousSibling");}, - nextAll: function(elem){return jQuery.dir(elem,"nextSibling");}, - prevAll: function(elem){return jQuery.dir(elem,"previousSibling");}, - siblings: function(elem){return jQuery.sibling(elem.parentNode.firstChild,elem);}, - children: function(elem){return jQuery.sibling(elem.firstChild);}, - contents: function(elem){return jQuery.nodeName(elem,"iframe")?elem.contentDocument||elem.contentWindow.document:jQuery.makeArray(elem.childNodes);} -}, function(name, fn){ - jQuery.fn[ name ] = function( selector ) { - var ret = jQuery.map( this, fn ); - - if ( selector && typeof selector == "string" ) - ret = jQuery.multiFilter( selector, ret ); - - return this.pushStack( jQuery.unique( ret ), name, selector ); - }; -}); - -jQuery.each({ - appendTo: "append", - prependTo: "prepend", - insertBefore: "before", - insertAfter: "after", - replaceAll: "replaceWith" -}, function(name, original){ - jQuery.fn[ name ] = function( selector ) { - var ret = [], insert = jQuery( selector ); - - for ( var i = 0, l = insert.length; i < l; i++ ) { - var elems = (i > 0 ? this.clone(true) : this).get(); - jQuery.fn[ original ].apply( jQuery(insert[i]), elems ); - ret = ret.concat( elems ); - } - - return this.pushStack( ret, name, selector ); - }; -}); - -jQuery.each({ - removeAttr: function( name ) { - jQuery.attr( this, name, "" ); - if (this.nodeType == 1) - this.removeAttribute( name ); - }, - - addClass: function( classNames ) { - jQuery.className.add( this, classNames ); - }, - - removeClass: function( classNames ) { - jQuery.className.remove( this, classNames ); - }, - - toggleClass: function( classNames, state ) { - if( typeof state !== "boolean" ) - state = !jQuery.className.has( this, classNames ); - jQuery.className[ state ? "add" : "remove" ]( this, classNames ); - }, - - remove: function( selector ) { - if ( !selector || jQuery.filter( selector, [ this ] ).length ) { - // Prevent memory leaks - jQuery( "*", this ).add([this]).each(function(){ - jQuery.event.remove(this); - jQuery.removeData(this); - }); - if (this.parentNode) - this.parentNode.removeChild( this ); - } - }, - - empty: function() { - // Remove element nodes and prevent memory leaks - jQuery(this).children().remove(); - - // Remove any remaining nodes - while ( this.firstChild ) - this.removeChild( this.firstChild ); - } -}, function(name, fn){ - jQuery.fn[ name ] = function(){ - return this.each( fn, arguments ); - }; -}); - -// Helper function used by the dimensions and offset modules -function num(elem, prop) { - return elem[0] && parseInt( jQuery.curCSS(elem[0], prop, true), 10 ) || 0; -} -var expando = "jQuery" + now(), uuid = 0, windowData = {}; - -jQuery.extend({ - cache: {}, - - data: function( elem, name, data ) { - elem = elem == window ? - windowData : - elem; - - var id = elem[ expando ]; - - // Compute a unique ID for the element - if ( !id ) - id = elem[ expando ] = ++uuid; - - // Only generate the data cache if we're - // trying to access or manipulate it - if ( name && !jQuery.cache[ id ] ) - jQuery.cache[ id ] = {}; - - // Prevent overriding the named cache with undefined values - if ( data !== undefined ) - jQuery.cache[ id ][ name ] = data; - - // Return the named cache data, or the ID for the element - return name ? - jQuery.cache[ id ][ name ] : - id; - }, - - removeData: function( elem, name ) { - elem = elem == window ? - windowData : - elem; - - var id = elem[ expando ]; - - // If we want to remove a specific section of the element's data - if ( name ) { - if ( jQuery.cache[ id ] ) { - // Remove the section of cache data - delete jQuery.cache[ id ][ name ]; - - // If we've removed all the data, remove the element's cache - name = ""; - - for ( name in jQuery.cache[ id ] ) - break; - - if ( !name ) - jQuery.removeData( elem ); - } - - // Otherwise, we want to remove all of the element's data - } else { - // Clean up the element expando - try { - delete elem[ expando ]; - } catch(e){ - // IE has trouble directly removing the expando - // but it's ok with using removeAttribute - if ( elem.removeAttribute ) - elem.removeAttribute( expando ); - } - - // Completely remove the data cache - delete jQuery.cache[ id ]; - } - }, - queue: function( elem, type, data ) { - if ( elem ){ - - type = (type || "fx") + "queue"; - - var q = jQuery.data( elem, type ); - - if ( !q || jQuery.isArray(data) ) - q = jQuery.data( elem, type, jQuery.makeArray(data) ); - else if( data ) - q.push( data ); - - } - return q; - }, - - dequeue: function( elem, type ){ - var queue = jQuery.queue( elem, type ), - fn = queue.shift(); - - if( !type || type === "fx" ) - fn = queue[0]; - - if( fn !== undefined ) - fn.call(elem); - } -}); - -jQuery.fn.extend({ - data: function( key, value ){ - var parts = key.split("."); - parts[1] = parts[1] ? "." + parts[1] : ""; - - if ( value === undefined ) { - var data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]); - - if ( data === undefined && this.length ) - data = jQuery.data( this[0], key ); - - return data === undefined && parts[1] ? - this.data( parts[0] ) : - data; - } else - return this.trigger("setData" + parts[1] + "!", [parts[0], value]).each(function(){ - jQuery.data( this, key, value ); - }); - }, - - removeData: function( key ){ - return this.each(function(){ - jQuery.removeData( this, key ); - }); - }, - queue: function(type, data){ - if ( typeof type !== "string" ) { - data = type; - type = "fx"; - } - - if ( data === undefined ) - return jQuery.queue( this[0], type ); - - return this.each(function(){ - var queue = jQuery.queue( this, type, data ); - - if( type == "fx" && queue.length == 1 ) - queue[0].call(this); - }); - }, - dequeue: function(type){ - return this.each(function(){ - jQuery.dequeue( this, type ); - }); - } -});/*! - * Sizzle CSS Selector Engine - v0.9.3 - * Copyright 2009, The Dojo Foundation - * Released under the MIT, BSD, and GPL Licenses. - * More information: http://sizzlejs.com/ - */ -(function(){ - -var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g, - done = 0, - toString = Object.prototype.toString; - -var Sizzle = function(selector, context, results, seed) { - results = results || []; - context = context || document; - - if ( context.nodeType !== 1 && context.nodeType !== 9 ) - return []; - - if ( !selector || typeof selector !== "string" ) { - return results; - } - - var parts = [], m, set, checkSet, check, mode, extra, prune = true; - - // Reset the position of the chunker regexp (start from head) - chunker.lastIndex = 0; - - while ( (m = chunker.exec(selector)) !== null ) { - parts.push( m[1] ); - - if ( m[2] ) { - extra = RegExp.rightContext; - break; - } - } - - if ( parts.length > 1 && origPOS.exec( selector ) ) { - if ( parts.length === 2 && Expr.relative[ parts[0] ] ) { - set = posProcess( parts[0] + parts[1], context ); - } else { - set = Expr.relative[ parts[0] ] ? - [ context ] : - Sizzle( parts.shift(), context ); - - while ( parts.length ) { - selector = parts.shift(); - - if ( Expr.relative[ selector ] ) - selector += parts.shift(); - - set = posProcess( selector, set ); - } - } - } else { - var ret = seed ? - { expr: parts.pop(), set: makeArray(seed) } : - Sizzle.find( parts.pop(), parts.length === 1 && context.parentNode ? context.parentNode : context, isXML(context) ); - set = Sizzle.filter( ret.expr, ret.set ); - - if ( parts.length > 0 ) { - checkSet = makeArray(set); - } else { - prune = false; - } - - while ( parts.length ) { - var cur = parts.pop(), pop = cur; - - if ( !Expr.relative[ cur ] ) { - cur = ""; - } else { - pop = parts.pop(); - } - - if ( pop == null ) { - pop = context; - } - - Expr.relative[ cur ]( checkSet, pop, isXML(context) ); - } - } - - if ( !checkSet ) { - checkSet = set; - } - - if ( !checkSet ) { - throw "Syntax error, unrecognized expression: " + (cur || selector); - } - - if ( toString.call(checkSet) === "[object Array]" ) { - if ( !prune ) { - results.push.apply( results, checkSet ); - } else if ( context.nodeType === 1 ) { - for ( var i = 0; checkSet[i] != null; i++ ) { - if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) { - results.push( set[i] ); - } - } - } else { - for ( var i = 0; checkSet[i] != null; i++ ) { - if ( checkSet[i] && checkSet[i].nodeType === 1 ) { - results.push( set[i] ); - } - } - } - } else { - makeArray( checkSet, results ); - } - - if ( extra ) { - Sizzle( extra, context, results, seed ); - - if ( sortOrder ) { - hasDuplicate = false; - results.sort(sortOrder); - - if ( hasDuplicate ) { - for ( var i = 1; i < results.length; i++ ) { - if ( results[i] === results[i-1] ) { - results.splice(i--, 1); - } - } - } - } - } - - return results; -}; - -Sizzle.matches = function(expr, set){ - return Sizzle(expr, null, null, set); -}; - -Sizzle.find = function(expr, context, isXML){ - var set, match; - - if ( !expr ) { - return []; - } - - for ( var i = 0, l = Expr.order.length; i < l; i++ ) { - var type = Expr.order[i], match; - - if ( (match = Expr.match[ type ].exec( expr )) ) { - var left = RegExp.leftContext; - - if ( left.substr( left.length - 1 ) !== "\\" ) { - match[1] = (match[1] || "").replace(/\\/g, ""); - set = Expr.find[ type ]( match, context, isXML ); - if ( set != null ) { - expr = expr.replace( Expr.match[ type ], "" ); - break; - } - } - } - } - - if ( !set ) { - set = context.getElementsByTagName("*"); - } - - return {set: set, expr: expr}; -}; - -Sizzle.filter = function(expr, set, inplace, not){ - var old = expr, result = [], curLoop = set, match, anyFound, - isXMLFilter = set && set[0] && isXML(set[0]); - - while ( expr && set.length ) { - for ( var type in Expr.filter ) { - if ( (match = Expr.match[ type ].exec( expr )) != null ) { - var filter = Expr.filter[ type ], found, item; - anyFound = false; - - if ( curLoop == result ) { - result = []; - } - - if ( Expr.preFilter[ type ] ) { - match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter ); - - if ( !match ) { - anyFound = found = true; - } else if ( match === true ) { - continue; - } - } - - if ( match ) { - for ( var i = 0; (item = curLoop[i]) != null; i++ ) { - if ( item ) { - found = filter( item, match, i, curLoop ); - var pass = not ^ !!found; - - if ( inplace && found != null ) { - if ( pass ) { - anyFound = true; - } else { - curLoop[i] = false; - } - } else if ( pass ) { - result.push( item ); - anyFound = true; - } - } - } - } - - if ( found !== undefined ) { - if ( !inplace ) { - curLoop = result; - } - - expr = expr.replace( Expr.match[ type ], "" ); - - if ( !anyFound ) { - return []; - } - - break; - } - } - } - - // Improper expression - if ( expr == old ) { - if ( anyFound == null ) { - throw "Syntax error, unrecognized expression: " + expr; - } else { - break; - } - } - - old = expr; - } - - return curLoop; -}; - -var Expr = Sizzle.selectors = { - order: [ "ID", "NAME", "TAG" ], - match: { - ID: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/, - CLASS: /\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/, - NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/, - ATTR: /\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/, - TAG: /^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/, - CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/, - POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/, - PSEUDO: /:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/ - }, - attrMap: { - "class": "className", - "for": "htmlFor" - }, - attrHandle: { - href: function(elem){ - return elem.getAttribute("href"); - } - }, - relative: { - "+": function(checkSet, part, isXML){ - var isPartStr = typeof part === "string", - isTag = isPartStr && !/\W/.test(part), - isPartStrNotTag = isPartStr && !isTag; - - if ( isTag && !isXML ) { - part = part.toUpperCase(); - } - - for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) { - if ( (elem = checkSet[i]) ) { - while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {} - - checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ? - elem || false : - elem === part; - } - } - - if ( isPartStrNotTag ) { - Sizzle.filter( part, checkSet, true ); - } - }, - ">": function(checkSet, part, isXML){ - var isPartStr = typeof part === "string"; - - if ( isPartStr && !/\W/.test(part) ) { - part = isXML ? part : part.toUpperCase(); - - for ( var i = 0, l = checkSet.length; i < l; i++ ) { - var elem = checkSet[i]; - if ( elem ) { - var parent = elem.parentNode; - checkSet[i] = parent.nodeName === part ? parent : false; - } - } - } else { - for ( var i = 0, l = checkSet.length; i < l; i++ ) { - var elem = checkSet[i]; - if ( elem ) { - checkSet[i] = isPartStr ? - elem.parentNode : - elem.parentNode === part; - } - } - - if ( isPartStr ) { - Sizzle.filter( part, checkSet, true ); - } - } - }, - "": function(checkSet, part, isXML){ - var doneName = done++, checkFn = dirCheck; - - if ( !part.match(/\W/) ) { - var nodeCheck = part = isXML ? part : part.toUpperCase(); - checkFn = dirNodeCheck; - } - - checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML); - }, - "~": function(checkSet, part, isXML){ - var doneName = done++, checkFn = dirCheck; - - if ( typeof part === "string" && !part.match(/\W/) ) { - var nodeCheck = part = isXML ? part : part.toUpperCase(); - checkFn = dirNodeCheck; - } - - checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML); - } - }, - find: { - ID: function(match, context, isXML){ - if ( typeof context.getElementById !== "undefined" && !isXML ) { - var m = context.getElementById(match[1]); - return m ? [m] : []; - } - }, - NAME: function(match, context, isXML){ - if ( typeof context.getElementsByName !== "undefined" ) { - var ret = [], results = context.getElementsByName(match[1]); - - for ( var i = 0, l = results.length; i < l; i++ ) { - if ( results[i].getAttribute("name") === match[1] ) { - ret.push( results[i] ); - } - } - - return ret.length === 0 ? null : ret; - } - }, - TAG: function(match, context){ - return context.getElementsByTagName(match[1]); - } - }, - preFilter: { - CLASS: function(match, curLoop, inplace, result, not, isXML){ - match = " " + match[1].replace(/\\/g, "") + " "; - - if ( isXML ) { - return match; - } - - for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) { - if ( elem ) { - if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) { - if ( !inplace ) - result.push( elem ); - } else if ( inplace ) { - curLoop[i] = false; - } - } - } - - return false; - }, - ID: function(match){ - return match[1].replace(/\\/g, ""); - }, - TAG: function(match, curLoop){ - for ( var i = 0; curLoop[i] === false; i++ ){} - return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase(); - }, - CHILD: function(match){ - if ( match[1] == "nth" ) { - // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6' - var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec( - match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" || - !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]); - - // calculate the numbers (first)n+(last) including if they are negative - match[2] = (test[1] + (test[2] || 1)) - 0; - match[3] = test[3] - 0; - } - - // TODO: Move to normal caching system - match[0] = done++; - - return match; - }, - ATTR: function(match, curLoop, inplace, result, not, isXML){ - var name = match[1].replace(/\\/g, ""); - - if ( !isXML && Expr.attrMap[name] ) { - match[1] = Expr.attrMap[name]; - } - - if ( match[2] === "~=" ) { - match[4] = " " + match[4] + " "; - } - - return match; - }, - PSEUDO: function(match, curLoop, inplace, result, not){ - if ( match[1] === "not" ) { - // If we're dealing with a complex expression, or a simple one - if ( match[3].match(chunker).length > 1 || /^\w/.test(match[3]) ) { - match[3] = Sizzle(match[3], null, null, curLoop); - } else { - var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not); - if ( !inplace ) { - result.push.apply( result, ret ); - } - return false; - } - } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) { - return true; - } - - return match; - }, - POS: function(match){ - match.unshift( true ); - return match; - } - }, - filters: { - enabled: function(elem){ - return elem.disabled === false && elem.type !== "hidden"; - }, - disabled: function(elem){ - return elem.disabled === true; - }, - checked: function(elem){ - return elem.checked === true; - }, - selected: function(elem){ - // Accessing this property makes selected-by-default - // options in Safari work properly - elem.parentNode.selectedIndex; - return elem.selected === true; - }, - parent: function(elem){ - return !!elem.firstChild; - }, - empty: function(elem){ - return !elem.firstChild; - }, - has: function(elem, i, match){ - return !!Sizzle( match[3], elem ).length; - }, - header: function(elem){ - return /h\d/i.test( elem.nodeName ); - }, - text: function(elem){ - return "text" === elem.type; - }, - radio: function(elem){ - return "radio" === elem.type; - }, - checkbox: function(elem){ - return "checkbox" === elem.type; - }, - file: function(elem){ - return "file" === elem.type; - }, - password: function(elem){ - return "password" === elem.type; - }, - submit: function(elem){ - return "submit" === elem.type; - }, - image: function(elem){ - return "image" === elem.type; - }, - reset: function(elem){ - return "reset" === elem.type; - }, - button: function(elem){ - return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON"; - }, - input: function(elem){ - return /input|select|textarea|button/i.test(elem.nodeName); - } - }, - setFilters: { - first: function(elem, i){ - return i === 0; - }, - last: function(elem, i, match, array){ - return i === array.length - 1; - }, - even: function(elem, i){ - return i % 2 === 0; - }, - odd: function(elem, i){ - return i % 2 === 1; - }, - lt: function(elem, i, match){ - return i < match[3] - 0; - }, - gt: function(elem, i, match){ - return i > match[3] - 0; - }, - nth: function(elem, i, match){ - return match[3] - 0 == i; - }, - eq: function(elem, i, match){ - return match[3] - 0 == i; - } - }, - filter: { - PSEUDO: function(elem, match, i, array){ - var name = match[1], filter = Expr.filters[ name ]; - - if ( filter ) { - return filter( elem, i, match, array ); - } else if ( name === "contains" ) { - return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0; - } else if ( name === "not" ) { - var not = match[3]; - - for ( var i = 0, l = not.length; i < l; i++ ) { - if ( not[i] === elem ) { - return false; - } - } - - return true; - } - }, - CHILD: function(elem, match){ - var type = match[1], node = elem; - switch (type) { - case 'only': - case 'first': - while (node = node.previousSibling) { - if ( node.nodeType === 1 ) return false; - } - if ( type == 'first') return true; - node = elem; - case 'last': - while (node = node.nextSibling) { - if ( node.nodeType === 1 ) return false; - } - return true; - case 'nth': - var first = match[2], last = match[3]; - - if ( first == 1 && last == 0 ) { - return true; - } - - var doneName = match[0], - parent = elem.parentNode; - - if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) { - var count = 0; - for ( node = parent.firstChild; node; node = node.nextSibling ) { - if ( node.nodeType === 1 ) { - node.nodeIndex = ++count; - } - } - parent.sizcache = doneName; - } - - var diff = elem.nodeIndex - last; - if ( first == 0 ) { - return diff == 0; - } else { - return ( diff % first == 0 && diff / first >= 0 ); - } - } - }, - ID: function(elem, match){ - return elem.nodeType === 1 && elem.getAttribute("id") === match; - }, - TAG: function(elem, match){ - return (match === "*" && elem.nodeType === 1) || elem.nodeName === match; - }, - CLASS: function(elem, match){ - return (" " + (elem.className || elem.getAttribute("class")) + " ") - .indexOf( match ) > -1; - }, - ATTR: function(elem, match){ - var name = match[1], - result = Expr.attrHandle[ name ] ? - Expr.attrHandle[ name ]( elem ) : - elem[ name ] != null ? - elem[ name ] : - elem.getAttribute( name ), - value = result + "", - type = match[2], - check = match[4]; - - return result == null ? - type === "!=" : - type === "=" ? - value === check : - type === "*=" ? - value.indexOf(check) >= 0 : - type === "~=" ? - (" " + value + " ").indexOf(check) >= 0 : - !check ? - value && result !== false : - type === "!=" ? - value != check : - type === "^=" ? - value.indexOf(check) === 0 : - type === "$=" ? - value.substr(value.length - check.length) === check : - type === "|=" ? - value === check || value.substr(0, check.length + 1) === check + "-" : - false; - }, - POS: function(elem, match, i, array){ - var name = match[2], filter = Expr.setFilters[ name ]; - - if ( filter ) { - return filter( elem, i, match, array ); - } - } - } -}; - -var origPOS = Expr.match.POS; - -for ( var type in Expr.match ) { - Expr.match[ type ] = RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source ); -} - -var makeArray = function(array, results) { - array = Array.prototype.slice.call( array ); - - if ( results ) { - results.push.apply( results, array ); - return results; - } - - return array; -}; - -// Perform a simple check to determine if the browser is capable of -// converting a NodeList to an array using builtin methods. -try { - Array.prototype.slice.call( document.documentElement.childNodes ); - -// Provide a fallback method if it does not work -} catch(e){ - makeArray = function(array, results) { - var ret = results || []; - - if ( toString.call(array) === "[object Array]" ) { - Array.prototype.push.apply( ret, array ); - } else { - if ( typeof array.length === "number" ) { - for ( var i = 0, l = array.length; i < l; i++ ) { - ret.push( array[i] ); - } - } else { - for ( var i = 0; array[i]; i++ ) { - ret.push( array[i] ); - } - } - } - - return ret; - }; -} - -var sortOrder; - -if ( document.documentElement.compareDocumentPosition ) { - sortOrder = function( a, b ) { - var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1; - if ( ret === 0 ) { - hasDuplicate = true; - } - return ret; - }; -} else if ( "sourceIndex" in document.documentElement ) { - sortOrder = function( a, b ) { - var ret = a.sourceIndex - b.sourceIndex; - if ( ret === 0 ) { - hasDuplicate = true; - } - return ret; - }; -} else if ( document.createRange ) { - sortOrder = function( a, b ) { - var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange(); - aRange.selectNode(a); - aRange.collapse(true); - bRange.selectNode(b); - bRange.collapse(true); - var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange); - if ( ret === 0 ) { - hasDuplicate = true; - } - return ret; - }; -} - -// Check to see if the browser returns elements by name when -// querying by getElementById (and provide a workaround) -(function(){ - // We're going to inject a fake input element with a specified name - var form = document.createElement("form"), - id = "script" + (new Date).getTime(); - form.innerHTML = "<input name='" + id + "'/>"; - - // Inject it into the root element, check its status, and remove it quickly - var root = document.documentElement; - root.insertBefore( form, root.firstChild ); - - // The workaround has to do additional checks after a getElementById - // Which slows things down for other browsers (hence the branching) - if ( !!document.getElementById( id ) ) { - Expr.find.ID = function(match, context, isXML){ - if ( typeof context.getElementById !== "undefined" && !isXML ) { - var m = context.getElementById(match[1]); - return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : []; - } - }; - - Expr.filter.ID = function(elem, match){ - var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id"); - return elem.nodeType === 1 && node && node.nodeValue === match; - }; - } - - root.removeChild( form ); -})(); - -(function(){ - // Check to see if the browser returns only elements - // when doing getElementsByTagName("*") - - // Create a fake element - var div = document.createElement("div"); - div.appendChild( document.createComment("") ); - - // Make sure no comments are found - if ( div.getElementsByTagName("*").length > 0 ) { - Expr.find.TAG = function(match, context){ - var results = context.getElementsByTagName(match[1]); - - // Filter out possible comments - if ( match[1] === "*" ) { - var tmp = []; - - for ( var i = 0; results[i]; i++ ) { - if ( results[i].nodeType === 1 ) { - tmp.push( results[i] ); - } - } - - results = tmp; - } - - return results; - }; - } - - // Check to see if an attribute returns normalized href attributes - div.innerHTML = "<a href='#'></a>"; - if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" && - div.firstChild.getAttribute("href") !== "#" ) { - Expr.attrHandle.href = function(elem){ - return elem.getAttribute("href", 2); - }; - } -})(); - -if ( document.querySelectorAll ) (function(){ - var oldSizzle = Sizzle, div = document.createElement("div"); - div.innerHTML = "<p class='TEST'></p>"; - - // Safari can't handle uppercase or unicode characters when - // in quirks mode. - if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) { - return; - } - - Sizzle = function(query, context, extra, seed){ - context = context || document; - - // Only use querySelectorAll on non-XML documents - // (ID selectors don't work in non-HTML documents) - if ( !seed && context.nodeType === 9 && !isXML(context) ) { - try { - return makeArray( context.querySelectorAll(query), extra ); - } catch(e){} - } - - return oldSizzle(query, context, extra, seed); - }; - - Sizzle.find = oldSizzle.find; - Sizzle.filter = oldSizzle.filter; - Sizzle.selectors = oldSizzle.selectors; - Sizzle.matches = oldSizzle.matches; -})(); - -if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){ - var div = document.createElement("div"); - div.innerHTML = "<div class='test e'></div><div class='test'></div>"; - - // Opera can't find a second classname (in 9.6) - if ( div.getElementsByClassName("e").length === 0 ) - return; - - // Safari caches class attributes, doesn't catch changes (in 3.2) - div.lastChild.className = "e"; - - if ( div.getElementsByClassName("e").length === 1 ) - return; - - Expr.order.splice(1, 0, "CLASS"); - Expr.find.CLASS = function(match, context, isXML) { - if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) { - return context.getElementsByClassName(match[1]); - } - }; -})(); - -function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { - var sibDir = dir == "previousSibling" && !isXML; - for ( var i = 0, l = checkSet.length; i < l; i++ ) { - var elem = checkSet[i]; - if ( elem ) { - if ( sibDir && elem.nodeType === 1 ){ - elem.sizcache = doneName; - elem.sizset = i; - } - elem = elem[dir]; - var match = false; - - while ( elem ) { - if ( elem.sizcache === doneName ) { - match = checkSet[elem.sizset]; - break; - } - - if ( elem.nodeType === 1 && !isXML ){ - elem.sizcache = doneName; - elem.sizset = i; - } - - if ( elem.nodeName === cur ) { - match = elem; - break; - } - - elem = elem[dir]; - } - - checkSet[i] = match; - } - } -} - -function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { - var sibDir = dir == "previousSibling" && !isXML; - for ( var i = 0, l = checkSet.length; i < l; i++ ) { - var elem = checkSet[i]; - if ( elem ) { - if ( sibDir && elem.nodeType === 1 ) { - elem.sizcache = doneName; - elem.sizset = i; - } - elem = elem[dir]; - var match = false; - - while ( elem ) { - if ( elem.sizcache === doneName ) { - match = checkSet[elem.sizset]; - break; - } - - if ( elem.nodeType === 1 ) { - if ( !isXML ) { - elem.sizcache = doneName; - elem.sizset = i; - } - if ( typeof cur !== "string" ) { - if ( elem === cur ) { - match = true; - break; - } - - } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) { - match = elem; - break; - } - } - - elem = elem[dir]; - } - - checkSet[i] = match; - } - } -} - -var contains = document.compareDocumentPosition ? function(a, b){ - return a.compareDocumentPosition(b) & 16; -} : function(a, b){ - return a !== b && (a.contains ? a.contains(b) : true); -}; - -var isXML = function(elem){ - return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" || - !!elem.ownerDocument && isXML( elem.ownerDocument ); -}; - -var posProcess = function(selector, context){ - var tmpSet = [], later = "", match, - root = context.nodeType ? [context] : context; - - // Position selectors must be done after the filter - // And so must :not(positional) so we move all PSEUDOs to the end - while ( (match = Expr.match.PSEUDO.exec( selector )) ) { - later += match[0]; - selector = selector.replace( Expr.match.PSEUDO, "" ); - } - - selector = Expr.relative[selector] ? selector + "*" : selector; - - for ( var i = 0, l = root.length; i < l; i++ ) { - Sizzle( selector, root[i], tmpSet ); - } - - return Sizzle.filter( later, tmpSet ); -}; - -// EXPOSE -jQuery.find = Sizzle; -jQuery.filter = Sizzle.filter; -jQuery.expr = Sizzle.selectors; -jQuery.expr[":"] = jQuery.expr.filters; - -Sizzle.selectors.filters.hidden = function(elem){ - return elem.offsetWidth === 0 || elem.offsetHeight === 0; -}; - -Sizzle.selectors.filters.visible = function(elem){ - return elem.offsetWidth > 0 || elem.offsetHeight > 0; -}; - -Sizzle.selectors.filters.animated = function(elem){ - return jQuery.grep(jQuery.timers, function(fn){ - return elem === fn.elem; - }).length; -}; - -jQuery.multiFilter = function( expr, elems, not ) { - if ( not ) { - expr = ":not(" + expr + ")"; - } - - return Sizzle.matches(expr, elems); -}; - -jQuery.dir = function( elem, dir ){ - var matched = [], cur = elem[dir]; - while ( cur && cur != document ) { - if ( cur.nodeType == 1 ) - matched.push( cur ); - cur = cur[dir]; - } - return matched; -}; - -jQuery.nth = function(cur, result, dir, elem){ - result = result || 1; - var num = 0; - - for ( ; cur; cur = cur[dir] ) - if ( cur.nodeType == 1 && ++num == result ) - break; - - return cur; -}; - -jQuery.sibling = function(n, elem){ - var r = []; - - for ( ; n; n = n.nextSibling ) { - if ( n.nodeType == 1 && n != elem ) - r.push( n ); - } - - return r; -}; - -return; - -window.Sizzle = Sizzle; - -})(); -/* - * A number of helper functions used for managing events. - * Many of the ideas behind this code originated from - * Dean Edwards' addEvent library. - */ -jQuery.event = { - - // Bind an event to an element - // Original by Dean Edwards - add: function(elem, types, handler, data) { - if ( elem.nodeType == 3 || elem.nodeType == 8 ) - return; - - // For whatever reason, IE has trouble passing the window object - // around, causing it to be cloned in the process - if ( elem.setInterval && elem != window ) - elem = window; - - // Make sure that the function being executed has a unique ID - if ( !handler.guid ) - handler.guid = this.guid++; - - // if data is passed, bind to handler - if ( data !== undefined ) { - // Create temporary function pointer to original handler - var fn = handler; - - // Create unique handler function, wrapped around original handler - handler = this.proxy( fn ); - - // Store data in unique handler - handler.data = data; - } - - // Init the element's event structure - var events = jQuery.data(elem, "events") || jQuery.data(elem, "events", {}), - handle = jQuery.data(elem, "handle") || jQuery.data(elem, "handle", function(){ - // Handle the second event of a trigger and when - // an event is called after a page has unloaded - return typeof jQuery !== "undefined" && !jQuery.event.triggered ? - jQuery.event.handle.apply(arguments.callee.elem, arguments) : - undefined; - }); - // Add elem as a property of the handle function - // This is to prevent a memory leak with non-native - // event in IE. - handle.elem = elem; - - // Handle multiple events separated by a space - // jQuery(...).bind("mouseover mouseout", fn); - jQuery.each(types.split(/\s+/), function(index, type) { - // Namespaced event handlers - var namespaces = type.split("."); - type = namespaces.shift(); - handler.type = namespaces.slice().sort().join("."); - - // Get the current list of functions bound to this event - var handlers = events[type]; - - if ( jQuery.event.specialAll[type] ) - jQuery.event.specialAll[type].setup.call(elem, data, namespaces); - - // Init the event handler queue - if (!handlers) { - handlers = events[type] = {}; - - // Check for a special event handler - // Only use addEventListener/attachEvent if the special - // events handler returns false - if ( !jQuery.event.special[type] || jQuery.event.special[type].setup.call(elem, data, namespaces) === false ) { - // Bind the global event handler to the element - if (elem.addEventListener) - elem.addEventListener(type, handle, false); - else if (elem.attachEvent) - elem.attachEvent("on" + type, handle); - } - } - - // Add the function to the element's handler list - handlers[handler.guid] = handler; - - // Keep track of which events have been used, for global triggering - jQuery.event.global[type] = true; - }); - - // Nullify elem to prevent memory leaks in IE - elem = null; - }, - - guid: 1, - global: {}, - - // Detach an event or set of events from an element - remove: function(elem, types, handler) { - // don't do events on text and comment nodes - if ( elem.nodeType == 3 || elem.nodeType == 8 ) - return; - - var events = jQuery.data(elem, "events"), ret, index; - - if ( events ) { - // Unbind all events for the element - if ( types === undefined || (typeof types === "string" && types.charAt(0) == ".") ) - for ( var type in events ) - this.remove( elem, type + (types || "") ); - else { - // types is actually an event object here - if ( types.type ) { - handler = types.handler; - types = types.type; - } - - // Handle multiple events seperated by a space - // jQuery(...).unbind("mouseover mouseout", fn); - jQuery.each(types.split(/\s+/), function(index, type){ - // Namespaced event handlers - var namespaces = type.split("."); - type = namespaces.shift(); - var namespace = RegExp("(^|\\.)" + namespaces.slice().sort().join(".*\\.") + "(\\.|$)"); - - if ( events[type] ) { - // remove the given handler for the given type - if ( handler ) - delete events[type][handler.guid]; - - // remove all handlers for the given type - else - for ( var handle in events[type] ) - // Handle the removal of namespaced events - if ( namespace.test(events[type][handle].type) ) - delete events[type][handle]; - - if ( jQuery.event.specialAll[type] ) - jQuery.event.specialAll[type].teardown.call(elem, namespaces); - - // remove generic event handler if no more handlers exist - for ( ret in events[type] ) break; - if ( !ret ) { - if ( !jQuery.event.special[type] || jQuery.event.special[type].teardown.call(elem, namespaces) === false ) { - if (elem.removeEventListener) - elem.removeEventListener(type, jQuery.data(elem, "handle"), false); - else if (elem.detachEvent) - elem.detachEvent("on" + type, jQuery.data(elem, "handle")); - } - ret = null; - delete events[type]; - } - } - }); - } - - // Remove the expando if it's no longer used - for ( ret in events ) break; - if ( !ret ) { - var handle = jQuery.data( elem, "handle" ); - if ( handle ) handle.elem = null; - jQuery.removeData( elem, "events" ); - jQuery.removeData( elem, "handle" ); - } - } - }, - - // bubbling is internal - trigger: function( event, data, elem, bubbling ) { - // Event object or event type - var type = event.type || event; - - if( !bubbling ){ - event = typeof event === "object" ? - // jQuery.Event object - event[expando] ? event : - // Object literal - jQuery.extend( jQuery.Event(type), event ) : - // Just the event type (string) - jQuery.Event(type); - - if ( type.indexOf("!") >= 0 ) { - event.type = type = type.slice(0, -1); - event.exclusive = true; - } - - // Handle a global trigger - if ( !elem ) { - // Don't bubble custom events when global (to avoid too much overhead) - event.stopPropagation(); - // Only trigger if we've ever bound an event for it - if ( this.global[type] ) - jQuery.each( jQuery.cache, function(){ - if ( this.events && this.events[type] ) - jQuery.event.trigger( event, data, this.handle.elem ); - }); - } - - // Handle triggering a single element - - // don't do events on text and comment nodes - if ( !elem || elem.nodeType == 3 || elem.nodeType == 8 ) - return undefined; - - // Clean up in case it is reused - event.result = undefined; - event.target = elem; - - // Clone the incoming data, if any - data = jQuery.makeArray(data); - data.unshift( event ); - } - - event.currentTarget = elem; - - // Trigger the event, it is assumed that "handle" is a function - var handle = jQuery.data(elem, "handle"); - if ( handle ) - handle.apply( elem, data ); - - // Handle triggering native .onfoo handlers (and on links since we don't call .click() for links) - if ( (!elem[type] || (jQuery.nodeName(elem, 'a') && type == "click")) && elem["on"+type] && elem["on"+type].apply( elem, data ) === false ) - event.result = false; - - // Trigger the native events (except for clicks on links) - if ( !bubbling && elem[type] && !event.isDefaultPrevented() && !(jQuery.nodeName(elem, 'a') && type == "click") ) { - this.triggered = true; - try { - elem[ type ](); - // prevent IE from throwing an error for some hidden elements - } catch (e) {} - } - - this.triggered = false; - - if ( !event.isPropagationStopped() ) { - var parent = elem.parentNode || elem.ownerDocument; - if ( parent ) - jQuery.event.trigger(event, data, parent, true); - } - }, - - handle: function(event) { - // returned undefined or false - var all, handlers; - - event = arguments[0] = jQuery.event.fix( event || window.event ); - event.currentTarget = this; - - // Namespaced event handlers - var namespaces = event.type.split("."); - event.type = namespaces.shift(); - - // Cache this now, all = true means, any handler - all = !namespaces.length && !event.exclusive; - - var namespace = RegExp("(^|\\.)" + namespaces.slice().sort().join(".*\\.") + "(\\.|$)"); - - handlers = ( jQuery.data(this, "events") || {} )[event.type]; - - for ( var j in handlers ) { - var handler = handlers[j]; - - // Filter the functions by class - if ( all || namespace.test(handler.type) ) { - // Pass in a reference to the handler function itself - // So that we can later remove it - event.handler = handler; - event.data = handler.data; - - var ret = handler.apply(this, arguments); - - if( ret !== undefined ){ - event.result = ret; - if ( ret === false ) { - event.preventDefault(); - event.stopPropagation(); - } - } - - if( event.isImmediatePropagationStopped() ) - break; - - } - } - }, - - props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "), - - fix: function(event) { - if ( event[expando] ) - return event; - - // store a copy of the original event object - // and "clone" to set read-only properties - var originalEvent = event; - event = jQuery.Event( originalEvent ); - - for ( var i = this.props.length, prop; i; ){ - prop = this.props[ --i ]; - event[ prop ] = originalEvent[ prop ]; - } - - // Fix target property, if necessary - if ( !event.target ) - event.target = event.srcElement || document; // Fixes #1925 where srcElement might not be defined either - - // check if target is a textnode (safari) - if ( event.target.nodeType == 3 ) - event.target = event.target.parentNode; - - // Add relatedTarget, if necessary - if ( !event.relatedTarget && event.fromElement ) - event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement; - - // Calculate pageX/Y if missing and clientX/Y available - if ( event.pageX == null && event.clientX != null ) { - var doc = document.documentElement, body = document.body; - event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc.clientLeft || 0); - event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc.clientTop || 0); - } - - // Add which for key events - if ( !event.which && ((event.charCode || event.charCode === 0) ? event.charCode : event.keyCode) ) - event.which = event.charCode || event.keyCode; - - // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs) - if ( !event.metaKey && event.ctrlKey ) - event.metaKey = event.ctrlKey; - - // Add which for click: 1 == left; 2 == middle; 3 == right - // Note: button is not normalized, so don't use it - if ( !event.which && event.button ) - event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) )); - - return event; - }, - - proxy: function( fn, proxy ){ - proxy = proxy || function(){ return fn.apply(this, arguments); }; - // Set the guid of unique handler to the same of original handler, so it can be removed - proxy.guid = fn.guid = fn.guid || proxy.guid || this.guid++; - // So proxy can be declared as an argument - return proxy; - }, - - special: { - ready: { - // Make sure the ready event is setup - setup: bindReady, - teardown: function() {} - } - }, - - specialAll: { - live: { - setup: function( selector, namespaces ){ - jQuery.event.add( this, namespaces[0], liveHandler ); - }, - teardown: function( namespaces ){ - if ( namespaces.length ) { - var remove = 0, name = RegExp("(^|\\.)" + namespaces[0] + "(\\.|$)"); - - jQuery.each( (jQuery.data(this, "events").live || {}), function(){ - if ( name.test(this.type) ) - remove++; - }); - - if ( remove < 1 ) - jQuery.event.remove( this, namespaces[0], liveHandler ); - } - } - } - } -}; - -jQuery.Event = function( src ){ - // Allow instantiation without the 'new' keyword - if( !this.preventDefault ) - return new jQuery.Event(src); - - // Event object - if( src && src.type ){ - this.originalEvent = src; - this.type = src.type; - // Event type - }else - this.type = src; - - // timeStamp is buggy for some events on Firefox(#3843) - // So we won't rely on the native value - this.timeStamp = now(); - - // Mark it as fixed - this[expando] = true; -}; - -function returnFalse(){ - return false; -} -function returnTrue(){ - return true; -} - -// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding -// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html -jQuery.Event.prototype = { - preventDefault: function() { - this.isDefaultPrevented = returnTrue; - - var e = this.originalEvent; - if( !e ) - return; - // if preventDefault exists run it on the original event - if (e.preventDefault) - e.preventDefault(); - // otherwise set the returnValue property of the original event to false (IE) - e.returnValue = false; - }, - stopPropagation: function() { - this.isPropagationStopped = returnTrue; - - var e = this.originalEvent; - if( !e ) - return; - // if stopPropagation exists run it on the original event - if (e.stopPropagation) - e.stopPropagation(); - // otherwise set the cancelBubble property of the original event to true (IE) - e.cancelBubble = true; - }, - stopImmediatePropagation:function(){ - this.isImmediatePropagationStopped = returnTrue; - this.stopPropagation(); - }, - isDefaultPrevented: returnFalse, - isPropagationStopped: returnFalse, - isImmediatePropagationStopped: returnFalse -}; -// Checks if an event happened on an element within another element -// Used in jQuery.event.special.mouseenter and mouseleave handlers -var withinElement = function(event) { - // Check if mouse(over|out) are still within the same parent element - var parent = event.relatedTarget; - // Traverse up the tree - while ( parent && parent != this ) - try { parent = parent.parentNode; } - catch(e) { parent = this; } - - if( parent != this ){ - // set the correct event type - event.type = event.data; - // handle event if we actually just moused on to a non sub-element - jQuery.event.handle.apply( this, arguments ); - } -}; - -jQuery.each({ - mouseover: 'mouseenter', - mouseout: 'mouseleave' -}, function( orig, fix ){ - jQuery.event.special[ fix ] = { - setup: function(){ - jQuery.event.add( this, orig, withinElement, fix ); - }, - teardown: function(){ - jQuery.event.remove( this, orig, withinElement ); - } - }; -}); - -jQuery.fn.extend({ - bind: function( type, data, fn ) { - return type == "unload" ? this.one(type, data, fn) : this.each(function(){ - jQuery.event.add( this, type, fn || data, fn && data ); - }); - }, - - one: function( type, data, fn ) { - var one = jQuery.event.proxy( fn || data, function(event) { - jQuery(this).unbind(event, one); - return (fn || data).apply( this, arguments ); - }); - return this.each(function(){ - jQuery.event.add( this, type, one, fn && data); - }); - }, - - unbind: function( type, fn ) { - return this.each(function(){ - jQuery.event.remove( this, type, fn ); - }); - }, - - trigger: function( type, data ) { - return this.each(function(){ - jQuery.event.trigger( type, data, this ); - }); - }, - - triggerHandler: function( type, data ) { - if( this[0] ){ - var event = jQuery.Event(type); - event.preventDefault(); - event.stopPropagation(); - jQuery.event.trigger( event, data, this[0] ); - return event.result; - } - }, - - toggle: function( fn ) { - // Save reference to arguments for access in closure - var args = arguments, i = 1; - - // link all the functions, so any of them can unbind this click handler - while( i < args.length ) - jQuery.event.proxy( fn, args[i++] ); - - return this.click( jQuery.event.proxy( fn, function(event) { - // Figure out which function to execute - this.lastToggle = ( this.lastToggle || 0 ) % i; - - // Make sure that clicks stop - event.preventDefault(); - - // and execute the function - return args[ this.lastToggle++ ].apply( this, arguments ) || false; - })); - }, - - hover: function(fnOver, fnOut) { - return this.mouseenter(fnOver).mouseleave(fnOut); - }, - - ready: function(fn) { - // Attach the listeners - bindReady(); - - // If the DOM is already ready - if ( jQuery.isReady ) - // Execute the function immediately - fn.call( document, jQuery ); - - // Otherwise, remember the function for later - else - // Add the function to the wait list - jQuery.readyList.push( fn ); - - return this; - }, - - live: function( type, fn ){ - var proxy = jQuery.event.proxy( fn ); - proxy.guid += this.selector + type; - - jQuery(document).bind( liveConvert(type, this.selector), this.selector, proxy ); - - return this; - }, - - die: function( type, fn ){ - jQuery(document).unbind( liveConvert(type, this.selector), fn ? { guid: fn.guid + this.selector + type } : null ); - return this; - } -}); - -function liveHandler( event ){ - var check = RegExp("(^|\\.)" + event.type + "(\\.|$)"), - stop = true, - elems = []; - - jQuery.each(jQuery.data(this, "events").live || [], function(i, fn){ - if ( check.test(fn.type) ) { - var elem = jQuery(event.target).closest(fn.data)[0]; - if ( elem ) - elems.push({ elem: elem, fn: fn }); - } - }); - - elems.sort(function(a,b) { - return jQuery.data(a.elem, "closest") - jQuery.data(b.elem, "closest"); - }); - - jQuery.each(elems, function(){ - if ( this.fn.call(this.elem, event, this.fn.data) === false ) - return (stop = false); - }); - - return stop; -} - -function liveConvert(type, selector){ - return ["live", type, selector.replace(/\./g, "`").replace(/ /g, "|")].join("."); -} - -jQuery.extend({ - isReady: false, - readyList: [], - // Handle when the DOM is ready - ready: function() { - // Make sure that the DOM is not already loaded - if ( !jQuery.isReady ) { - // Remember that the DOM is ready - jQuery.isReady = true; - - // If there are functions bound, to execute - if ( jQuery.readyList ) { - // Execute all of them - jQuery.each( jQuery.readyList, function(){ - this.call( document, jQuery ); - }); - - // Reset the list of functions - jQuery.readyList = null; - } - - // Trigger any bound ready events - jQuery(document).triggerHandler("ready"); - } - } -}); - -var readyBound = false; - -function bindReady(){ - if ( readyBound ) return; - readyBound = true; - - // Mozilla, Opera and webkit nightlies currently support this event - if ( document.addEventListener ) { - // Use the handy event callback - document.addEventListener( "DOMContentLoaded", function(){ - document.removeEventListener( "DOMContentLoaded", arguments.callee, false ); - jQuery.ready(); - }, false ); - - // If IE event model is used - } else if ( document.attachEvent ) { - // ensure firing before onload, - // maybe late but safe also for iframes - document.attachEvent("onreadystatechange", function(){ - if ( document.readyState === "complete" ) { - document.detachEvent( "onreadystatechange", arguments.callee ); - jQuery.ready(); - } - }); - - // If IE and not an iframe - // continually check to see if the document is ready - if ( document.documentElement.doScroll && window == window.top ) (function(){ - if ( jQuery.isReady ) return; - - try { - // If IE is used, use the trick by Diego Perini - // http://javascript.nwbox.com/IEContentLoaded/ - document.documentElement.doScroll("left"); - } catch( error ) { - setTimeout( arguments.callee, 0 ); - return; - } - - // and execute any waiting functions - jQuery.ready(); - })(); - } - - // A fallback to window.onload, that will always work - jQuery.event.add( window, "load", jQuery.ready ); -} - -jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," + - "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," + - "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){ - - // Handle event binding - jQuery.fn[name] = function(fn){ - return fn ? this.bind(name, fn) : this.trigger(name); - }; -}); - -// Prevent memory leaks in IE -// And prevent errors on refresh with events like mouseover in other browsers -// Window isn't included so as not to unbind existing unload events -jQuery( window ).bind( 'unload', function(){ - for ( var id in jQuery.cache ) - // Skip the window - if ( id != 1 && jQuery.cache[ id ].handle ) - jQuery.event.remove( jQuery.cache[ id ].handle.elem ); -}); -(function(){ - - jQuery.support = {}; - - var root = document.documentElement, - script = document.createElement("script"), - div = document.createElement("div"), - id = "script" + (new Date).getTime(); - - div.style.display = "none"; - div.innerHTML = ' <link/><table></table><a href="/a" style="color:red;float:left;opacity:.5;">a</a><select><option>text</option></select><object><param/></object>'; - - var all = div.getElementsByTagName("*"), - a = div.getElementsByTagName("a")[0]; - - // Can't get basic test support - if ( !all || !all.length || !a ) { - return; - } - - jQuery.support = { - // IE strips leading whitespace when .innerHTML is used - leadingWhitespace: div.firstChild.nodeType == 3, - - // Make sure that tbody elements aren't automatically inserted - // IE will insert them into empty tables - tbody: !div.getElementsByTagName("tbody").length, - - // Make sure that you can get all elements in an <object> element - // IE 7 always returns no results - objectAll: !!div.getElementsByTagName("object")[0] - .getElementsByTagName("*").length, - - // Make sure that link elements get serialized correctly by innerHTML - // This requires a wrapper element in IE - htmlSerialize: !!div.getElementsByTagName("link").length, - - // Get the style information from getAttribute - // (IE uses .cssText insted) - style: /red/.test( a.getAttribute("style") ), - - // Make sure that URLs aren't manipulated - // (IE normalizes it by default) - hrefNormalized: a.getAttribute("href") === "/a", - - // Make sure that element opacity exists - // (IE uses filter instead) - opacity: a.style.opacity === "0.5", - - // Verify style float existence - // (IE uses styleFloat instead of cssFloat) - cssFloat: !!a.style.cssFloat, - - // Will be defined later - scriptEval: false, - noCloneEvent: true, - boxModel: null - }; - - script.type = "text/javascript"; - try { - script.appendChild( document.createTextNode( "window." + id + "=1;" ) ); - } catch(e){} - - root.insertBefore( script, root.firstChild ); - - // Make sure that the execution of code works by injecting a script - // tag with appendChild/createTextNode - // (IE doesn't support this, fails, and uses .text instead) - if ( window[ id ] ) { - jQuery.support.scriptEval = true; - delete window[ id ]; - } - - root.removeChild( script ); - - if ( div.attachEvent && div.fireEvent ) { - div.attachEvent("onclick", function(){ - // Cloning a node shouldn't copy over any - // bound event handlers (IE does this) - jQuery.support.noCloneEvent = false; - div.detachEvent("onclick", arguments.callee); - }); - div.cloneNode(true).fireEvent("onclick"); - } - - // Figure out if the W3C box model works as expected - // document.body must exist before we can do this - jQuery(function(){ - var div = document.createElement("div"); - div.style.width = div.style.paddingLeft = "1px"; - - document.body.appendChild( div ); - jQuery.boxModel = jQuery.support.boxModel = div.offsetWidth === 2; - document.body.removeChild( div ).style.display = 'none'; - }); -})(); - -var styleFloat = jQuery.support.cssFloat ? "cssFloat" : "styleFloat"; - -jQuery.props = { - "for": "htmlFor", - "class": "className", - "float": styleFloat, - cssFloat: styleFloat, - styleFloat: styleFloat, - readonly: "readOnly", - maxlength: "maxLength", - cellspacing: "cellSpacing", - rowspan: "rowSpan", - tabindex: "tabIndex" -}; -jQuery.fn.extend({ - // Keep a copy of the old load - _load: jQuery.fn.load, - - load: function( url, params, callback ) { - if ( typeof url !== "string" ) - return this._load( url ); - - var off = url.indexOf(" "); - if ( off >= 0 ) { - var selector = url.slice(off, url.length); - url = url.slice(0, off); - } - - // Default to a GET request - var type = "GET"; - - // If the second parameter was provided - if ( params ) - // If it's a function - if ( jQuery.isFunction( params ) ) { - // We assume that it's the callback - callback = params; - params = null; - - // Otherwise, build a param string - } else if( typeof params === "object" ) { - params = jQuery.param( params ); - type = "POST"; - } - - var self = this; - - // Request the remote document - jQuery.ajax({ - url: url, - type: type, - dataType: "html", - data: params, - complete: function(res, status){ - // If successful, inject the HTML into all the matched elements - if ( status == "success" || status == "notmodified" ) - // See if a selector was specified - self.html( selector ? - // Create a dummy div to hold the results - jQuery("<div/>") - // inject the contents of the document in, removing the scripts - // to avoid any 'Permission Denied' errors in IE - .append(res.responseText.replace(/<script(.|\s)*?\/script>/g, "")) - - // Locate the specified elements - .find(selector) : - - // If not, just inject the full result - res.responseText ); - - if( callback ) - self.each( callback, [res.responseText, status, res] ); - } - }); - return this; - }, - - serialize: function() { - return jQuery.param(this.serializeArray()); - }, - serializeArray: function() { - return this.map(function(){ - return this.elements ? jQuery.makeArray(this.elements) : this; - }) - .filter(function(){ - return this.name && !this.disabled && - (this.checked || /select|textarea/i.test(this.nodeName) || - /text|hidden|password|search/i.test(this.type)); - }) - .map(function(i, elem){ - var val = jQuery(this).val(); - return val == null ? null : - jQuery.isArray(val) ? - jQuery.map( val, function(val, i){ - return {name: elem.name, value: val}; - }) : - {name: elem.name, value: val}; - }).get(); - } -}); - -// Attach a bunch of functions for handling common AJAX events -jQuery.each( "ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split(","), function(i,o){ - jQuery.fn[o] = function(f){ - return this.bind(o, f); - }; -}); - -var jsc = now(); - -jQuery.extend({ - - get: function( url, data, callback, type ) { - // shift arguments if data argument was ommited - if ( jQuery.isFunction( data ) ) { - callback = data; - data = null; - } - - return jQuery.ajax({ - type: "GET", - url: url, - data: data, - success: callback, - dataType: type - }); - }, - - getScript: function( url, callback ) { - return jQuery.get(url, null, callback, "script"); - }, - - getJSON: function( url, data, callback ) { - return jQuery.get(url, data, callback, "json"); - }, - - post: function( url, data, callback, type ) { - if ( jQuery.isFunction( data ) ) { - callback = data; - data = {}; - } - - return jQuery.ajax({ - type: "POST", - url: url, - data: data, - success: callback, - dataType: type - }); - }, - - ajaxSetup: function( settings ) { - jQuery.extend( jQuery.ajaxSettings, settings ); - }, - - ajaxSettings: { - url: location.href, - global: true, - type: "GET", - contentType: "application/x-www-form-urlencoded", - processData: true, - async: true, - /* - timeout: 0, - data: null, - username: null, - password: null, - */ - // Create the request object; Microsoft failed to properly - // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available - // This function can be overriden by calling jQuery.ajaxSetup - xhr:function(){ - return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); - }, - accepts: { - xml: "application/xml, text/xml", - html: "text/html", - script: "text/javascript, application/javascript", - json: "application/json, text/javascript", - text: "text/plain", - _default: "*/*" - } - }, - - // Last-Modified header cache for next request - lastModified: {}, - - ajax: function( s ) { - // Extend the settings, but re-extend 's' so that it can be - // checked again later (in the test suite, specifically) - s = jQuery.extend(true, s, jQuery.extend(true, {}, jQuery.ajaxSettings, s)); - - var jsonp, jsre = /=\?(&|$)/g, status, data, - type = s.type.toUpperCase(); - - // convert data if not already a string - if ( s.data && s.processData && typeof s.data !== "string" ) - s.data = jQuery.param(s.data); - - // Handle JSONP Parameter Callbacks - if ( s.dataType == "jsonp" ) { - if ( type == "GET" ) { - if ( !s.url.match(jsre) ) - s.url += (s.url.match(/\?/) ? "&" : "?") + (s.jsonp || "callback") + "=?"; - } else if ( !s.data || !s.data.match(jsre) ) - s.data = (s.data ? s.data + "&" : "") + (s.jsonp || "callback") + "=?"; - s.dataType = "json"; - } - - // Build temporary JSONP function - if ( s.dataType == "json" && (s.data && s.data.match(jsre) || s.url.match(jsre)) ) { - jsonp = "jsonp" + jsc++; - - // Replace the =? sequence both in the query string and the data - if ( s.data ) - s.data = (s.data + "").replace(jsre, "=" + jsonp + "$1"); - s.url = s.url.replace(jsre, "=" + jsonp + "$1"); - - // We need to make sure - // that a JSONP style response is executed properly - s.dataType = "script"; - - // Handle JSONP-style loading - window[ jsonp ] = function(tmp){ - data = tmp; - success(); - complete(); - // Garbage collect - window[ jsonp ] = undefined; - try{ delete window[ jsonp ]; } catch(e){} - if ( head ) - head.removeChild( script ); - }; - } - - if ( s.dataType == "script" && s.cache == null ) - s.cache = false; - - if ( s.cache === false && type == "GET" ) { - var ts = now(); - // try replacing _= if it is there - var ret = s.url.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts + "$2"); - // if nothing was replaced, add timestamp to the end - s.url = ret + ((ret == s.url) ? (s.url.match(/\?/) ? "&" : "?") + "_=" + ts : ""); - } - - // If data is available, append data to url for get requests - if ( s.data && type == "GET" ) { - s.url += (s.url.match(/\?/) ? "&" : "?") + s.data; - - // IE likes to send both get and post data, prevent this - s.data = null; - } - - // Watch for a new set of requests - if ( s.global && ! jQuery.active++ ) - jQuery.event.trigger( "ajaxStart" ); - - // Matches an absolute URL, and saves the domain - var parts = /^(\w+:)?\/\/([^\/?#]+)/.exec( s.url ); - - // If we're requesting a remote document - // and trying to load JSON or Script with a GET - if ( s.dataType == "script" && type == "GET" && parts - && ( parts[1] && parts[1] != location.protocol || parts[2] != location.host )){ - - var head = document.getElementsByTagName("head")[0]; - var script = document.createElement("script"); - script.src = s.url; - if (s.scriptCharset) - script.charset = s.scriptCharset; - - // Handle Script loading - if ( !jsonp ) { - var done = false; - - // Attach handlers for all browsers - script.onload = script.onreadystatechange = function(){ - if ( !done && (!this.readyState || - this.readyState == "loaded" || this.readyState == "complete") ) { - done = true; - success(); - complete(); - - // Handle memory leak in IE - script.onload = script.onreadystatechange = null; - head.removeChild( script ); - } - }; - } - - head.appendChild(script); - - // We handle everything using the script element injection - return undefined; - } - - var requestDone = false; - - // Create the request object - var xhr = s.xhr(); - - // Open the socket - // Passing null username, generates a login popup on Opera (#2865) - if( s.username ) - xhr.open(type, s.url, s.async, s.username, s.password); - else - xhr.open(type, s.url, s.async); - - // Need an extra try/catch for cross domain requests in Firefox 3 - try { - // Set the correct header, if data is being sent - if ( s.data ) - xhr.setRequestHeader("Content-Type", s.contentType); - - // Set the If-Modified-Since header, if ifModified mode. - if ( s.ifModified ) - xhr.setRequestHeader("If-Modified-Since", - jQuery.lastModified[s.url] || "Thu, 01 Jan 1970 00:00:00 GMT" ); - - // Set header so the called script knows that it's an XMLHttpRequest - xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); - - // Set the Accepts header for the server, depending on the dataType - xhr.setRequestHeader("Accept", s.dataType && s.accepts[ s.dataType ] ? - s.accepts[ s.dataType ] + ", */*" : - s.accepts._default ); - } catch(e){} - - // Allow custom headers/mimetypes and early abort - if ( s.beforeSend && s.beforeSend(xhr, s) === false ) { - // Handle the global AJAX counter - if ( s.global && ! --jQuery.active ) - jQuery.event.trigger( "ajaxStop" ); - // close opended socket - xhr.abort(); - return false; - } - - if ( s.global ) - jQuery.event.trigger("ajaxSend", [xhr, s]); - - // Wait for a response to come back - var onreadystatechange = function(isTimeout){ - // The request was aborted, clear the interval and decrement jQuery.active - if (xhr.readyState == 0) { - if (ival) { - // clear poll interval - clearInterval(ival); - ival = null; - // Handle the global AJAX counter - if ( s.global && ! --jQuery.active ) - jQuery.event.trigger( "ajaxStop" ); - } - // The transfer is complete and the data is available, or the request timed out - } else if ( !requestDone && xhr && (xhr.readyState == 4 || isTimeout == "timeout") ) { - requestDone = true; - - // clear poll interval - if (ival) { - clearInterval(ival); - ival = null; - } - - status = isTimeout == "timeout" ? "timeout" : - !jQuery.httpSuccess( xhr ) ? "error" : - s.ifModified && jQuery.httpNotModified( xhr, s.url ) ? "notmodified" : - "success"; - - if ( status == "success" ) { - // Watch for, and catch, XML document parse errors - try { - // process the data (runs the xml through httpData regardless of callback) - data = jQuery.httpData( xhr, s.dataType, s ); - } catch(e) { - status = "parsererror"; - } - } - - // Make sure that the request was successful or notmodified - if ( status == "success" ) { - // Cache Last-Modified header, if ifModified mode. - var modRes; - try { - modRes = xhr.getResponseHeader("Last-Modified"); - } catch(e) {} // swallow exception thrown by FF if header is not available - - if ( s.ifModified && modRes ) - jQuery.lastModified[s.url] = modRes; - - // JSONP handles its own success callback - if ( !jsonp ) - success(); - } else - jQuery.handleError(s, xhr, status); - - // Fire the complete handlers - complete(); - - if ( isTimeout ) - xhr.abort(); - - // Stop memory leaks - if ( s.async ) - xhr = null; - } - }; - - if ( s.async ) { - // don't attach the handler to the request, just poll it instead - var ival = setInterval(onreadystatechange, 13); - - // Timeout checker - if ( s.timeout > 0 ) - setTimeout(function(){ - // Check to see if the request is still happening - if ( xhr && !requestDone ) - onreadystatechange( "timeout" ); - }, s.timeout); - } - - // Send the data - try { - xhr.send(s.data); - } catch(e) { - jQuery.handleError(s, xhr, null, e); - } - - // firefox 1.5 doesn't fire statechange for sync requests - if ( !s.async ) - onreadystatechange(); - - function success(){ - // If a local callback was specified, fire it and pass it the data - if ( s.success ) - s.success( data, status ); - - // Fire the global callback - if ( s.global ) - jQuery.event.trigger( "ajaxSuccess", [xhr, s] ); - } - - function complete(){ - // Process result - if ( s.complete ) - s.complete(xhr, status); - - // The request was completed - if ( s.global ) - jQuery.event.trigger( "ajaxComplete", [xhr, s] ); - - // Handle the global AJAX counter - if ( s.global && ! --jQuery.active ) - jQuery.event.trigger( "ajaxStop" ); - } - - // return XMLHttpRequest to allow aborting the request etc. - return xhr; - }, - - handleError: function( s, xhr, status, e ) { - // If a local callback was specified, fire it - if ( s.error ) s.error( xhr, status, e ); - - // Fire the global callback - if ( s.global ) - jQuery.event.trigger( "ajaxError", [xhr, s, e] ); - }, - - // Counter for holding the number of active queries - active: 0, - - // Determines if an XMLHttpRequest was successful or not - httpSuccess: function( xhr ) { - try { - // IE error sometimes returns 1223 when it should be 204 so treat it as success, see #1450 - return !xhr.status && location.protocol == "file:" || - ( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 || xhr.status == 1223; - } catch(e){} - return false; - }, - - // Determines if an XMLHttpRequest returns NotModified - httpNotModified: function( xhr, url ) { - try { - var xhrRes = xhr.getResponseHeader("Last-Modified"); - - // Firefox always returns 200. check Last-Modified date - return xhr.status == 304 || xhrRes == jQuery.lastModified[url]; - } catch(e){} - return false; - }, - - httpData: function( xhr, type, s ) { - var ct = xhr.getResponseHeader("content-type"), - xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0, - data = xml ? xhr.responseXML : xhr.responseText; - - if ( xml && data.documentElement.tagName == "parsererror" ) - throw "parsererror"; - - // Allow a pre-filtering function to sanitize the response - // s != null is checked to keep backwards compatibility - if( s && s.dataFilter ) - data = s.dataFilter( data, type ); - - // The filter can actually parse the response - if( typeof data === "string" ){ - - // If the type is "script", eval it in global context - if ( type == "script" ) - jQuery.globalEval( data ); - - // Get the JavaScript object, if JSON is used. - if ( type == "json" ) - data = window["eval"]("(" + data + ")"); - } - - return data; - }, - - // Serialize an array of form elements or a set of - // key/values into a query string - param: function( a ) { - var s = [ ]; - - function add( key, value ){ - s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(value); - }; - - // If an array was passed in, assume that it is an array - // of form elements - if ( jQuery.isArray(a) || a.jquery ) - // Serialize the form elements - jQuery.each( a, function(){ - add( this.name, this.value ); - }); - - // Otherwise, assume that it's an object of key/value pairs - else - // Serialize the key/values - for ( var j in a ) - // If the value is an array then the key names need to be repeated - if ( jQuery.isArray(a[j]) ) - jQuery.each( a[j], function(){ - add( j, this ); - }); - else - add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] ); - - // Return the resulting serialization - return s.join("&").replace(/%20/g, "+"); - } - -}); -var elemdisplay = {}, - timerId, - fxAttrs = [ - // height animations - [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ], - // width animations - [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ], - // opacity animations - [ "opacity" ] - ]; - -function genFx( type, num ){ - var obj = {}; - jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function(){ - obj[ this ] = type; - }); - return obj; -} - -jQuery.fn.extend({ - show: function(speed,callback){ - if ( speed ) { - return this.animate( genFx("show", 3), speed, callback); - } else { - for ( var i = 0, l = this.length; i < l; i++ ){ - var old = jQuery.data(this[i], "olddisplay"); - - this[i].style.display = old || ""; - - if ( jQuery.css(this[i], "display") === "none" ) { - var tagName = this[i].tagName, display; - - if ( elemdisplay[ tagName ] ) { - display = elemdisplay[ tagName ]; - } else { - var elem = jQuery("<" + tagName + " />").appendTo("body"); - - display = elem.css("display"); - if ( display === "none" ) - display = "block"; - - elem.remove(); - - elemdisplay[ tagName ] = display; - } - - jQuery.data(this[i], "olddisplay", display); - } - } - - // Set the display of the elements in a second loop - // to avoid the constant reflow - for ( var i = 0, l = this.length; i < l; i++ ){ - this[i].style.display = jQuery.data(this[i], "olddisplay") || ""; - } - - return this; - } - }, - - hide: function(speed,callback){ - if ( speed ) { - return this.animate( genFx("hide", 3), speed, callback); - } else { - for ( var i = 0, l = this.length; i < l; i++ ){ - var old = jQuery.data(this[i], "olddisplay"); - if ( !old && old !== "none" ) - jQuery.data(this[i], "olddisplay", jQuery.css(this[i], "display")); - } - - // Set the display of the elements in a second loop - // to avoid the constant reflow - for ( var i = 0, l = this.length; i < l; i++ ){ - this[i].style.display = "none"; - } - - return this; - } - }, - - // Save the old toggle function - _toggle: jQuery.fn.toggle, - - toggle: function( fn, fn2 ){ - var bool = typeof fn === "boolean"; - - return jQuery.isFunction(fn) && jQuery.isFunction(fn2) ? - this._toggle.apply( this, arguments ) : - fn == null || bool ? - this.each(function(){ - var state = bool ? fn : jQuery(this).is(":hidden"); - jQuery(this)[ state ? "show" : "hide" ](); - }) : - this.animate(genFx("toggle", 3), fn, fn2); - }, - - fadeTo: function(speed,to,callback){ - return this.animate({opacity: to}, speed, callback); - }, - - animate: function( prop, speed, easing, callback ) { - var optall = jQuery.speed(speed, easing, callback); - - return this[ optall.queue === false ? "each" : "queue" ](function(){ - - var opt = jQuery.extend({}, optall), p, - hidden = this.nodeType == 1 && jQuery(this).is(":hidden"), - self = this; - - for ( p in prop ) { - if ( prop[p] == "hide" && hidden || prop[p] == "show" && !hidden ) - return opt.complete.call(this); - - if ( ( p == "height" || p == "width" ) && this.style ) { - // Store display property - opt.display = jQuery.css(this, "display"); - - // Make sure that nothing sneaks out - opt.overflow = this.style.overflow; - } - } - - if ( opt.overflow != null ) - this.style.overflow = "hidden"; - - opt.curAnim = jQuery.extend({}, prop); - - jQuery.each( prop, function(name, val){ - var e = new jQuery.fx( self, opt, name ); - - if ( /toggle|show|hide/.test(val) ) - e[ val == "toggle" ? hidden ? "show" : "hide" : val ]( prop ); - else { - var parts = val.toString().match(/^([+-]=)?([\d+-.]+)(.*)$/), - start = e.cur(true) || 0; - - if ( parts ) { - var end = parseFloat(parts[2]), - unit = parts[3] || "px"; - - // We need to compute starting value - if ( unit != "px" ) { - self.style[ name ] = (end || 1) + unit; - start = ((end || 1) / e.cur(true)) * start; - self.style[ name ] = start + unit; - } - - // If a +=/-= token was provided, we're doing a relative animation - if ( parts[1] ) - end = ((parts[1] == "-=" ? -1 : 1) * end) + start; - - e.custom( start, end, unit ); - } else - e.custom( start, val, "" ); - } - }); - - // For JS strict compliance - return true; - }); - }, - - stop: function(clearQueue, gotoEnd){ - var timers = jQuery.timers; - - if (clearQueue) - this.queue([]); - - this.each(function(){ - // go in reverse order so anything added to the queue during the loop is ignored - for ( var i = timers.length - 1; i >= 0; i-- ) - if ( timers[i].elem == this ) { - if (gotoEnd) - // force the next step to be the last - timers[i](true); - timers.splice(i, 1); - } - }); - - // start the next in the queue if the last step wasn't forced - if (!gotoEnd) - this.dequeue(); - - return this; - } - -}); - -// Generate shortcuts for custom animations -jQuery.each({ - slideDown: genFx("show", 1), - slideUp: genFx("hide", 1), - slideToggle: genFx("toggle", 1), - fadeIn: { opacity: "show" }, - fadeOut: { opacity: "hide" } -}, function( name, props ){ - jQuery.fn[ name ] = function( speed, callback ){ - return this.animate( props, speed, callback ); - }; -}); - -jQuery.extend({ - - speed: function(speed, easing, fn) { - var opt = typeof speed === "object" ? speed : { - complete: fn || !fn && easing || - jQuery.isFunction( speed ) && speed, - duration: speed, - easing: fn && easing || easing && !jQuery.isFunction(easing) && easing - }; - - opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration : - jQuery.fx.speeds[opt.duration] || jQuery.fx.speeds._default; - - // Queueing - opt.old = opt.complete; - opt.complete = function(){ - if ( opt.queue !== false ) - jQuery(this).dequeue(); - if ( jQuery.isFunction( opt.old ) ) - opt.old.call( this ); - }; - - return opt; - }, - - easing: { - linear: function( p, n, firstNum, diff ) { - return firstNum + diff * p; - }, - swing: function( p, n, firstNum, diff ) { - return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum; - } - }, - - timers: [], - - fx: function( elem, options, prop ){ - this.options = options; - this.elem = elem; - this.prop = prop; - - if ( !options.orig ) - options.orig = {}; - } - -}); - -jQuery.fx.prototype = { - - // Simple function for setting a style value - update: function(){ - if ( this.options.step ) - this.options.step.call( this.elem, this.now, this ); - - (jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this ); - - // Set display property to block for height/width animations - if ( ( this.prop == "height" || this.prop == "width" ) && this.elem.style ) - this.elem.style.display = "block"; - }, - - // Get the current size - cur: function(force){ - if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) - return this.elem[ this.prop ]; - - var r = parseFloat(jQuery.css(this.elem, this.prop, force)); - return r && r > -10000 ? r : parseFloat(jQuery.curCSS(this.elem, this.prop)) || 0; - }, - - // Start an animation from one number to another - custom: function(from, to, unit){ - this.startTime = now(); - this.start = from; - this.end = to; - this.unit = unit || this.unit || "px"; - this.now = this.start; - this.pos = this.state = 0; - - var self = this; - function t(gotoEnd){ - return self.step(gotoEnd); - } - - t.elem = this.elem; - - if ( t() && jQuery.timers.push(t) && !timerId ) { - timerId = setInterval(function(){ - var timers = jQuery.timers; - - for ( var i = 0; i < timers.length; i++ ) - if ( !timers[i]() ) - timers.splice(i--, 1); - - if ( !timers.length ) { - clearInterval( timerId ); - timerId = undefined; - } - }, 13); - } - }, - - // Simple 'show' function - show: function(){ - // Remember where we started, so that we can go back to it later - this.options.orig[this.prop] = jQuery.attr( this.elem.style, this.prop ); - this.options.show = true; - - // Begin the animation - // Make sure that we start at a small width/height to avoid any - // flash of content - this.custom(this.prop == "width" || this.prop == "height" ? 1 : 0, this.cur()); - - // Start by showing the element - jQuery(this.elem).show(); - }, - - // Simple 'hide' function - hide: function(){ - // Remember where we started, so that we can go back to it later - this.options.orig[this.prop] = jQuery.attr( this.elem.style, this.prop ); - this.options.hide = true; - - // Begin the animation - this.custom(this.cur(), 0); - }, - - // Each step of an animation - step: function(gotoEnd){ - var t = now(); - - if ( gotoEnd || t >= this.options.duration + this.startTime ) { - this.now = this.end; - this.pos = this.state = 1; - this.update(); - - this.options.curAnim[ this.prop ] = true; - - var done = true; - for ( var i in this.options.curAnim ) - if ( this.options.curAnim[i] !== true ) - done = false; - - if ( done ) { - if ( this.options.display != null ) { - // Reset the overflow - this.elem.style.overflow = this.options.overflow; - - // Reset the display - this.elem.style.display = this.options.display; - if ( jQuery.css(this.elem, "display") == "none" ) - this.elem.style.display = "block"; - } - - // Hide the element if the "hide" operation was done - if ( this.options.hide ) - jQuery(this.elem).hide(); - - // Reset the properties, if the item has been hidden or shown - if ( this.options.hide || this.options.show ) - for ( var p in this.options.curAnim ) - jQuery.attr(this.elem.style, p, this.options.orig[p]); - - // Execute the complete function - this.options.complete.call( this.elem ); - } - - return false; - } else { - var n = t - this.startTime; - this.state = n / this.options.duration; - - // Perform the easing function, defaults to swing - this.pos = jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")](this.state, n, 0, 1, this.options.duration); - this.now = this.start + ((this.end - this.start) * this.pos); - - // Perform the next step of the animation - this.update(); - } - - return true; - } - -}; - -jQuery.extend( jQuery.fx, { - speeds:{ - slow: 600, - fast: 200, - // Default speed - _default: 400 - }, - step: { - - opacity: function(fx){ - jQuery.attr(fx.elem.style, "opacity", fx.now); - }, - - _default: function(fx){ - if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) - fx.elem.style[ fx.prop ] = fx.now + fx.unit; - else - fx.elem[ fx.prop ] = fx.now; - } - } -}); -if ( document.documentElement["getBoundingClientRect"] ) - jQuery.fn.offset = function() { - if ( !this[0] ) return { top: 0, left: 0 }; - if ( this[0] === this[0].ownerDocument.body ) return jQuery.offset.bodyOffset( this[0] ); - var box = this[0].getBoundingClientRect(), doc = this[0].ownerDocument, body = doc.body, docElem = doc.documentElement, - clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, - top = box.top + (self.pageYOffset || jQuery.boxModel && docElem.scrollTop || body.scrollTop ) - clientTop, - left = box.left + (self.pageXOffset || jQuery.boxModel && docElem.scrollLeft || body.scrollLeft) - clientLeft; - return { top: top, left: left }; - }; -else - jQuery.fn.offset = function() { - if ( !this[0] ) return { top: 0, left: 0 }; - if ( this[0] === this[0].ownerDocument.body ) return jQuery.offset.bodyOffset( this[0] ); - jQuery.offset.initialized || jQuery.offset.initialize(); - - var elem = this[0], offsetParent = elem.offsetParent, prevOffsetParent = elem, - doc = elem.ownerDocument, computedStyle, docElem = doc.documentElement, - body = doc.body, defaultView = doc.defaultView, - prevComputedStyle = defaultView.getComputedStyle(elem, null), - top = elem.offsetTop, left = elem.offsetLeft; - - while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) { - computedStyle = defaultView.getComputedStyle(elem, null); - top -= elem.scrollTop, left -= elem.scrollLeft; - if ( elem === offsetParent ) { - top += elem.offsetTop, left += elem.offsetLeft; - if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && /^t(able|d|h)$/i.test(elem.tagName)) ) - top += parseInt( computedStyle.borderTopWidth, 10) || 0, - left += parseInt( computedStyle.borderLeftWidth, 10) || 0; - prevOffsetParent = offsetParent, offsetParent = elem.offsetParent; - } - if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) - top += parseInt( computedStyle.borderTopWidth, 10) || 0, - left += parseInt( computedStyle.borderLeftWidth, 10) || 0; - prevComputedStyle = computedStyle; - } - - if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) - top += body.offsetTop, - left += body.offsetLeft; - - if ( prevComputedStyle.position === "fixed" ) - top += Math.max(docElem.scrollTop, body.scrollTop), - left += Math.max(docElem.scrollLeft, body.scrollLeft); - - return { top: top, left: left }; - }; - -jQuery.offset = { - initialize: function() { - if ( this.initialized ) return; - var body = document.body, container = document.createElement('div'), innerDiv, checkDiv, table, td, rules, prop, bodyMarginTop = body.style.marginTop, - html = '<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>'; - - rules = { position: 'absolute', top: 0, left: 0, margin: 0, border: 0, width: '1px', height: '1px', visibility: 'hidden' }; - for ( prop in rules ) container.style[prop] = rules[prop]; - - container.innerHTML = html; - body.insertBefore(container, body.firstChild); - innerDiv = container.firstChild, checkDiv = innerDiv.firstChild, td = innerDiv.nextSibling.firstChild.firstChild; - - this.doesNotAddBorder = (checkDiv.offsetTop !== 5); - this.doesAddBorderForTableAndCells = (td.offsetTop === 5); - - innerDiv.style.overflow = 'hidden', innerDiv.style.position = 'relative'; - this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5); - - body.style.marginTop = '1px'; - this.doesNotIncludeMarginInBodyOffset = (body.offsetTop === 0); - body.style.marginTop = bodyMarginTop; - - body.removeChild(container); - this.initialized = true; - }, - - bodyOffset: function(body) { - jQuery.offset.initialized || jQuery.offset.initialize(); - var top = body.offsetTop, left = body.offsetLeft; - if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) - top += parseInt( jQuery.curCSS(body, 'marginTop', true), 10 ) || 0, - left += parseInt( jQuery.curCSS(body, 'marginLeft', true), 10 ) || 0; - return { top: top, left: left }; - } -}; - - -jQuery.fn.extend({ - position: function() { - var left = 0, top = 0, results; - - if ( this[0] ) { - // Get *real* offsetParent - var offsetParent = this.offsetParent(), - - // Get correct offsets - offset = this.offset(), - parentOffset = /^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset(); - - // Subtract element margins - // note: when an element has margin: auto the offsetLeft and marginLeft - // are the same in Safari causing offset.left to incorrectly be 0 - offset.top -= num( this, 'marginTop' ); - offset.left -= num( this, 'marginLeft' ); - - // Add offsetParent borders - parentOffset.top += num( offsetParent, 'borderTopWidth' ); - parentOffset.left += num( offsetParent, 'borderLeftWidth' ); - - // Subtract the two offsets - results = { - top: offset.top - parentOffset.top, - left: offset.left - parentOffset.left - }; - } - - return results; - }, - - offsetParent: function() { - var offsetParent = this[0].offsetParent || document.body; - while ( offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && jQuery.css(offsetParent, 'position') == 'static') ) - offsetParent = offsetParent.offsetParent; - return jQuery(offsetParent); - } -}); - - -// Create scrollLeft and scrollTop methods -jQuery.each( ['Left', 'Top'], function(i, name) { - var method = 'scroll' + name; - - jQuery.fn[ method ] = function(val) { - if (!this[0]) return null; - - return val !== undefined ? - - // Set the scroll offset - this.each(function() { - this == window || this == document ? - window.scrollTo( - !i ? val : jQuery(window).scrollLeft(), - i ? val : jQuery(window).scrollTop() - ) : - this[ method ] = val; - }) : - - // Return the scroll offset - this[0] == window || this[0] == document ? - self[ i ? 'pageYOffset' : 'pageXOffset' ] || - jQuery.boxModel && document.documentElement[ method ] || - document.body[ method ] : - this[0][ method ]; - }; -}); -// Create innerHeight, innerWidth, outerHeight and outerWidth methods -jQuery.each([ "Height", "Width" ], function(i, name){ - - var tl = i ? "Left" : "Top", // top or left - br = i ? "Right" : "Bottom", // bottom or right - lower = name.toLowerCase(); - - // innerHeight and innerWidth - jQuery.fn["inner" + name] = function(){ - return this[0] ? - jQuery.css( this[0], lower, false, "padding" ) : - null; - }; - - // outerHeight and outerWidth - jQuery.fn["outer" + name] = function(margin) { - return this[0] ? - jQuery.css( this[0], lower, false, margin ? "margin" : "border" ) : - null; - }; - - var type = name.toLowerCase(); - - jQuery.fn[ type ] = function( size ) { - // Get window width or height - return this[0] == window ? - // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode - document.compatMode == "CSS1Compat" && document.documentElement[ "client" + name ] || - document.body[ "client" + name ] : - - // Get document width or height - this[0] == document ? - // Either scroll[Width/Height] or offset[Width/Height], whichever is greater - Math.max( - document.documentElement["client" + name], - document.body["scroll" + name], document.documentElement["scroll" + name], - document.body["offset" + name], document.documentElement["offset" + name] - ) : - - // Get or set width or height on the element - size === undefined ? - // Get width or height on the element - (this.length ? jQuery.css( this[0], type ) : null) : - - // Set the width or height on the element (default to pixels if value is unitless) - this.css( type, typeof size === "string" ? size : size + "px" ); - }; - -}); -})(); diff --git a/examples/English_Animal_Identification/js/lesson.js b/examples/English_Animal_Identification/js/lesson.js index 2df6fdd..4d60c7d 100755 --- a/examples/English_Animal_Identification/js/lesson.js +++ b/examples/English_Animal_Identification/js/lesson.js @@ -70,7 +70,7 @@ $(document).ready( if(wrong_selected == 1){ $feedback.feedback('incorrect'); } - else if (object_counter === 3 ){ + else if (object_counter === 7 ){ $feedback.feedback('win'); } else{ $feedback.feedback('correct'); @@ -112,15 +112,11 @@ $(document).ready( if(selectedOption == correctPosition){ object_counter++; - if(wrong_selected == 0){ - score++; - kFooter.kFooter('inc'); - kFooter.kFooter('incTotal'); - } wrong_selected = 0; - + score++; + kFooter.kFooter('inc'); + kFooter.kFooter('incTotal'); checkDisplay(); - //t=setTimeout('game()',1000); game(); } else { diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.22858~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.22858~ deleted file mode 100755 index a3a5553..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.22858~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="confirmSection"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.2671~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.2671~ deleted file mode 100755 index 833fcad..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.2671~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.63800~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.63800~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.63800~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.64159~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.64159~ deleted file mode 100755 index 833fcad..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.64159~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.68631~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.68631~ deleted file mode 100755 index a3a5553..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.68631~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="confirmSection"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.69489~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.69489~ deleted file mode 100755 index da51ff8..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.69489~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Months</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Months of the Year<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.76672~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.76672~ deleted file mode 100755 index e69de29..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.76672~ +++ /dev/null diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.81271~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.81271~ deleted file mode 100755 index a3a5553..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.81271~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="confirmSection"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.83946~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.83946~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.83946~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.92952~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.92952~ deleted file mode 100755 index 77f8df2..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.92952~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Eng Crossword</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Crossword Puzzle <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="acrossImg"></div>
- <div id="downImg"></div>
- <div id="crosswordSection">
-
-
- </div>
-
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.98113~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.98113~ deleted file mode 100755 index 833fcad..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.98113~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.98765~ b/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.98765~ deleted file mode 100755 index c359651..0000000 --- a/examples/lessons/6_English_VocabularyAnimals/.tmp_index.html.98765~ +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Yes No Questions</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Yes No Questions <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="tabs"></div>
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.22858~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.22858~ deleted file mode 100755 index a3a5553..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.22858~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="confirmSection"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.2671~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.2671~ deleted file mode 100755 index 833fcad..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.2671~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.63800~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.63800~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.63800~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.64159~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.64159~ deleted file mode 100755 index 833fcad..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.64159~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.68631~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.68631~ deleted file mode 100755 index a3a5553..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.68631~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="confirmSection"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.69489~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.69489~ deleted file mode 100755 index da51ff8..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.69489~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Months</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Months of the Year<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.76672~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.76672~ deleted file mode 100755 index e69de29..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.76672~ +++ /dev/null diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.83946~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.83946~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.83946~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.92952~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.92952~ deleted file mode 100755 index 77f8df2..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.92952~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Eng Crossword</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Crossword Puzzle <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="acrossImg"></div>
- <div id="downImg"></div>
- <div id="crosswordSection">
-
-
- </div>
-
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.98113~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.98113~ deleted file mode 100755 index 833fcad..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.98113~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Vocabulary Animals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Vocabulary: Wild Animals <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.98765~ b/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.98765~ deleted file mode 100755 index c359651..0000000 --- a/examples/lessons/6_English_VocabularyBirds/.tmp_index.html.98765~ +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Yes No Questions</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <link type="text/css" rel="stylesheet" href="css/demos.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.4.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Yes No Questions <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="tabs"></div>
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.61417~ b/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.61417~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.61417~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.63800~ b/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.63800~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.63800~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.83946~ b/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.83946~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.83946~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.90016~ b/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.90016~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.90016~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.92952~ b/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.92952~ deleted file mode 100755 index 77f8df2..0000000 --- a/examples/lessons/6_English_alphabeticalOrder/.tmp_index.html.92952~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Eng Crossword</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Crossword Puzzle <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="acrossImg"></div>
- <div id="downImg"></div>
- <div id="crosswordSection">
-
-
- </div>
-
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_months/.tmp_index.html.63800~ b/examples/lessons/6_English_months/.tmp_index.html.63800~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_months/.tmp_index.html.63800~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_months/.tmp_index.html.69489~ b/examples/lessons/6_English_months/.tmp_index.html.69489~ deleted file mode 100755 index da51ff8..0000000 --- a/examples/lessons/6_English_months/.tmp_index.html.69489~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Months</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Months of the Year<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_months/.tmp_index.html.83946~ b/examples/lessons/6_English_months/.tmp_index.html.83946~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_months/.tmp_index.html.83946~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_months/.tmp_index.html.92952~ b/examples/lessons/6_English_months/.tmp_index.html.92952~ deleted file mode 100755 index 77f8df2..0000000 --- a/examples/lessons/6_English_months/.tmp_index.html.92952~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Eng Crossword</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Crossword Puzzle <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="acrossImg"></div>
- <div id="downImg"></div>
- <div id="crosswordSection">
-
-
- </div>
-
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/.tmp_index.html.38007~ b/examples/lessons/6_English_syllables/.tmp_index.html.38007~ deleted file mode 100755 index ccbe4d6..0000000 --- a/examples/lessons/6_English_syllables/.tmp_index.html.38007~ +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/.tmp_index.html.42094~ b/examples/lessons/6_English_syllables/.tmp_index.html.42094~ deleted file mode 100755 index 74d1095..0000000 --- a/examples/lessons/6_English_syllables/.tmp_index.html.42094~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <a href="#"><div id="linkNextExercise" class ="linkNext"></div></a>
- <a href="#"><div id="linkPrevExercise" class ="linkBack"></div></a>
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox3" class="timerBoxes">00</div>
- <div id="timerBox2" class="timerBoxes">00</div>
- <div id="timerBox1" class="timerBoxes">00</div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/.tmp_index.html.54401~ b/examples/lessons/6_English_syllables/.tmp_index.html.54401~ deleted file mode 100755 index b2ecae3..0000000 --- a/examples/lessons/6_English_syllables/.tmp_index.html.54401~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/.tmp_index.html.71755~ b/examples/lessons/6_English_syllables/.tmp_index.html.71755~ deleted file mode 100755 index 3e635a2..0000000 --- a/examples/lessons/6_English_syllables/.tmp_index.html.71755~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="linkNextExercise" class ="linkNext"></div>
- <div id="linkPrevExercise" class ="linkBack"></div>
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox3" class="timerBoxes">00</div>
- <div id="timerBox2" class="timerBoxes">00</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/.tmp_index.html.88163~ b/examples/lessons/6_English_syllables/.tmp_index.html.88163~ deleted file mode 100755 index 74d1095..0000000 --- a/examples/lessons/6_English_syllables/.tmp_index.html.88163~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <a href="#"><div id="linkNextExercise" class ="linkNext"></div></a>
- <a href="#"><div id="linkPrevExercise" class ="linkBack"></div></a>
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox3" class="timerBoxes">00</div>
- <div id="timerBox2" class="timerBoxes">00</div>
- <div id="timerBox1" class="timerBoxes">00</div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/.tmp_index.html.99197~ b/examples/lessons/6_English_syllables/.tmp_index.html.99197~ deleted file mode 100755 index 3e635a2..0000000 --- a/examples/lessons/6_English_syllables/.tmp_index.html.99197~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="linkNextExercise" class ="linkNext"></div>
- <div id="linkPrevExercise" class ="linkBack"></div>
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox3" class="timerBoxes">00</div>
- <div id="timerBox2" class="timerBoxes">00</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_syllables/js/lesson.js~ b/examples/lessons/6_English_syllables/js/lesson.js~ deleted file mode 100755 index ca45a59..0000000 --- a/examples/lessons/6_English_syllables/js/lesson.js~ +++ /dev/null @@ -1,359 +0,0 @@ -$(document).ready(function(){ - var k = Karma({ - audio: [{'name':'correct','file':'correct.ogg'}, - {'name':'incorrect','file':'incorrect.ogg'} - ]}); - - k.ready(function(){ - var i,j; - var totalCounter; - var currentQuestion; - var TOTAL_QUES = 10; - var currentDragObject; - var prevDragObject; - var dropNum; - var sectionNum; - var randPositions = []; - var compCounter; - var playerCounter; - var fstSyllableId; - var fstSyllableId; - var checked; - var gamePlay; - var s,m,h,play; - var currentBlock; //flag for which side increases the score 1-player 0-computer - var completedWords = []; - var syllableWord1= new Array('be','en','ti','tues','stu','chil','eng','hap','sun','in', - 'sen','com','pro','prac','talk','pic','num','tea','mar','comp' - ); - var syllableWord2 = new Array('lieve','gine','ger','key','dent','ly','lish','py','day','sect', - 'tence','plete','noun','tice','ing','nic','ber','cher','ket','uter' - ); - - - var genRandPosition=function (){ - randPositions[0] = k.rand(0,19); - for(i=1; i<20; i++){ - do{ - flag = 0; - randPositions[i] = k.rand(0,19); - for(j=0; j<i; j++){ - if(randPositions[i] === randPositions[j]){ - flag++; - } - } - }while(flag != 0 ); //end of do while loop - } - }; - - - var checkTime = function(timePara){ - if (timePara<10 ) - { - timePara="0" + timePara; - } - return timePara; - }; - - - var resetTimer = function(){ - play = 0; - s = 10; - s=checkTime(s); - $('#timerBox1').html(s); - }; - - var increaseTime = function(){ - if(play === 1){ - s--; - s=checkTime(s); - if(s == 00){ //computer score increase - k.audio.incorrect.play(); - checked = 0; - t=setTimeout(function(){delay_correct();},2000); - currentBlock = 0; - assignBuildBlocks(); - compCounter++; - dropNum = 0; - resetTimer(); - } - else{ - $('#timerBox1').html(s); - var t=setTimeout(function(){increaseTime();},1000); - } - } - }; - var startTimer = function(){ - play = 1; - increaseTime(); - - }; - - var check_game_over = function(){ - var flag_game = 0; - if(totalCounter === 40){ //game over - $('#content').addClass('backOpaque'); - $('#gameOver').show(); - resetTimer(); - } - else if(totalCounter === 20){ - if(playerCounter < 10 || compCounter <10){ //u were missed play again - $('#topText').html('Sorry U missed the chance !!! Click Play Again.'); } - flag_game = 1; - } - else if(compCounter === 10){ //computer wins - $('#leftText').html('Computer Wins'); - $('#topText').html('Sorry U missed the chance !!! Click Play Again.'); - flag_game = 1; - } - else if(playerCounter === 10){ //player wins - $('#rightText').html('Player Wins'); - $('#topText').html('Great Job !!! Click Next Button to proceed to next level.'); - flag_game = 1; - } - if(flag_game === 1){ - playerCounter = 10; - compCounter = 10; - if(gamePlay === 0){ - $('#linkNextExercise').show(); - } - else{ - $('#linkPrevExercise').show(); - } - } - - - }; - var assignBuildBlocks = function(){ - var compName,playerName; - if((currentBlock === 1 && playerCounter === 9) || (currentBlock === 0 && compCounter === 9)){ - compName = 'computer_top'; - playerName = 'player_top'; - - } - else if((currentBlock === 1 && playerCounter === 0) || (currentBlock === 0 && compCounter === 0)){ - compName = 'computer_base'; - playerName = 'player_base'; - } - else{ - compName = 'computer_body'; - playerName = 'player_body'; - } - - if(currentBlock === 1){ - $('#playerBuild'+(9-playerCounter)).append('<img src="assets/image/'+playerName+'.png" />'); - } - else{ - $('#compBuild'+(9-compCounter)).append('<img src="assets/image/'+compName+'.png" />'); - } - - }; - - var delay_correct = function(){ - document.delayForm.delayval.value = 1; - if(checked ===1 ){ - $('#drag'+completedWords[totalCounter-2]).hide(); - $('#drag'+completedWords[totalCounter-1]).hide(); - } - $('#drop0').html('----------'); - $('#drop1').html('----------'); - $('#drop2').html('------------'); - }; - var check_answers = function(){ - var flag_correct = 0; - var secStart = sectionNum * 10; - var secStop = (sectionNum+1) * 10; - for( i = secStart ; i<secStop; i++){ - var fstSyllable = $('#drag'+fstSyllableId).text(); - var secondSyllable = $('#drag'+secondSyllableId).text(); - if(fstSyllable === syllableWord1[i] && secondSyllable === syllableWord2[i]){ - k.audio.correct.play(); - $('#drop2').html(fstSyllable+secondSyllable); - totalCounter += 2; - completedWords[totalCounter-2] = fstSyllableId; - completedWords[totalCounter-1] = secondSyllableId; - flag_correct = 1; - correctCounter++; - //check with timer and populate the side bar - //if done within 10 seconds - currentBlock = 1; - assignBuildBlocks(); - playerCounter++; - checked = 1; - t=setTimeout(function(){delay_correct();},1000); - } - } - if(flag_correct === 0){ //rearrange them - checked = 0; - k.audio.incorrect.play(); - $('#drop2').html('Not a Valid Word'); - currentBlock = 0; - assignBuildBlocks(); - compCounter++; - t=setTimeout(function(){delay_correct();},1000); - } - - }; - - var assignSyllableWords = function(sId){ - if(sId<10){ - sysId = sId+(10*sectionNum); - $('#container').append('<div id="drag'+sId+'" >'+syllableWord1[sysId]+'</div>'); - } - else{ - sysId = ((10*(sectionNum+2)) - 1)-sId; - $('#container').append('<div id="drag'+sId+'" >'+syllableWord2[sysId]+'</div>'); - } - - var dragObjCss = { - 'float':'left','position':'relative','cursor': 'move','margin': '1em', - 'width':'100px','height':'30px','border': '2px solid black', - 'font':'20px/25px bold Arial,Verdana,Geneva,Helvetica', - 'text-align':'center' - }; - $('#drag'+sId).css(dragObjCss); - $('#drag'+sId).click(function(){ - currentSyllable = $(this).text(); - if(dropNum === 0){ - fstSyllableId = $(this).attr('id'); - fstSyllableId = parseInt(fstSyllableId.substring(4)); - startTimer(); - - } - else{ - secondSyllableId = $(this).attr('id'); - secondSyllableId = parseInt(secondSyllableId.substring(4)); - } - $('#drop'+dropNum).html(currentSyllable); - dropNum++; - if(dropNum === 2){ - dropNum = 0; - resetTimer(); - check_answers(); - } - check_game_over(); - }); - - }; - - var assignDropPlaces = function(drpId){ - $('#joinSyllable').append('<div id="drop'+drpId+'" class="dropObjects"></div>'); - var dropObjCss = { - 'float':'left','width':'100px','height': '45px','margin': '0.5em 0.5em', - 'font':'20px/35px bold Arial,Verdana,Geneva,Helvetica', - 'text-align':'center','color':'#FF00FF' - }; - - if(drpId === 2){ - $('#drop'+drpId).css(dropObjCss).css({'width':'200px'}).html('------------'); - } - else{ - $('#drop'+drpId).css(dropObjCss).html('----------'); - } - }; - - - var next_syllables = function(){ - resetTimer(); - $('#content').removeClass('backOpaque').html(''); - $('#content').append('<div id="left-side"></div>'); - $('#content').append('<div id="main-content"></div>'); - $('#content').append('<div id="right-side"></div>'); - $('#left-side').append('<div id="leftText"></div>'); - $('#leftText').html('Computer Building'); - $('#right-side').append('<div id="rightText"></div>'); - $('#rightText').html('Player Building'); - - - $('#main-content').append('<div id="topText">Join two syllables to make one word</div>'); - $('#main-content').append('<div id="container"></div>'); - $('#main-content').append('<div id="joinSyllable"></div>'); - genRandPosition(); - playerCounter = 0; - compCounter = 0; - for(i = 0; i< 20; i++){ - var randNum = randPositions[i]; - assignSyllableWords(randNum); - } - $('#joinSyllable').html(''); - for(i = 0; i< 3;i++){ - assignDropPlaces(i); - if(i === 0){ - $('#joinSyllable').append('<div class="sign">+</div>'); - } - else if(i === 1){ - $('#joinSyllable').append('<div class="sign">=</div>'); - } - } - for(var i = 0; i< TOTAL_QUES; i++){ - $('#left-side').append('<div id="compBuild'+i+'></div>'); - $('#compBuild'+i).addClass('default'); - $('#right-side').append('<div id="playerBuild'+i+'></div>'); - $('#playerBuild'+i).addClass('default'); - } - - }; - - function game_start(){ - gamePlay = 0; - - - $('#linkNextExercise').hide(); - $('#linkPrevExercise').hide(); - $('#gameOver').hide(); - dropNum = 0; - correctCounter = 0; - totalCounter = 0; - sectionNum = k.rand(0,1); - next_syllables(); - } - - function game(){ - - - $('#linkNextExercise').hide(); - $('#linkPrevExercise').hide(); - $('#gameOver').hide(); - - } - - game(); - - $('#linkNextExercise').click(function(){ - $('#linkNextExercise').hide(); - if(sectionNum === 0){ - sectionNum += 1; - } - else{ - sectionNum -= 1; - } - gamePlay++; - next_syllables(); - }); - $('#linkPrevExercise').click(function(){ - $('#linkPrevExercise').hide(); - if(sectionNum === 0){ - sectionNum += 1; - } - else{ - sectionNum -= 1; - } - gamePlay--; - next_syllables(); - }); - $('#linkStart').click(function(){ - game_start(); - }); - - $('#linkPlayAgain').click(function(){ - game_start(); - }); - $('#linkHelp').mouseover(function(){ - $('#help').slideDown(2000); - }) - .mouseout(function(){ - $('#help').slideUp(2000); - }); - }); //end of k.ready - }); //end of document.read - diff --git a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.3663~ b/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.3663~ deleted file mode 100755 index e69de29..0000000 --- a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.3663~ +++ /dev/null diff --git a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.63800~ b/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.63800~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.63800~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.69489~ b/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.69489~ deleted file mode 100755 index da51ff8..0000000 --- a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.69489~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Months</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Months of the Year<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.83946~ b/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.83946~ deleted file mode 100755 index 721bead..0000000 --- a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.83946~ +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Alphabetical Order</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Alphabetical Order <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="checkAnswer"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.92952~ b/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.92952~ deleted file mode 100755 index 77f8df2..0000000 --- a/examples/lessons/6_English_yesNoQuestions/.tmp_index.html.92952~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Eng Crossword</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Crossword Puzzle <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="acrossImg"></div>
- <div id="downImg"></div>
- <div id="crosswordSection">
-
-
- </div>
-
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_AddingAndSubtractingVariables/.tmp_index.html.46799~ b/examples/lessons/6_Maths_AddingAndSubtractingVariables/.tmp_index.html.46799~ deleted file mode 100755 index 100e6b7..0000000 --- a/examples/lessons/6_Maths_AddingAndSubtractingVariables/.tmp_index.html.46799~ +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Adding and Multiplying Variables</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Adding and Multiplying Variables || <span id="currentTitle"> चलको जोड र गुणन </span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.10987~ b/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.10987~ deleted file mode 100755 index 3997344..0000000 --- a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.10987~ +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class English Raju And The Wolf</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Raju And The Wolf <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section">
- <div id="topText">
- Click on the answer you think is correct.
- </div>
- <div id="question"></div>
- <div id="answer"></div>
- <div id="optionSection"></div>
- <div id="imgStory"></div>
- </div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.57021~ b/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.57021~ deleted file mode 100755 index 6a7d4ba..0000000 --- a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.57021~ +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class English Sentence Practice 1</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Sentence Practice || <span id="currentTitle">Part 1</span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section">
- <div id="topText">
- Choose the right word to fill in the blank space.
- </div>
- <div id="question">
-
- </div>
- <div id="optionSection"></div>
- <img class="imgSentence" src="assets/image/main.png">
- </div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.6785~ b/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.6785~ deleted file mode 100755 index 6a7d4ba..0000000 --- a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.6785~ +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class English Sentence Practice 1</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- English Sentence Practice || <span id="currentTitle">Part 1</span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section">
- <div id="topText">
- Choose the right word to fill in the blank space.
- </div>
- <div id="question">
-
- </div>
- <div id="optionSection"></div>
- <img class="imgSentence" src="assets/image/main.png">
- </div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.72685~ b/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.72685~ deleted file mode 100755 index d7f1249..0000000 --- a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.72685~ +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Math Set Multiple Choice</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Set Multiple Choice <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section">
- <div id="topText">
- Click on the answer you think is correct.
- </div>
- <div id="question"></div>
- <div id="optionSection"></div>
- <div id="answer"></div>
- </div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.81724~ b/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.81724~ deleted file mode 100755 index eed25b5..0000000 --- a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.81724~ +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Matching Factors and Products</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Matching Factors and Products<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerTitle">Timer:</div>
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="clickDisplay">
- <div id="clickTitle">Clicks:</div>
- <div id="clickBox"></div>
- </div>
-
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.99718~ b/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.99718~ deleted file mode 100755 index d7f1249..0000000 --- a/examples/lessons/6_Maths_SetMultipleChoice/.tmp_index.html.99718~ +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Math Set Multiple Choice</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Set Multiple Choice <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section">
- <div id="topText">
- Click on the answer you think is correct.
- </div>
- <div id="question"></div>
- <div id="optionSection"></div>
- <div id="answer"></div>
- </div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/.tmp_index.html.30266~ b/examples/lessons/6_Maths_goShopping/.tmp_index.html.30266~ deleted file mode 100755 index 0a633f5..0000000 --- a/examples/lessons/6_Maths_goShopping/.tmp_index.html.30266~ +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Go Shopping</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- Go Shopping || <span id="currentTitle">किनमेल </span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="left-side"></div>
- <div id="right-side"></div>
- <div id="checkSection"></div>
- </div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/.tmp_index.html.38007~ b/examples/lessons/6_Maths_goShopping/.tmp_index.html.38007~ deleted file mode 100755 index ccbe4d6..0000000 --- a/examples/lessons/6_Maths_goShopping/.tmp_index.html.38007~ +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/.tmp_index.html.44857~ b/examples/lessons/6_Maths_goShopping/.tmp_index.html.44857~ deleted file mode 100755 index 0a633f5..0000000 --- a/examples/lessons/6_Maths_goShopping/.tmp_index.html.44857~ +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Go Shopping</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- Go Shopping || <span id="currentTitle">किनमेल </span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="left-side"></div>
- <div id="right-side"></div>
- <div id="checkSection"></div>
- </div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/.tmp_index.html.54401~ b/examples/lessons/6_Maths_goShopping/.tmp_index.html.54401~ deleted file mode 100755 index b2ecae3..0000000 --- a/examples/lessons/6_Maths_goShopping/.tmp_index.html.54401~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/.tmp_index.html.94449~ b/examples/lessons/6_Maths_goShopping/.tmp_index.html.94449~ deleted file mode 100755 index b88c678..0000000 --- a/examples/lessons/6_Maths_goShopping/.tmp_index.html.94449~ +++ /dev/null @@ -1,52 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Go Shopping</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- Go Shopping || <span id="currentTitle">किनमेल </span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="left-side"></div>
- <div id="right-side"></div>
- <div id="checkSection">
- <div id="checkButtons">
- <img id="moneyOk" class="checkMoney" src="assets/image/moneyOk.png" />
- <img id="moneyNeeded" class="checkMoney" src="assets/image/moneyNeeded.png" />
- </div>
- <div id="howmuchText"></div>
- <div id="textDiv"></div>
- <div id="checkDisplay"></div>
- </div>
- </div>
- <div id="help"></div>
- <div id="gameOver"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/.tmp_index.html.99197~ b/examples/lessons/6_Maths_goShopping/.tmp_index.html.99197~ deleted file mode 100755 index 3e635a2..0000000 --- a/examples/lessons/6_Maths_goShopping/.tmp_index.html.99197~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="linkNextExercise" class ="linkNext"></div>
- <div id="linkPrevExercise" class ="linkBack"></div>
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox3" class="timerBoxes">00</div>
- <div id="timerBox2" class="timerBoxes">00</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_goShopping/css/lesson.css~ b/examples/lessons/6_Maths_goShopping/css/lesson.css~ deleted file mode 100755 index 007715a..0000000 --- a/examples/lessons/6_Maths_goShopping/css/lesson.css~ +++ /dev/null @@ -1,299 +0,0 @@ -@CHARSET "UTF-8";
-/****** Page Styles ****/
-
-/* Designed for 1200*900 px screen resolution */
-
-body {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10pt;
- margin: 0px;
- background-color: #FFFFCC;
-}
-#header {
- background-image: url(../assets/image/bg_header.png);
- background-repeat: repeat-x;
- height: 75px;
- width: 100%;
- position: absolute;
- left: 0px;
- top: 0px;
-}
-#topbtn_left {
- float: left;
- height: 60px;
- width: 60px;
- padding-top: 6px;
- padding-left: 15px;
-}
-
-
- .linkBack{
- width: 60px; height: 59px;
- background:url(../assets/image/btn_back.png);
- }
- .linkBack:hover{
- background:url(../assets/image/btn_back_hover.png);
- }
-
-#lesson_title {
- float: left;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 16pt;
- font-weight: bold;
- color: #FFFFFF;
- margin-left: 10px;
- background-image: url(../assets/image/bg_title_block.png);
-}
-#topbtn_right {
- float: right;
- height: 60px;
- width: 60px;
- padding-top: 6px;
- padding-right: 15px;
-}
- #linkHelp{
- width: 60px; height: 60px;
- background:url(../assets/image/btn_help.png);
- }
- #linkHelp:hover{
- background:url(../assets/image/btn_help_hover.png);
- }
- #linkOle{
- width: 60px; height: 60px;
- background:url(../assets/image/btn_ole.png);
- }
- #linkOle:hover{
- background:url(../assets/image/btn_ole_hover.png);
- }
- .linkNext{
- width: 60px; height: 60px;
- background:url(../assets/image/btn_next.png);
- }
- .linkNext:hover{
- background:url(../assets/image/btn_next_hover.png);
- }
-#footer {
- position:relative;
- background-image: url(../assets/image/bg_footer.png);
- background-repeat: repeat-x;
- height: 75px;
- width: 100%;
- left: 0px;
- bottom: 0px;
-}
-#score_box {
- float: left;
- padding-left: 5px;
- padding-top: 0.7em;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- color: #FFFF00;
- font-size: 16pt;
- font-weight: bold;
-}
-#botbtn_right {
- float: right;
- height: 55px;
- padding-right: 5px;
- padding-top: 10px;
-}
- #linkCheck{
- margin: 1em 3em 0 0;
- width: 101px; height: 30px;
- background-image: url(../assets/image/check.png);
- }
-
- #linkStart{
- width: 251px; height: 55px;
- background:url(../assets/image/btn_start.png);
- }
- #linkStart:hover{
- background:url(../assets/image/btn_start_hover.png);
- }
- #linkStart:active{
- background:url(../assets/image/btn_start_mouse_down.png);
- }
- #linkPlayAgain{
- width: 251px; height: 55px;
- background:url(../assets/image/btn_play_again.png);
- }
- #linkPlayAgain:hover{
- background:url(../assets/image/btn_play_again_hover.png);
- }
- #linkPlayAgain:active{
- background:url(../assets/image/btn_play_again_mouse_down.png);
- }
-#linkNextExercise{
- position:absolute;
- bottom: 75px;
- right: 10px;
-}
-#linkPrevExercise{
- position:absolute;
- bottom: 75px;
- left: 10px;
-}
-
-/**** End of the page style ****/
-
-/**** Game Styles ****/
-
-a{
- color:#FFFFCC;
-}
-#currentTitle{
- width: 150px;
- height: 80xp;
- font:25px/30px "Courier New", Courier, monospace;
- font-weight: bold;
- color: red;
-}
-#content{
- margin: 0 auto;
- margin-top: 75px;
- width: 95%;
- height: 550px;
- padding: 0.5em;
-}
- #left-side{
- position:relative;
- margin: 60px auto;
- margin-bottom:0;
- padding-top:50px;
- float:left;
- width: 60%;
- height: 350px;
- border: 4px solid #000;
- }
- #leftText{
- position:absolute;
- top: -60px;
- left: 100px;
- text-align:center;
- height: 40px;
- font : 20px/25px Verdana,Helvetica,Arial Black, Times New Roman;
- color: #FF0000;
- }
- .default{
- float:left;
- margin: 0px auto;
- text-align:center;
- width: 170px;
- height: 44px;
- }
- .moneyPositions{
- position:absolute;
- width: 489px;
- height: 199px;
- }
-
- #right-side{
- position:relative;
- margin: 60px auto;
- margin-bottom:0;
- padding-top: 50px;
- float:right;
- width: 35%;
- height: 350px;
- border: 4px solid #000;
- }
- #rightText{
- position:absolute;
- top: -60px;
- left: 20px;
- text-align:center;
- height: 40px;
- font : 20px/25px Verdana,Helvetica,Arial Black, Times New Roman;
- color: #FF0000;
- }
- .thingsPositions{
- position:absolute;
- width: 150px;
- height: 150px;
- }
- #checkSection{
- position: absolute;
- bottom: -25px;
- left: 50%;
- width: 40%;
- height: 65px;
- text-align:center;
- }
- .checkMoney{
- float:left;
- margin: 0.8em;
- }
- #howmuchText{
- float:left;
- margin: 0.5em 0 0.9em 1em ;
- width: auto;
- height: 35px;
- }
- #textDiv{
- float:left;
- width: 75px;
- margin:0.5em 0 0 1em;
- height: 35px;
- }
-
- input.textBox{
- size:3;
- font: 25px/30px Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-weight: bold;
- height:35px;
- width: 75px;
- text-align:center;
- }
-
-
- .focus {
- background-color: #FF9900;
- }
-
- #checkDisplay{
- float:right;
- width: 64px;
- height: 64px;
- margin: 0 0 0 1em;
- }
-
- .backOpaque{
- background-color: #A4A4A4;
- opacity: 0.2;
- }
- #help{
- display:none;
- position:absolute;
- right: 60px;
- top: 75px;;
- width: 256px;
- height: 600px;
- background:url(../assets/image/help.png);
- z-index:40;
- }
-
- #gameOver{
- opacity: 1;
- display:none;
- position:absolute;
- top:45%;
- left: 30%;
- color: blue;
- text-align:center;
- font : bold 45px/65px Arial Black, Times New Roman;
- }
- #gameOverInfo{
- margin-top: 35px;
- text-align:center;
- font: 20px/25px Helvetica, Geneva, Arial, Verdana, sans-serif;
- font-weight:bold;
- color:#FF0000;
-
- }
- .specialText{
- margin-top: 1em;
- font: 20px/25px Helvetica, Geneva, Arial, Verdana, sans-serif;
- font-weight:bold;
- color:#FF9900;
- border-bottom: 2px dotted #CCC;
-
- }
diff --git a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.30266~ b/examples/lessons/6_Maths_parallelLines/.tmp_index.html.30266~ deleted file mode 100755 index 0a633f5..0000000 --- a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.30266~ +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Go Shopping</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- Go Shopping || <span id="currentTitle">किनमेल </span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="left-side"></div>
- <div id="right-side"></div>
- <div id="checkSection"></div>
- </div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.30807~ b/examples/lessons/6_Maths_parallelLines/.tmp_index.html.30807~ deleted file mode 100755 index 8ec61b6..0000000 --- a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.30807~ +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Parallel Lines</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- Parallel Lines || <span id="currentTitle"> समानान्तर रेखाहरु </span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <a href="#"><div id="linkNextLesson" class ="linkNext"></div></a>
- <a href="#"><div id="linkPrevLesson" class ="linkBack"></div></a>
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.38007~ b/examples/lessons/6_Maths_parallelLines/.tmp_index.html.38007~ deleted file mode 100755 index ccbe4d6..0000000 --- a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.38007~ +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.44857~ b/examples/lessons/6_Maths_parallelLines/.tmp_index.html.44857~ deleted file mode 100755 index 0a633f5..0000000 --- a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.44857~ +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Go Shopping</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- Go Shopping || <span id="currentTitle">किनमेल </span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="left-side"></div>
- <div id="right-side"></div>
- <div id="checkSection"></div>
- </div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.54401~ b/examples/lessons/6_Maths_parallelLines/.tmp_index.html.54401~ deleted file mode 100755 index b2ecae3..0000000 --- a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.54401~ +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.99197~ b/examples/lessons/6_Maths_parallelLines/.tmp_index.html.99197~ deleted file mode 100755 index 3e635a2..0000000 --- a/examples/lessons/6_Maths_parallelLines/.tmp_index.html.99197~ +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Syllabus</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="#"><div id="linkBackLesson" class="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="75" align="absmiddle" />
- English Syllabus<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="75" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content"></div>
- <div id="help"></div>
- <div id="gameOver">Game Over!!!</div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="linkNextExercise" class ="linkNext"></div>
- <div id="linkPrevExercise" class ="linkBack"></div>
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerBox3" class="timerBoxes">00</div>
- <div id="timerBox2" class="timerBoxes">00</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_quickAddition/.tmp_index.html.46799~ b/examples/lessons/6_Maths_quickAddition/.tmp_index.html.46799~ deleted file mode 100755 index 100e6b7..0000000 --- a/examples/lessons/6_Maths_quickAddition/.tmp_index.html.46799~ +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Adding and Multiplying Variables</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Adding and Multiplying Variables || <span id="currentTitle"> चलको जोड र गुणन </span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_quickAddition/.tmp_index.html.62537~ b/examples/lessons/6_Maths_quickAddition/.tmp_index.html.62537~ deleted file mode 100755 index 2c7544c..0000000 --- a/examples/lessons/6_Maths_quickAddition/.tmp_index.html.62537~ +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Quick Addition</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Quick Addition<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id ="timerBar">
- <div id="timerTitle">Timer:</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_quickDivision/.tmp_index.html.46799~ b/examples/lessons/6_Maths_quickDivision/.tmp_index.html.46799~ deleted file mode 100755 index 100e6b7..0000000 --- a/examples/lessons/6_Maths_quickDivision/.tmp_index.html.46799~ +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Adding and Multiplying Variables</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Adding and Multiplying Variables || <span id="currentTitle"> चलको जोड र गुणन </span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="displayImgArea"></div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id="score_box"></div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkCheck"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_quickDivision/.tmp_index.html.5425~ b/examples/lessons/6_Maths_quickDivision/.tmp_index.html.5425~ deleted file mode 100755 index f5f5afc..0000000 --- a/examples/lessons/6_Maths_quickDivision/.tmp_index.html.5425~ +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Quick Addition</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Quick Addition<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id ="timerBar">
- <div id="timerTitle">Timer:</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_quickDivision/.tmp_index.html.62537~ b/examples/lessons/6_Maths_quickDivision/.tmp_index.html.62537~ deleted file mode 100755 index 2c7544c..0000000 --- a/examples/lessons/6_Maths_quickDivision/.tmp_index.html.62537~ +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Quick Addition</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <link type="text/css" rel="stylesheet" href="css/ui.scoreboard.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/ui.core.js"></script>
- <script type="text/javascript" src="js/ui.draggable.js"></script>
- <script type="text/javascript" src="js/ui.droppable.js"></script>
- <script type="text/javascript" src="js/karma.js"></script>
- <script type="text/javascript" src="js/ui.scoreboard.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Quick Addition<span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- </div>
-
- <div id="content">
- <div id="section"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
- <div id="footer">
- <div id ="timerBar">
- <div id="timerTitle">Timer:</div>
- <div id="timerBox1" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.54396~ b/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.54396~ deleted file mode 100755 index 9560a86..0000000 --- a/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.54396~ +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Articles</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Articles for Vowels and Consonants <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="frontDisplay">
- <img src="assets/image/first_display.png">
- </div>
- <div id="section">
- <div id="topText">
- Choose the right article
- </div>
- <div id="articleImages"></div>
- <div id="question"></div>
- <div id="optionSection"></div>
- <div id="answer"></div>
- <div id="answerCheck"></div>
- </div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.76681~ b/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.76681~ deleted file mode 100755 index a02c05a..0000000 --- a/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.76681~ +++ /dev/null @@ -1,56 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 Maths Roman Numerals</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_left"><a href="#"><div id="linkBack"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- <span id="currentTitle">हिन्दु अरेबिक संख्या र रोमन संख्या </span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
-
- </div>
-
- <div id="content">
- <div id="frontDisplay">
- <img src="assets/image/image1.png">
- </div>
- <div id="section">
- <div id="gameArea">
-
- </div>
- </div>
- <div id="gameOver"></div>
- <div id="help"></div>
-
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <!-- Timer Section -->
- <div id ="timerBar">
- <div id="timerTitle">Timer:</div>
- <div id="timerBox1" class="timerBoxes"></div>
- <div id="timerBox2" class="timerBoxes"></div>
- <div id="timerBox3" class="timerBoxes"></div>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
- </div>
-</body>
-</html>
diff --git a/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.89199~ b/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.89199~ deleted file mode 100755 index 9560a86..0000000 --- a/examples/lessons/6_Maths_romanNumerals/.tmp_index.html.89199~ +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html>
-<head>
- <title>Class 6 English Articles</title>
- <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
- <link type="text/css" rel="stylesheet" href="css/lesson.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" />
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/lesson.js"></script>
-</head>
-<body>
- <div id="header">
- <div id="topbtn_left"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="lesson_title">
- <img src="assets/image/title_block_lt.png" width="33" height="89" align="absmiddle" />
- Articles for Vowels and Consonants <span id="currentTitle"></span>
- <img src="assets/image/title_block_rt.png" width="33" height="89" align="absmiddle" />
- </div>
- <div id="topbtn_right"><a href="#"><div id="linkHelp"></div></a></div>
- <div id="topbtn_right"><a href="http://olenepal.org"><div id="linkOle"></div></a></div>
- <div id="topbtn_right"><a href="#"><div id="linkNext"></div></a></div>
- </div>
-
- <div id="content">
- <div id="frontDisplay">
- <img src="assets/image/first_display.png">
- </div>
- <div id="section">
- <div id="topText">
- Choose the right article
- </div>
- <div id="articleImages"></div>
- <div id="question"></div>
- <div id="optionSection"></div>
- <div id="answer"></div>
- <div id="answerCheck"></div>
- </div>
- <div id="gameOver"></div>
- <div id="help"></div>
- </div>
- <form name="delayForm">
- <input type="hidden" name="delayval" size="5">
- </form>
-
-
- <div id="footer">
- <div id="score_box">
- <form name="scoreForm">
- अंक:
- <input name="score" type="text" id="score" size="2" maxlength="2" /> |
- <input name="full_mark" type="text" id="full_mark" size="2" maxlength="2"/>
- </form>
- </div>
- <div id="botbtn_right"><a href="#"><div id="linkStart"></div></a></div>
- <div id="botbtn_right"><a href="#"><div id="linkPlayAgain"></div></a></div>
-
- </div>
-</body>
-</html>
diff --git a/examples/old/adding_up_to_10_canvas/index.html~ b/examples/old/adding_up_to_10_canvas/index.html~ deleted file mode 100755 index a87db80..0000000 --- a/examples/old/adding_up_to_10_canvas/index.html~ +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <title>Karma - Adding Up to 10</title> - <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" /> - <link type="text/css" rel="stylesheet" href="css/lesson.css" /> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" /> - <link type="text/css" rel="stylesheet" href="../../css/karma.css" /> - <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="../../js/karma.js"></script> - <script type="text/javascript" src="js/lesson.js"></script> - - - -</head> - -<body> - <div> - <div id="action"> - <div id="actionTop"> - - <div id="topLtSide"> - <img id="topLtBox" src="assets/image/yellowBox.png" alt="" /> - <canvas id="topLtCanvas" width="200px" height="200px"></canvas> - - </div> - <div id="topMd"> - <img id="plussign" src="assets/image/plussign.png" alt=""/> - </div> - <div id="topRtSide"> - <img id="topRtBox" src="assets/image/yellowBox.png" alt=""/> - <canvas id="topRtCanvas" width="200px" height="200px"></canvas> - </div> - - </div> - - <div id="bottom"> - <!-- <canvas id="bottomCanvas"></canvas> --> - <div id="bottomLt" class="bottom"> - <img class="bottomBox" src="assets/image/yellowBox.png" alt=""/> - <canvas id="bottomLtCanvas" class="bottomBox" width="200px" height="200px"> </canvas> - </div> - <div id="bottomMd" class="bottom"> - <img class="bottomBox" src="assets/image/yellowBox.png" alt=""/> - <canvas id="bottomMdCanvas" class="bottomBox" width="200px" height="200px"> </canvas> - </div> - <div id="bottomRt" class="bottom"> - <img class="bottomBox" src="assets/image/yellowBox.png" alt=""/> - <canvas id="bottomRtCanvas" class="bottomBox" width="200px" height="200px"> </canvas> - </div> - - </div> - - </div> - <div id="sidebar"> - <div class="sidebarItem"> - <img id="timer" src="assets//image/scorebox.png" alt=""/> - <canvas id="timerCanvas" width="100px" height="140px" > </canvas> - </div> - <div class="sidebarItem"> - <img id="scorebox" src="assets/image/scorebox.png" alt=""/> - <canvas id="scoreboxCanvas" width="100px" height="140px"></canvas> - </div> - <div class="sidebarItem"> - <canvas id="chimpCanvas" width="120px" height="125px"> </canvas> - <div id="buttons"> - <button id="start">Start</button> - <button id="stop">Stop</button> - <button id="reset">Restart</button> - </div> - </div> - - - </div> - - - </div> - - -</body> - -</html> diff --git a/examples/old/quadrilaterals/index.html~ b/examples/old/quadrilaterals/index.html~ deleted file mode 100755 index 3325887..0000000 --- a/examples/old/quadrilaterals/index.html~ +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>Quadrilaterals - Karma </title> - <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"/> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> - <meta charset="utf-8"/> - <link rel="shortcut icon" href="http://karma.sugarlabs.org/favicon.ico"/> - <link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css"/> - <link rel="stylesheet" href="css/lesson.css" type="text/css"/> - <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="../../js/karma.js"></script> - <script type="text/javascript" src="../../js/jquery.jgrowl_minimized.js"></script> - <script type="text/javascript" src="js/lesson.js"></script> - </head> -<body> - <noscript> - Man, you need to enable JavaScript. - </noscript> - - <div id="main"> - <div id="leftArea"> - <div id="leftTop"> - <div id="instruction"> Construct a quadrilateral by moving - the given straight lines to appropriate places </div> - </div> - <div id="leftMiddle"> - <div id="Karma"> - <canvas id="canvas" class="canvas" width="550" height="400"></canvas> - <canvas id="canvasDrawing" class="canvas" width="550" height="400"></canvas> - <canvas id="canvasTmp" class="canvas" width="550" height="400"></canvas> - </div> - </div> - <div id="leftBottom"> - <img id="btnErase" src="images/erase.png" /> - </div> - </div> - <div id="rightArea" class="left"> - <div id="rightTop"> - </div> - <div id="rightMiddle"> - <div id="textExample">Make quadrilaterals on geo-board</div> - </div> - <div id="rightBottom"> - <div id="btn"> - <img id="imgPrev" src="images/previous.png" /> - <img id="imgNext" src="images/next.png" /> - </div> - </div> - </div> - </div> - -</body> - -</html> - - - - - diff --git a/js/jquery.i18n.js b/js/jquery.i18n.js index ac2193d..db142c4 100644 --- a/js/jquery.i18n.js +++ b/js/jquery.i18n.js @@ -37,7 +37,7 @@ locale = locale || $.i18n.lang; - if (!this.i18n[locale] || !this.i18n[locale].numBase ){ + if (!this.i18n[locale] || !this.i18n[locale].numeralBase ){ return num; } diff --git a/js/jquery.i18n.js~ b/js/jquery.i18n.js~ deleted file mode 100644 index 3a7aeb2..0000000 --- a/js/jquery.i18n.js~ +++ /dev/null @@ -1,14 +0,0 @@ -(function($){ - $.fn.i18n.setLocale = function (locale){ - - $.i18n.lang = locale; - }; - - - - - - $.fn._ = $.fn.i18n; - - - })(jQuery);
\ No newline at end of file diff --git a/js/kDoc.js~ b/js/kDoc.js~ deleted file mode 100755 index 86914d5..0000000 --- a/js/kDoc.js~ +++ /dev/null @@ -1,26 +0,0 @@ -$(document).ready(function(){ - -var $text = $('#text'); -var fontSize = parseInt($text.css('font-size')); - -$('#zoomIn').click( - function(){ - fontSize = fontSize + 2; - $text.css('font-size', '' + fontSize + 'px'); - }); - -$('#zoomOut').click( - function(){ - fontSize = fontSize - 2; - $text.css('font-size', '' + fontSize + 'px'); - }); - -var $help = $('#helpText').dialog({ - position:[ "right", "top"], - modal:'true',autoOpen:false,width:'40%' - }); - -$('#kHeaderHelpBtn').click(function(){ $help.dialog('open');}); - - -});
\ No newline at end of file diff --git a/js/kFooter.js~ b/js/kFooter.js~ deleted file mode 100755 index 9704c20..0000000 --- a/js/kFooter.js~ +++ /dev/null @@ -1,332 +0,0 @@ -/** -* @fileOverview a scoreboard widget -* @author Bryan Berry <bryan@olenepal.org> -* uses MIT License -*/ - - - -(function($){ - - // This is a dummy function, just here as placeholder to - // to make the jsdoc tool happy - /** @name $.ui.scoreboard - * @namespace Scoreboard widget - */ - $.ui.scoreboard = function(){}; - - $.widget('ui.scoreboard', - /** @lends $.ui.scoreboard.prototype */ - { - /** Gets the current score - * @returns {Number} current score - */ - getScore : function(){ - return this._getData('score'); - }, - /** Sets the current score - * @param {Number} newScore new score - */ - setScore : function(newScore){ - this._setData('score', parseInt(newScore)); - this._refresh(); - }, - /** Gets the current total - * @returns {Number} current total - */ - getTotal : function(){ - return this._getData('total'); - }, - /** Sets the current total - * @param {Number} newTotal new score - */ - setTotal : function(newTotal){ - this._setData('total', parseInt(newTotal)); - this._refresh(); - }, - /** - * Restarts the scoreboard and triggers the "scoreboardRestart" event - */ - restart : function(){ - this.element.trigger('scoreboardRestart'); - this._setData('score', this._getData('initialScore')); - this._setData('total', this._getData('initialTotal')); - this._refresh(); - }, - /** Increments the score by 1 or by the supplied numeric argument - * @param {Number} [val] increment value - */ - inc : function(val){ - var incVal = parseInt(val) || 1; - this._setData('score', this._getData('score') + incVal); - this._refresh(); - if(this._getData('winScore') === this._getData('score')){ - this.element.trigger('scoreboardWinGame'); - } - }, - /** Increments the total by 1 or by the supplied numeric argument - * @param {Number} [val] increment value - */ - incTotal : function(val){ - var incVal = parseInt(val) || 1; - this._setData('total', this._getData('total') + incVal); - this._refresh(); - }, - /** Decrements the score by 1 or by the supplied numeric argument - * @param {Number} [val] decrement value - */ - dec : function(val){ - var decVal = parseInt(val) || 1; - this._setData('score', this._getData('score') - decVal); - this._refresh(); - }, - /** Decrements the total by 1 or by the supplied numeric argument - * @param {Number} [val] decrement value - */ - decTotal : function(val){ - var decVal = parseInt(val) || 1; - this._setData('total', this._getData('total') - decVal); - this._refresh(); - }, - _ : function(val){ - var self = this; - var convertNumLocale = function(num){ - //48 is the base for western numerals - var convertDigit = function(digit){ - - var numBase = 48; - var prefix = "u00"; - - if (self._getData('locale') === "ne"){ - prefix = "u0"; - numBase = 2406; - } - - return '\\' + prefix + - (numBase + parseInt(digit)).toString(16); - }; - - var charArray = num.toString().split("").map(convertDigit); - return eval('"' + charArray.join('') + '"'); - }; - - var convertStringLocale = function (str){ - if (self._getData('locale') === "ne"){ - switch(str){ - case "Score": - return "अङ्क"; - case "Total": - return "जम्मा"; - case "Restart": - return "फेरी खेलौ"; - case "Pause": - return "खेल रोकौ"; - case "Start": - return "सुरु गरौ"; - default: - return "string not translated"; - } - } - return "String really not translated"; - }; - - - - if (typeof val === "number"){ - return convertNumLocale(val); - } - - if (this._getData('locale') !== "en"){ - return convertStringLocale(val); - }else { - return val; - } - - - }, - _init : function(){ - - var divDisplay = "inline"; - var score = this.options.score; - var total = this.options.total; - var layoutId = "h"; - var self = this; - - var options = $.extend({}, $.ui.scoreboard.defaults, this.options); - - this._setData('initialScore', parseInt(options.score)); - this._setData('initialTotal', parseInt(options.total)); - this._setData('score', parseInt(options.score)); - this._setData('total', parseInt(options.total)); - this._setData('winScore', parseInt(options.winningScore)); - this._setData('locale', options.locale); - - if(this.options.layout === "vertical"){ - layoutId = "v"; - } - - this.element.addClass('ui-scoreboard-container-' + layoutId + - ' ui-widget ui-widget-content ui-corner-all'); - - var $parent = $('<div>') - .attr('id', 'uiScoreboard') - .addClass('ui-scoreboard-spacing-' + layoutId); - - this._scoreText = $("<div><span>" + this._("Score") + "</span></div>") - .addClass('ui-scoreboard-spacing-'+ layoutId + - ' ui-corner-all ui-scoreboard-text') - .appendTo($parent); - - this._score = $("<div><span>" + this._(score) + "</span></div>") - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) - .appendTo($parent) - .find('span:first'); - - - $("<div><span>" + this._("Total") + "</span></div>") - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-corner-all ' + - 'ui-scoreboard-text') - .appendTo($parent); - - this._total = $("<div><span>" + this._(total) + "</span></div>") - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) - .appendTo($parent) - .find('span:first'); - - - var $templateBtn = $('<button></button>') - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-button ' + - 'ui-corner-all ui-state-default') - .append( - $('<span></span>') - .addClass('ui-icon ' - + 'ui-scoreboard-icon') - ) - .append( - $('<span></span>') - .addClass('centered') - ); - - if(options.restartButton){ - var $restartBtn = $templateBtn.clone() - .find('span:first') - .addClass('ui-icon-arrowrefresh-1-w') - .end() - .find('span:last') - .text(this._('Restart')) - .end() - .click(function(){ self.restart();}) - .appendTo($parent); - } - - - if(options.pauseButton){ - - var $pauseBtn = $templateBtn.clone() - .find('span:first') // - .removeClass('ui-icon-arrowrefresh-1-w') - .addClass('ui-icon-pause') - .end() - .find('span:last') - .text(this._('Pause')) - .end() - .click(function(){ - self.element.trigger('scoreboardPause'); - }) - .appendTo($parent); - } - - if(options.startButton){ - var $startBtn = $templateBtn.clone() - .find('span:first') - //.removeClass('ui-icon-arrowrefresh-1-w') - .addClass('ui-icon-arrowreturnthick-1-s') - .end() - .find('span:last') - .text(this._('Start')) - .end() - .click(function(){ - self.element.trigger('scoreboardStart'); - }) - .appendTo($parent); - } - - - $parent.find('button').hover( - function(){ - $(this).addClass("ui-state-hover"); - }, - function(){ - $(this).removeClass("ui-state-hover"); - }); - - this.element.append($parent); - - }, - _refresh : function(){ - this._score.text(this._(this._getData('score'))); - this._total.text(this._(this._getData('total'))); - }, - /** Removes the scoreboard widget and all related data from the DOM */ - destroy : function(){ - this.element.remove(); - $.widget.prototype.destroy.apply(this, arguments); - } - - - }); - - $.ui.scoreboard.getter = ['getScore', 'getTotal', '_convertNumLocale']; - - /** Default settings for the scoreboard widget - * @namespace Default settings for the scoreboard widget - * @extends $.ui.scoreboard - */ - $.ui.scoreboard.defaults = { - /** Initial score - * @type Number - * @default 0 - */ - score: 0, - /** Initial total - * @type Number - * @default 0 - */ - total: 0, - /** Initial layout, valid options are "horizontal" and "vertical" - * @type String - * @default "horizontal" - */ - layout: "horizontal", - /** The score that will win the game - * @type Number - * @default 0 - */ - winningScore: 0, - /** Default locale, valid options are "en" and "ne" - * @type String - * @default "en" - */ - locale: "en", - /** Display the Start Button - * @type boolean - * @default false - */ - startButton: false, - /** Display the Retart Button - * @type boolean - * @default true - */ - restartButton: true, - /** Display the Pause Button - * @type boolean - * @default false - */ - pauseButton: false - }; - - })(jQuery);
\ No newline at end of file diff --git a/js/ui.feedback.js b/js/ui.feedback.js index f9304c5..1bd650f 100755 --- a/js/ui.feedback.js +++ b/js/ui.feedback.js @@ -47,10 +47,16 @@ } }, + /** Display a happy face and text that says "You win!" + * + */ win: function(){ this.$win.show(); this.$overlay.show(); }, + /** Display an unhappy face and text that says "You lose!" + * + */ lose: function(){ this.$lose.show(); this.$overlay.show(); diff --git a/js/ui.feedback.js~ b/js/ui.feedback.js~ deleted file mode 100755 index 9704c20..0000000 --- a/js/ui.feedback.js~ +++ /dev/null @@ -1,332 +0,0 @@ -/** -* @fileOverview a scoreboard widget -* @author Bryan Berry <bryan@olenepal.org> -* uses MIT License -*/ - - - -(function($){ - - // This is a dummy function, just here as placeholder to - // to make the jsdoc tool happy - /** @name $.ui.scoreboard - * @namespace Scoreboard widget - */ - $.ui.scoreboard = function(){}; - - $.widget('ui.scoreboard', - /** @lends $.ui.scoreboard.prototype */ - { - /** Gets the current score - * @returns {Number} current score - */ - getScore : function(){ - return this._getData('score'); - }, - /** Sets the current score - * @param {Number} newScore new score - */ - setScore : function(newScore){ - this._setData('score', parseInt(newScore)); - this._refresh(); - }, - /** Gets the current total - * @returns {Number} current total - */ - getTotal : function(){ - return this._getData('total'); - }, - /** Sets the current total - * @param {Number} newTotal new score - */ - setTotal : function(newTotal){ - this._setData('total', parseInt(newTotal)); - this._refresh(); - }, - /** - * Restarts the scoreboard and triggers the "scoreboardRestart" event - */ - restart : function(){ - this.element.trigger('scoreboardRestart'); - this._setData('score', this._getData('initialScore')); - this._setData('total', this._getData('initialTotal')); - this._refresh(); - }, - /** Increments the score by 1 or by the supplied numeric argument - * @param {Number} [val] increment value - */ - inc : function(val){ - var incVal = parseInt(val) || 1; - this._setData('score', this._getData('score') + incVal); - this._refresh(); - if(this._getData('winScore') === this._getData('score')){ - this.element.trigger('scoreboardWinGame'); - } - }, - /** Increments the total by 1 or by the supplied numeric argument - * @param {Number} [val] increment value - */ - incTotal : function(val){ - var incVal = parseInt(val) || 1; - this._setData('total', this._getData('total') + incVal); - this._refresh(); - }, - /** Decrements the score by 1 or by the supplied numeric argument - * @param {Number} [val] decrement value - */ - dec : function(val){ - var decVal = parseInt(val) || 1; - this._setData('score', this._getData('score') - decVal); - this._refresh(); - }, - /** Decrements the total by 1 or by the supplied numeric argument - * @param {Number} [val] decrement value - */ - decTotal : function(val){ - var decVal = parseInt(val) || 1; - this._setData('total', this._getData('total') - decVal); - this._refresh(); - }, - _ : function(val){ - var self = this; - var convertNumLocale = function(num){ - //48 is the base for western numerals - var convertDigit = function(digit){ - - var numBase = 48; - var prefix = "u00"; - - if (self._getData('locale') === "ne"){ - prefix = "u0"; - numBase = 2406; - } - - return '\\' + prefix + - (numBase + parseInt(digit)).toString(16); - }; - - var charArray = num.toString().split("").map(convertDigit); - return eval('"' + charArray.join('') + '"'); - }; - - var convertStringLocale = function (str){ - if (self._getData('locale') === "ne"){ - switch(str){ - case "Score": - return "अङ्क"; - case "Total": - return "जम्मा"; - case "Restart": - return "फेरी खेलौ"; - case "Pause": - return "खेल रोकौ"; - case "Start": - return "सुरु गरौ"; - default: - return "string not translated"; - } - } - return "String really not translated"; - }; - - - - if (typeof val === "number"){ - return convertNumLocale(val); - } - - if (this._getData('locale') !== "en"){ - return convertStringLocale(val); - }else { - return val; - } - - - }, - _init : function(){ - - var divDisplay = "inline"; - var score = this.options.score; - var total = this.options.total; - var layoutId = "h"; - var self = this; - - var options = $.extend({}, $.ui.scoreboard.defaults, this.options); - - this._setData('initialScore', parseInt(options.score)); - this._setData('initialTotal', parseInt(options.total)); - this._setData('score', parseInt(options.score)); - this._setData('total', parseInt(options.total)); - this._setData('winScore', parseInt(options.winningScore)); - this._setData('locale', options.locale); - - if(this.options.layout === "vertical"){ - layoutId = "v"; - } - - this.element.addClass('ui-scoreboard-container-' + layoutId + - ' ui-widget ui-widget-content ui-corner-all'); - - var $parent = $('<div>') - .attr('id', 'uiScoreboard') - .addClass('ui-scoreboard-spacing-' + layoutId); - - this._scoreText = $("<div><span>" + this._("Score") + "</span></div>") - .addClass('ui-scoreboard-spacing-'+ layoutId + - ' ui-corner-all ui-scoreboard-text') - .appendTo($parent); - - this._score = $("<div><span>" + this._(score) + "</span></div>") - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) - .appendTo($parent) - .find('span:first'); - - - $("<div><span>" + this._("Total") + "</span></div>") - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-corner-all ' + - 'ui-scoreboard-text') - .appendTo($parent); - - this._total = $("<div><span>" + this._(total) + "</span></div>") - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) - .appendTo($parent) - .find('span:first'); - - - var $templateBtn = $('<button></button>') - .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-button ' + - 'ui-corner-all ui-state-default') - .append( - $('<span></span>') - .addClass('ui-icon ' - + 'ui-scoreboard-icon') - ) - .append( - $('<span></span>') - .addClass('centered') - ); - - if(options.restartButton){ - var $restartBtn = $templateBtn.clone() - .find('span:first') - .addClass('ui-icon-arrowrefresh-1-w') - .end() - .find('span:last') - .text(this._('Restart')) - .end() - .click(function(){ self.restart();}) - .appendTo($parent); - } - - - if(options.pauseButton){ - - var $pauseBtn = $templateBtn.clone() - .find('span:first') // - .removeClass('ui-icon-arrowrefresh-1-w') - .addClass('ui-icon-pause') - .end() - .find('span:last') - .text(this._('Pause')) - .end() - .click(function(){ - self.element.trigger('scoreboardPause'); - }) - .appendTo($parent); - } - - if(options.startButton){ - var $startBtn = $templateBtn.clone() - .find('span:first') - //.removeClass('ui-icon-arrowrefresh-1-w') - .addClass('ui-icon-arrowreturnthick-1-s') - .end() - .find('span:last') - .text(this._('Start')) - .end() - .click(function(){ - self.element.trigger('scoreboardStart'); - }) - .appendTo($parent); - } - - - $parent.find('button').hover( - function(){ - $(this).addClass("ui-state-hover"); - }, - function(){ - $(this).removeClass("ui-state-hover"); - }); - - this.element.append($parent); - - }, - _refresh : function(){ - this._score.text(this._(this._getData('score'))); - this._total.text(this._(this._getData('total'))); - }, - /** Removes the scoreboard widget and all related data from the DOM */ - destroy : function(){ - this.element.remove(); - $.widget.prototype.destroy.apply(this, arguments); - } - - - }); - - $.ui.scoreboard.getter = ['getScore', 'getTotal', '_convertNumLocale']; - - /** Default settings for the scoreboard widget - * @namespace Default settings for the scoreboard widget - * @extends $.ui.scoreboard - */ - $.ui.scoreboard.defaults = { - /** Initial score - * @type Number - * @default 0 - */ - score: 0, - /** Initial total - * @type Number - * @default 0 - */ - total: 0, - /** Initial layout, valid options are "horizontal" and "vertical" - * @type String - * @default "horizontal" - */ - layout: "horizontal", - /** The score that will win the game - * @type Number - * @default 0 - */ - winningScore: 0, - /** Default locale, valid options are "en" and "ne" - * @type String - * @default "en" - */ - locale: "en", - /** Display the Start Button - * @type boolean - * @default false - */ - startButton: false, - /** Display the Retart Button - * @type boolean - * @default true - */ - restartButton: true, - /** Display the Pause Button - * @type boolean - * @default false - */ - pauseButton: false - }; - - })(jQuery);
\ No newline at end of file diff --git a/js/ui.kFooter.js b/js/ui.kFooter.js index 02d7937..d25f6bd 100755 --- a/js/ui.kFooter.js +++ b/js/ui.kFooter.js @@ -157,11 +157,17 @@ stopTimer : function(){ this._setData('timerRunning', false); }, - _ : function(val, loc){ - return $.i18n.call($.ui.kFooter, val, loc); + _ : function(val, loc){ + if($.i18n){ + return $.i18n.call($.ui.kFooter, val, loc); + } + return val; }, _n : function(val, loc){ - return $._n(val, loc); + if ($.i18n){ + return $._n(val, loc); + } + return val; }, _init : function(){ diff --git a/js/ui.kFooter.js~ b/js/ui.kFooter.js~ index eae9e61..02d7937 100755 --- a/js/ui.kFooter.js~ +++ b/js/ui.kFooter.js~ @@ -1,5 +1,5 @@ /** -* @fileOverview a scoreboard widget +* @fileOverview a footer widget * @author Bryan Berry <bryan@olenepal.org> * uses MIT License */ @@ -11,7 +11,12 @@ // This is a dummy function, just here as placeholder to // to make the jsdoc tool happy /** @name $.ui.kFooter - * @namespace KFooter widget + * @namespace kFooter widget + * @example 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 /> */ $.ui.kFooter = function(){}; @@ -38,14 +43,15 @@ return this._getData('total'); }, /** Sets the current total - * @param {Number} newTotal new score + * @param {Number} newTotal new total */ setTotal : function(newTotal){ this._setData('total', parseInt(newTotal)); this._refresh(); }, /** - * Restarts the kFooter and triggers the "kFooterRestart" event + * Resets the score and total to initial values and triggers + * the "kFooterRestart" event */ restart : function(){ this.element.trigger('kFooterRestart'); @@ -88,68 +94,80 @@ this._setData('total', this._getData('total') - decVal); this._refresh(); }, - _ : function(val){ - var self = this; - var convertNumLocale = function(num){ - //48 is the base for western numerals - var convertDigit = function(digit){ - - var numBase = 48; - var prefix = "u00"; - - if (self._getData('locale') === "ne"){ - prefix = "u0"; - numBase = 2406; + /** Start the timer, defaults to 0:00 if no arguments supplied + * @param {Number} [minutes] value for minutes, default to 0 + * @param {Number} [seconds] value for seconds, default to 0 + */ + startTimer : function(minutes, seconds){ + var timerRunning = this._getData('timerRunning')|| false; + + if (this._$timer && timerRunning === false){ + var mins = minutes || 0; + var secs = seconds || 0; + var timerId = null; + var self = this; + + + this._setData('mins', mins); + this._setData('secs', secs); + + var addLeadingZero = function(num){ + if(''.concat(num).length === 1){ + return "0".concat(num); + } else { + return num; } - - return '\\' + prefix + - (numBase + parseInt(digit)).toString(16); + }; - - var charArray = num.toString().split("").map(convertDigit); - return eval('"' + charArray.join('') + '"'); - }; - - var convertStringLocale = function (str){ - if (self._getData('locale') === "ne"){ - switch(str){ - case "Score": - return "अङ्क"; - case "Total": - return "जम्मा"; - case "Restart": - return "फेरी खेलौ"; - case "Pause": - return "खेल रोकौ"; - case "Start": - return "सुरु गरौ"; - default: - return "string not translated"; + + var increaseTimer = function(){ + if (self._getData('timerRunning') === false){ + return; + } + + var s = self._getData('secs') + 1; + var m = null; + var timerId = null; + + if (s < 60) { + self._setData('secs', s); + self._$timerSecs.text(self._n(addLeadingZero(s))); + } else { + s = 0; + m = self._getData('mins') + 1; + self._$timerSecs.text(self._n(addLeadingZero(s))); + self._$timerMins.text(self._n(addLeadingZero(m))); + self._setData('secs', s); + self._setData('mins', m); } - } - return "String really not translated"; - }; + + timerId = setTimeout(increaseTimer, 1000); + self._setData('timerId', timerId); + + }; - - - if (typeof val === "number"){ - return convertNumLocale(val); - } - - if (this._getData('locale') !== "en"){ - return convertStringLocale(val); - }else { - return val; - } + timerId = setTimeout(increaseTimer , 1000); - + this._setData('timerRunning', true); + this._setData('timerId', timerId); + } + }, + /** Stop the timer + */ + stopTimer : function(){ + this._setData('timerRunning', false); + }, + _ : function(val, loc){ + return $.i18n.call($.ui.kFooter, val, loc); + }, + _n : function(val, loc){ + return $._n(val, loc); }, _init : function(){ var divDisplay = "inline"; var score = this.options.score; var total = this.options.total; - var layoutId = "h"; var self = this; var options = $.extend({}, $.ui.kFooter.defaults, this.options); @@ -161,115 +179,119 @@ this._setData('winScore', parseInt(options.winningScore)); this._setData('locale', options.locale); - if(this.options.layout === "vertical"){ - layoutId = "v"; - } - - this.element.addClass('ui-kFooter-container-' + layoutId + - ' ui-widget ui-widget-content ui-corner-all'); - - var $parent = $('<div>') - .attr('id', 'uiKFooter') - .addClass('ui-kFooter-spacing-' + layoutId); - this._scoreText = $("<div><span>" + this._("Score") + "</span></div>") - .addClass('ui-kFooter-spacing-'+ layoutId + - ' ui-corner-all ui-kFooter-text') - .appendTo($parent); - - this._score = $("<div><span>" + this._(score) + "</span></div>") - .addClass('ui-kFooter-spacing-' + layoutId + - ' ui-kFooter-text ui-kFooter-number-' + layoutId) - .appendTo($parent) - .find('span:first'); - - - $("<div><span>" + this._("Total") + "</span></div>") - .addClass('ui-kFooter-spacing-' + layoutId + - ' ui-corner-all ' + - 'ui-kFooter-text') - .appendTo($parent); - - this._total = $("<div><span>" + this._(total) + "</span></div>") - .addClass('ui-kFooter-spacing-' + layoutId + - ' ui-kFooter-text ui-kFooter-number-' + layoutId) - .appendTo($parent) - .find('span:first'); - - - var $templateBtn = $('<button></button>') - .addClass('ui-kFooter-spacing-' + layoutId + - ' ui-kFooter-button ' + - 'ui-corner-all ui-state-default') - .append( - $('<span></span>') - .addClass('ui-icon ' - + 'ui-kFooter-icon') - ) - .append( - $('<span></span>') - .addClass('centered') - ); - - if(options.restartButton){ - var $restartBtn = $templateBtn.clone() - .find('span:first') - .addClass('ui-icon-arrowrefresh-1-w') - .end() - .find('span:last') - .text(this._('Restart')) - .end() - .click(function(){ self.restart();}) - .appendTo($parent); - } + this.element.addClass('ui-widget ui-widget-content ' + + ' ui-kFooter'); + + + var $kFooter = $("<ul></ul>"); + + + if(options.scoreboard === true){ + + var $scoreboard = $("<li class='left'>" + this._("Score") + + "</li>" + "<li class='left'>" + + "<span id='kFooterScore' class='ui-corner-all number'>" + + this._n(score) + "</span></li>" + + "<li class='left'>" + this._("Total") + "</li>" + + "<li class='left'><span id='kFooterTotal' " + + "class='ui-corner-all number'>" + + this._n(total) + "</span></li>") + .appendTo($kFooter); + + this._score = $('#kFooterScore', $scoreboard); + this._total = $('#kFooterTotal', $scoreboard); + } - if(options.pauseButton){ + if(options.timer === true){ + this._$timer = $("<li class='left'>" + this._("Timer") + + "</li>" + + "<li class='left'><span id='kFooterMins'" + + "class='ui-corner-all" + + " number timer'>" + this._n("00") + + "</span></li>" + + "<li class='left'><span id='kFooterSecs'" + + "class='ui-corner-all " + + "number timer'>"+ this._n("00") + + "</span></li>") + .appendTo($kFooter); - var $pauseBtn = $templateBtn.clone() - .find('span:first') // - .removeClass('ui-icon-arrowrefresh-1-w') - .addClass('ui-icon-pause') - .end() - .find('span:last') - .text(this._('Pause')) - .end() - .click(function(){ - self.element.trigger('kFooterPause'); - }) - .appendTo($parent); + this._$timerMins = $('#kFooterMins', this._$timer); + this._$timerSecs = $('#kFooterSecs', this._$timer); } - if(options.startButton){ - var $startBtn = $templateBtn.clone() - .find('span:first') - //.removeClass('ui-icon-arrowrefresh-1-w') - .addClass('ui-icon-arrowreturnthick-1-s') - .end() - .find('span:last') - .text(this._('Start')) - .end() + //if options.checkAnswerBtn === true + + if (options.restartButton === true){ + var $restartButton = $("<li class='right'><button " + + "class='ui-corner-all ui-state-default'>" + + "<span class='ui-icon ui-icon-arrowrefresh-1-w'>" + + "</span>" + + "<span class='text left'>" + this._('Play Again') + + "</span></button></li>") .click(function(){ - self.element.trigger('kFooterStart'); - }) - .appendTo($parent); + self.startTimer(); + self.restart(); + }) + .appendTo($kFooter); + } + + if (options.pauseButton === true){ + var $pauseButton = $("<li class='right'><button " + + "class='ui-corner-all ui-state-default'>" + + "<span class='ui-icon ui-icon-pause'>" + + "</span>" + + "<span class='text left'>" + this._('Pause') + + "</span></button></li>") + .click(function(){ + self.stopTimer(); + self.element.trigger('kFooterPause'); + }) + .appendTo($kFooter); } - - $parent.find('button').hover( + if (options.startButton === true){ + var $startButton = $("<li class='right'><button " + + "class='ui-corner-all ui-state-default'>" + + "<span class='ui-icon ui-icon-play'>" + + "</span>" + + "<span class='text left'>" + this._('Start') + + "</span></button></li>") + .click(function(){ + self.startTimer(); + self.element.trigger('kFooterStart'); + }) + .appendTo($kFooter); + } + + $('button', $kFooter).hover( function(){ $(this).addClass("ui-state-hover"); }, function(){ $(this).removeClass("ui-state-hover"); }); + + + // Check if any html w/in this.element, if so wrap it in <li> </li> + // and add to $kFooter later + var $userHtml = this.element + .children() + .appendTo($kFooter); + - this.element.append($parent); + $userHtml.wrap('<li class="left"></li>'); + //get rid of userHtml + this.element.empty(); + + this.element.append($kFooter); + }, _refresh : function(){ - this._score.text(this._(this._getData('score'))); - this._total.text(this._(this._getData('total'))); + this._score.text(this._n(this._getData('score'))); + this._total.text(this._n(this._getData('total'))); }, /** Removes the kFooter widget and all related data from the DOM */ destroy : function(){ @@ -280,7 +302,10 @@ }); - $.ui.kFooter.getter = ['getScore', 'getTotal', '_convertNumLocale']; + $.ui.kFooter.getter = ['getScore', 'getTotal', '_n', '_' ]; + + $.ui.kFooter.i18n = {}; + /** Default settings for the kFooter widget * @namespace Default settings for the kFooter widget @@ -297,11 +322,6 @@ * @default 0 */ total: 0, - /** Initial layout, valid options are "horizontal" and "vertical" - * @type String - * @default "horizontal" - */ - layout: "horizontal", /** The score that will win the game * @type Number * @default 0 @@ -311,7 +331,12 @@ * @type String * @default "en" */ - locale: "en", + locale: "ne", + /** Display the scoreboard + * @type boolean + * @default true + */ + scoreboard: true, /** Display the Start Button * @type boolean * @default false @@ -326,7 +351,12 @@ * @type boolean * @default false */ - pauseButton: false + pauseButton: false, + /** Display the timer + * @type boolean + * @default false + */ + timer: false }; })(jQuery);
\ No newline at end of file diff --git a/js/ui.kFooter.ne.json~ b/js/ui.kFooter.ne.json~ deleted file mode 100644 index 8fadfaf..0000000 --- a/js/ui.kFooter.ne.json~ +++ /dev/null @@ -1,5 +0,0 @@ -$.ui.kFooter.i18n.ne = { -strings : { -"score":"अङ्क", "total": "जम्मा", "play again": "फेरी खेलौ", "pause": "खेल रोकौ", -"start": "सुरु गरौ" } -j};
\ No newline at end of file diff --git a/js/ui.kHeader.js~ b/js/ui.kHeader.js~ deleted file mode 100755 index e915764..0000000 --- a/js/ui.kHeader.js~ +++ /dev/null @@ -1,310 +0,0 @@ -/** -* @fileOverview a scoreboard widget -* @author Bryan Berry <bryan@olenepal.org> -* uses MIT License -*/ - - - -(function($){ - - // This is a dummy function, just here as placeholder to - // to make the jsdoc tool happy - /** @name $.ui.kFooter - * @namespace KFooter widget - * @example 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 /> - */ - $.ui.kFooter = function(){}; - - $.widget('ui.kFooter', - /** @lends $.ui.kFooter.prototype */ - { - /** Gets the current score - * @returns {Number} current score - */ - getScore : function(){ - return this._getData('score'); - }, - /** Sets the current score - * @param {Number} newScore new score - */ - setScore : function(newScore){ - this._setData('score', parseInt(newScore)); - this._refresh(); - }, - /** Gets the current total - * @returns {Number} current total - */ - getTotal : function(){ - return this._getData('total'); - }, - /** Sets the current total - * @param {Number} newTotal new total - */ - setTotal : function(newTotal){ - this._setData('total', parseInt(newTotal)); - this._refresh(); - }, - /** - * Resets the score and total to initial values and triggers - * the "kFooterRestart" event - */ - restart : function(){ - this.element.trigger('kFooterRestart'); - this._setData('score', this._getData('initialScore')); - this._setData('total', this._getData('initialTotal')); - this._refresh(); - }, - /** Increments the score by 1 or by the supplied numeric argument - * @param {Number} [val] increment value - */ - inc : function(val){ - var incVal = parseInt(val) || 1; - this._setData('score', this._getData('score') + incVal); - this._refresh(); - if(this._getData('winScore') === this._getData('score')){ - this.element.trigger('kFooterWinGame'); - } - }, - /** Increments the total by 1 or by the supplied numeric argument - * @param {Number} [val] increment value - */ - incTotal : function(val){ - var incVal = parseInt(val) || 1; - this._setData('total', this._getData('total') + incVal); - this._refresh(); - }, - /** Decrements the score by 1 or by the supplied numeric argument - * @param {Number} [val] decrement value - */ - dec : function(val){ - var decVal = parseInt(val) || 1; - this._setData('score', this._getData('score') - decVal); - this._refresh(); - }, - /** Decrements the total by 1 or by the supplied numeric argument - * @param {Number} [val] decrement value - */ - decTotal : function(val){ - var decVal = parseInt(val) || 1; - this._setData('total', this._getData('total') - decVal); - this._refresh(); - }, - _ : function(val, loc){ - var self = this; - var locale = self._getData('locale') || loc; - var convertNumLocale = function(num){ - //48 is the base for western numerals - var convertDigit = function(digit){ - - var numBase = 48; - var prefix = "u00"; - - if (self._getData('locale') === "ne"){ - prefix = "u0"; - numBase = 2406; - } - - return '\\' + prefix + - (numBase + parseInt(digit)).toString(16); - }; - - var charArray = num.toString().split("").map(convertDigit); - return eval('"' + charArray.join('') + '"'); - }; - - var convertStringLocale = function (str){ - if (self._getData('locale') === "ne"){ - switch(str){ - case "Score": - return "अङ्क"; - case "Total": - return "जम्मा"; - case "Play Again": - return "फेरी खेलौ"; - case "Pause": - return "खेल रोकौ"; - case "Start": - return "सुरु गरौ"; - default: - return "string not translated"; - } - } - return "String really not translated"; - }; - - - - if (typeof val === "number"){ - return convertNumLocale(val); - } - - if (locale !== "en"){ - return convertStringLocale(val); - }else { - return val; - } - - - }, - _init : function(){ - - var divDisplay = "inline"; - var score = this.options.score; - var total = this.options.total; - var self = this; - - var options = $.extend({}, $.ui.kFooter.defaults, this.options); - - this._setData('initialScore', parseInt(options.score)); - this._setData('initialTotal', parseInt(options.total)); - this._setData('score', parseInt(options.score)); - this._setData('total', parseInt(options.total)); - this._setData('winScore', parseInt(options.winningScore)); - this._setData('locale', options.locale); - - - this.element.addClass('ui-widget ui-widget-content ' + - ' ui-kFooter-container'); - - var $kFooter = $("<ul></ul>"); - - - if(options.scoreboard === true){ - - var $scoreboard = $("<li class='left'>" + this._("Score") + - "</li>" + "<li class='left'>" + - "<span id='kFooterScore' class='ui-corner-all number'>" + - this._(score) + "</span></li>" + - "<li class='left'>" + this._("Total") + "</li>" + - "<li class='left'><span id='kFooterTotal' " + - "class='ui-corner-all number'>" + - this._(total) + "</span></li>"); - - this._score = $('#kFooterScore', $scoreboard); - this._total = $('#kFooterTotal', $scoreboard); - - $kFooter.append($scoreboard); - } - - //need timer stuff - //if options.timer === true - - //if options.checkAnswerBtn === true - - if (options.restartButton === true){ - var $restartButton = $("<li class='right'><button " + - "class='ui-corner-all ui-state-default'>" + - "<span class='ui-icon ui-icon-arrowrefresh-1-w'>" + - "</span>" + - "<span class='text left'>" + this._('Play Again') + - "</span></button></li>") - .click(function(){ self.restart();}) - .appendTo($kFooter); - } - - if (options.pauseButton === true){ - var $pauseButton = $("<li class='right'><button " + - "class='ui-corner-all ui-state-default'>" + - "<span class='ui-icon ui-icon-pause'>" + - "</span>" + - "<span class='text left'>" + this._('Pause') + - "</span></button></li>") - .click(function(){ - self.element.trigger('kFooterPause'); - }) - .appendTo($kFooter); - } - - if (options.startButton === true){ - var $startButton = $("<li class='right'><button " + - "class='ui-corner-all ui-state-default'>" + - "<span class='ui-icon ui-icon-play'>" + - "</span>" + - "<span class='text left'>" + this._('Start') + - "</span></button></li>") - .click(function(){ - self.element.trigger('kFooterStart'); - }) - .appendTo($kFooter); - } - - $('button', $kFooter).hover( - function(){ - $(this).addClass("ui-state-hover"); - }, - function(){ - $(this).removeClass("ui-state-hover"); - }); - - - this.element.append($kFooter); - - }, - _refresh : function(){ - this._score.text(this._(this._getData('score'))); - this._total.text(this._(this._getData('total'))); - }, - /** Removes the kFooter widget and all related data from the DOM */ - destroy : function(){ - this.element.remove(); - $.widget.prototype.destroy.apply(this, arguments); - } - - - }); - - $.ui.kFooter.getter = ['getScore', 'getTotal', '_convertNumLocale']; - - /** Default settings for the kFooter widget - * @namespace Default settings for the kFooter widget - * @extends $.ui.kFooter - */ - $.ui.kFooter.defaults = { - /** Initial score - * @type Number - * @default 0 - */ - score: 0, - /** Initial total - * @type Number - * @default 0 - */ - total: 0, - /** The score that will win the game - * @type Number - * @default 0 - */ - winningScore: 0, - /** Default locale, valid options are "en" and "ne" - * @type String - * @default "en" - */ - locale: "ne", - /** Display the scoreboard - * @type boolean - * @default true - */ - scoreboard: true, - /** Display the Start Button - * @type boolean - * @default false - */ - startButton: true, - /** Display the Retart Button - * @type boolean - * @default true - */ - restartButton: true, - /** Display the Pause Button - * @type boolean - * @default false - */ - pauseButton: true - }; - - })(jQuery);
\ No newline at end of file diff --git a/js/ui.kHeader.ne.json~ b/js/ui.kHeader.ne.json~ deleted file mode 100644 index 85a1222..0000000 --- a/js/ui.kHeader.ne.json~ +++ /dev/null @@ -1,5 +0,0 @@ - -ui.kHeader.ne.json.strings = { - "Teacher's Note": "पाठविवरण", -"Lesson Plan":"पाठयोजना" -}
\ No newline at end of file diff --git a/list.html~ b/list.html~ deleted file mode 100755 index 23573b1..0000000 --- a/list.html~ +++ /dev/null @@ -1,19 +0,0 @@ -<table> - -<tbody><tr style="font-weight: bold"> - <td i18n-content="headerName">Name</td> - <td class="detailsColumn" i18n-content="headerSize">Size</td> - <td class="detailsColumn" i18n-content="headerDateModified">Date Modified</td> -</tr> -</tbody> - -<tr><td><a href="file:///home/hitman/karma/mainline/examples/2_English_HangmanNumbers/">2_English_HangmanNumbers/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr> -<tr><td><a href="file:///home/hitman/karma/mainline/examples/2_English_What_SomeOne_Is_Doing/">2_English_What_SomeOne_Is_Doing/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr> -<tr><td><a href="file:///home/hitman/karma/mainline/examples/2_Math_Adding_Numbers/">2_Math_Adding_Numbers/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr> -<tr><td><a href="file:///home/hitman/karma/mainline/examples/2_Maths_barGraph/">2_Maths_barGraph/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr> -<tr><td><a href="file:///home/hitman/karma/mainline/examples/2_Maths_Shapes/">2_Maths_Shapes/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr> -<tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_articles/">6_English_articles/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr> -<tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_crossword/">6_English_crossword/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_hangmanCityNames/">6_English_hangmanCityNames/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_matchingProductsAndWords/">6_English_matchingProductsAndWords/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_multipleChoiceActionVerb/">6_English_multipleChoiceActionVerb/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_prepositions/">6_English_prepositions/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_rajuAndTheWolf/">6_English_rajuAndTheWolf/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_sentencePractice1/">6_English_sentencePractice1/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_English_sentencePractice2/">6_English_sentencePractice2/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_Maths_linesAndLineSegments1/">6_Maths_linesAndLineSegments1/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_Maths_matchingAnglesAndShapes/">6_Maths_matchingAnglesAndShapes/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_Maths_matchingFactorsAndProducts/">6_Maths_matchingFactorsAndProducts/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/6_Maths_setsPictures/">6_Maths_setsPictures/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/15/10 7:51:29 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/adding_up_to_10/">adding_up_to_10/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 8:30:51 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Conozco_Uruguay/">Conozco_Uruguay/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/18/09 12:14:45 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/English_Alphabet_Puzzle_Solving/">English_Alphabet_Puzzle_Solving/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 6:38:51 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/English_Animal_Identification/">English_Animal_Identification/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/11/10 5:43:29 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/English_Color_Identification/">English_Color_Identification/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 8:30:51 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/English_Direction_of_Arrows/">English_Direction_of_Arrows/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 8:30:51 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/English_Matching_Words_and_Objects/">English_Matching_Words_and_Objects/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 2:59:22 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Math_Largest_Number_Identification/">Math_Largest_Number_Identification/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 2:59:22 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Math_Money_Identification/">Math_Money_Identification/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 6:15:42 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Math_Numeric_Puzzle_Solving/">Math_Numeric_Puzzle_Solving/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 6:36:47 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/NumberWords/">NumberWords/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/4/10 7:21:40 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/NumberWords-svg/">NumberWords-svg/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/4/10 7:21:40 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/old/">old/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/16/10 11:38:41 AM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/QuickMultiplication/">QuickMultiplication/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/7/10 2:08:25 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/tmp/">tmp/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/16/10 12:04:45 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/under_construction/">under_construction/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 2:59:22 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Birds/">Vocabulary_Birds/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:54 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Body_Parts/">Vocabulary_Body_Parts/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:54 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Clothes/">Vocabulary_Clothes/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:54 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Domestic_Animals/">Vocabulary_Domestic_Animals/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:54 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Foods/">Vocabulary_Foods/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Fruits/">Vocabulary_Fruits/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Objects/">Vocabulary_Objects/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Plants/">Vocabulary_Plants/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Profession/">Vocabulary_Profession/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Section/">Vocabulary_Section/</a></td><td class="detailsColumn"></td><td class="detailsColumn">12/20/09 2:59:22 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Structure/">Vocabulary_Structure/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_Transportation/">Vocabulary_Transportation/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr><tr><td><a href="file:///home/hitman/karma/mainline/examples/Vocabulary_WildAnimals/">Vocabulary_WildAnimals/</a></td><td class="detailsColumn"></td><td class="detailsColumn">1/10/10 2:29:55 PM</td></tr>" - - -</table>
\ No newline at end of file diff --git a/tools/xo_bundle/.mozilla/firefox/ukm0hbpm.default/bookmarks.bak b/tools/xo_bundle/.mozilla/firefox/ukm0hbpm.default/bookmarks.bak deleted file mode 100755 index bbf4a8c..0000000 --- a/tools/xo_bundle/.mozilla/firefox/ukm0hbpm.default/bookmarks.bak +++ /dev/null @@ -1,14 +0,0 @@ -<!DOCTYPE NETSCAPE-Bookmark-file-1> -<!-- This is an automatically generated file. - It will be read and overwritten. - DO NOT EDIT! --> -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> -<TITLE>Bookmarks</TITLE> -<H1 LAST_MODIFIED="1227692275">Bookmarks</H1> - -<DL><p> - <DT><H3 LAST_MODIFIED="1227692254" PERSONAL_TOOLBAR_FOLDER="true" ID="rdf:#$FvPhC3">Bookmarks Toolbar Folder</H3> -<DD>Add bookmarks to this folder to see them displayed on the Bookmarks Toolbar - <DL><p> - </DL><p> -</DL><p> diff --git a/tools/xo_bundle/firefox~ b/tools/xo_bundle/firefox~ deleted file mode 100755 index d6c9277..0000000 --- a/tools/xo_bundle/firefox~ +++ /dev/null @@ -1,142 +0,0 @@ -#!/bin/sh -# -# ***** BEGIN LICENSE BLOCK ***** -# Version: MPL 1.1/GPL 2.0/LGPL 2.1 -# -# The contents of this file are subject to the Mozilla Public License Version -# 1.1 (the "License"); you may not use this file except in compliance with -# the License. You may obtain a copy of the License at -# http://www.mozilla.org/MPL/ -# -# Software distributed under the License is distributed on an "AS IS" basis, -# WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License -# for the specific language governing rights and limitations under the -# License. -# -# The Original Code is mozilla.org code. -# -# The Initial Developer of the Original Code is -# Netscape Communications Corporation. -# Portions created by the Initial Developer are Copyright (C) 1998 -# the Initial Developer. All Rights Reserved. -# -# Contributor(s): -# -# Alternatively, the contents of this file may be used under the terms of -# either the GNU General Public License Version 2 or later (the "GPL"), or -# the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), -# in which case the provisions of the GPL or the LGPL are applicable instead -# of those above. If you wish to allow use of your version of this file only -# under the terms of either the GPL or the LGPL, and not to allow others to -# use your version of this file under the terms of the MPL, indicate your -# decision by deleting the provisions above and replace them with the notice -# and other provisions required by the GPL or the LGPL. If you do not delete -# the provisions above, a recipient may use your version of this file under -# the terms of any one of the MPL, the GPL or the LGPL. -# -# ***** END LICENSE BLOCK ***** - -## -## Usage: -## -## $ mozilla [args] -## -## This script is meant to run the application binary from mozilla/dist/bin. -## -## The script will setup all the environment voodoo needed to make -## the application binary to work. -## - -#uncomment for debugging -#set -x - -#moz_libdir=/usr/lib/firefox -moz_libdir=. - -# Use run-mozilla.sh in the current dir if it exists -# If not, then start resolving symlinks until we find run-mozilla.sh -found=0 -progname="$0" -curdir='.' #`dirname "$progname"` -progbase=`basename "$progname"` -run_moz="$curdir/run-mozilla.sh" -if test -x "$run_moz"; then - dist_bin="$curdir" - found=1 -else - here=`/bin/pwd` - while [ -h "$progname" ]; do - bn=`basename "$progname"` - cd `dirname "$progname"` - progname=`/bin/ls -l "$bn" | sed -e 's/^.* -> //' ` - progbase=`basename "$progname"` - if [ ! -x "$progname" ]; then - break - fi - curdir=`dirname "$progname"` - run_moz="$curdir/run-mozilla.sh" - if [ -x "$run_moz" ]; then - cd "$curdir" - dist_bin=`pwd` - run_moz="$dist_bin/run-mozilla.sh" - found=1 - break - fi - done - cd "$here" -fi -if [ $found = 0 ]; then - # Check default compile-time libdir - if [ -x "$moz_libdir/run-mozilla.sh" ]; then - dist_bin="$moz_libdir" - run_moz="$moz_libdir/run-mozilla.sh" - else - echo "Cannot find Firefox runtime directory. Exiting." - exit 1 - fi -fi - -script_args="" -debugging=0 -MOZILLA_BIN="${progbase}-bin" - -if [ "$OSTYPE" = "beos" ]; then - mimeset -F "$MOZILLA_BIN" -fi - -pass_arg_count=0 -while [ $# -gt $pass_arg_count ] -do - case "$1" in - -p | --pure | -pure) - MOZILLA_BIN="${MOZILLA_BIN}.pure" - shift - ;; - -g | --debug) - script_args="$script_args -g" - debugging=1 - shift - ;; - -d | --debugger) - script_args="$script_args -d $2" - shift 2 - ;; - *) - # Move the unrecognized argument to the end of the list. - arg="$1" - shift - set -- "$@" "$arg" - pass_arg_count=`expr $pass_arg_count + 1` - ;; - esac -done - -if [ $debugging = 1 ] -then - echo $dist_bin/run-mozilla.sh $script_args $dist_bin/$MOZILLA_BIN "$@" -fi -"$dist_bin/run-mozilla.sh" $script_args "$dist_bin/$MOZILLA_BIN" "$@" -exitcode=$? - -exit $exitcode -# EOF. diff --git a/tools/xo_bundle/run-mozilla-new.sh~ b/tools/xo_bundle/run-mozilla-new.sh~ deleted file mode 100755 index 45116b3..0000000 --- a/tools/xo_bundle/run-mozilla-new.sh~ +++ /dev/null @@ -1,401 +0,0 @@ -#!/bin/sh -# -# ***** BEGIN LICENSE BLOCK ***** -# Version: MPL 1.1/GPL 2.0/LGPL 2.1 -# -# The contents of this file are subject to the Mozilla Public License Version -# 1.1 (the "License"); you may not use this file except in compliance with -# the License. You may obtain a copy of the License at -# http://www.mozilla.org/MPL/ -# -# Software distributed under the License is distributed on an "AS IS" basis, -# WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License -# for the specific language governing rights and limitations under the -# License. -# -# The Original Code is mozilla.org code. -# -# The Initial Developer of the Original Code is -# Netscape Communications Corporation. -# Portions created by the Initial Developer are Copyright (C) 1998 -# the Initial Developer. All Rights Reserved. -# -# Contributor(s): -# -# Alternatively, the contents of this file may be used under the terms of -# either of the GNU General Public License Version 2 or later (the "GPL"), -# or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), -# in which case the provisions of the GPL or the LGPL are applicable instead -# of those above. If you wish to allow use of your version of this file only -# under the terms of either the GPL or the LGPL, and not to allow others to -# use your version of this file under the terms of the MPL, indicate your -# decision by deleting the provisions above and replace them with the notice -# and other provisions required by the GPL or the LGPL. If you do not delete -# the provisions above, a recipient may use your version of this file under -# the terms of any one of the MPL, the GPL or the LGPL. -# -# ***** END LICENSE BLOCK ***** -cmdname=`basename "$0"` -MOZ_DIST_BIN=`dirname "$0"` -MOZ_DEFAULT_NAME="./${cmdname}-bin" -MOZ_APPRUNNER_NAME="./mozilla-bin" -MOZ_VIEWER_NAME="./viewer" -MOZ_PROGRAM="" - -exitcode=0 -# -## -## Functions -## -########################################################################## -moz_usage() -{ -echo "Usage: ${cmdname} [options] [program]" -echo "" -echo " options:" -echo "" -echo " -g Run in debugger." -echo " --debug" -echo "" -echo " -d debugger Debugger to use." -echo " --debugger debugger" -echo "" -echo " Examples:" -echo "" -echo " Run the viewer" -echo "" -echo " ${cmdname} viewer" -echo "" -echo " Run the mozilla-bin binary" -echo "" -echo " ${cmdname} mozilla-bin" -echo "" -echo " Debug the viewer in a debugger" -echo "" -echo " ${cmdname} -g viewer" -echo "" -echo " Debug the mozilla-bin binary in gdb" -echo "" -echo " ${cmdname} -g mozilla-bin -d gdb" -echo "" - return 0 -} -########################################################################## -moz_bail() -{ - message=$1 - echo - echo "$cmdname: $message" - echo - exit 1 -} -########################################################################## -moz_test_binary() -{ - binary=$1 - if [ -f "$binary" ] - then - if [ -x "$binary" ] - then - return 1 - fi - fi - return 0 -} -########################################################################## -moz_get_debugger() -{ - debuggers="ddd gdb dbx bdb" - debugger="notfound" - done="no" - for d in $debuggers - do - moz_test_binary /bin/which - if [ $? -eq 1 ] - then - dpath=`which ${d}` - else - dpath=`LC_MESSAGES=C type ${d} | awk '{print $3;}' | sed -e 's/\.$//'` - fi - if [ -x "$dpath" ] - then - debugger=$dpath - break - fi - done - echo $debugger - return 0 -} -########################################################################## -moz_run_program() -{ - prog=$MOZ_PROGRAM - ## - ## Make sure the program is executable - ## - if [ ! -x "$prog" ] - then - moz_bail "Cannot execute $prog." - fi - ## - ## Run the program - ## - "$prog" ${1+"$@"} - exitcode=$? -} -########################################################################## -moz_debug_program() -{ - prog=$MOZ_PROGRAM - ## - ## Make sure the program is executable - ## - if [ ! -x "$prog" ] - then - moz_bail "Cannot execute $prog." - fi - if [ -n "$moz_debugger" ] - then - moz_test_binary /bin/which - if [ $? -eq 1 ] - then - debugger=`which $moz_debugger` - else - debugger=`LC_MESSAGES=C type $moz_debugger | awk '{print $3;}' | sed -e 's/\.$//'` - fi - else - debugger=`moz_get_debugger` - fi - if [ -x "$debugger" ] - then - tmpfile=`mktemp /tmp/mozargs.XXXXXX` || { echo "Cannot create temporary file" >&2; exit 1; } - trap " [ -f \"$tmpfile\" ] && /bin/rm -f -- \"$tmpfile\"" 0 1 2 3 13 15 - # echo -n isn't portable, so pipe through perl -pe chomp instead - echo "set args" | perl -pe 'chomp' > $tmpfile - for PARAM in "$@" - do - echo " '$PARAM'" | perl -pe 'chomp' >> $tmpfile - done - echo >> $tmpfile -# If you are not using ddd, gdb and know of a way to convey the arguments -# over to the prog then add that here- Gagan Saksena 03/15/00 - case `basename $debugger` in - gdb) echo "$debugger $prog -x $tmpfile" - $debugger "$prog" -x $tmpfile - exitcode=$? - ;; - ddd) echo "$debugger --debugger \"gdb -x $tmpfile\" $prog" - $debugger --debugger "gdb -x $tmpfile" "$prog" - exitcode=$? - ;; - *) echo "$debugger $prog ${1+"$@"}" - $debugger "$prog" ${1+"$@"} - exitcode=$? - ;; - esac - else - echo "Could not find a debugger on your system." - fi -} -########################################################################## -## -## Command line arg defaults -## -moz_debug=0 -moz_debugger="" -# -## -## Parse the command line -## -while [ $# -gt 0 ] -do - case $1 in - -g | --debug) - moz_debug=1 - shift - ;; - -d | --debugger) - moz_debugger=$2; - if [ "${moz_debugger}" != "" ]; then - shift 2 - else - echo "-d requires an argument" - exit 1 - fi - ;; - *) - break; - ;; - esac -done -# -## -## Program name given in $1 -## -if [ $# -gt 0 ] -then - MOZ_PROGRAM=$1 - shift -fi -## -## Program not given, try to guess a default -## -if [ -z "$MOZ_PROGRAM" ] -then - ## - ## Try this script's name with '-bin' appended - ## - if [ -x "$MOZ_DEFAULT_NAME" ] - then - MOZ_PROGRAM=$MOZ_DEFAULT_NAME - ## Try viewer (this should be deprecated) - ## - elif [ -x "$MOZ_VIEWER_NAME" ] - then - MOZ_PROGRAM=$MOZ_VIEWER_NAME - ## - ## Try mozilla-bin - ## - elif [ -x "$MOZ_APPRUNNER_NAME" ] - then - MOZ_PROGRAM=$MOZ_APPRUNNER_NAME - fi -fi -# -# -## -## Make sure the program is executable -## -if [ ! -x "$MOZ_PROGRAM" ] -then - moz_bail "Cannot execute $MOZ_PROGRAM." -fi -# -## -## Set MOZILLA_FIVE_HOME -## -MOZILLA_FIVE_HOME=$MOZ_DIST_BIN - -if [ -z "$MRE_HOME" ]; then - MRE_HOME=$MOZILLA_FIVE_HOME -fi -## -## Set LD_LIBRARY_PATH -## -## On Solaris we use $ORIGIN (set in RUNPATH) instead of LD_LIBRARY_PATH -## to locate shared libraries. -## -## When a shared library is a symbolic link, $ORIGIN will be replaced with -## the real path (i.e., what the symbolic link points to) by the runtime -## linker. For example, if dist/bin/libxul.so is a symbolic link to -## toolkit/library/libxul.so, $ORIGIN will be "toolkit/library" instead of "dist/bin". -## So the runtime linker will use "toolkit/library" NOT "dist/bin" to locate the -## other shared libraries that libxul.so depends on. This only happens -## when a user (developer) tries to start firefox, thunderbird, or seamonkey -## under dist/bin. To solve the problem, we should rely on LD_LIBRARY_PATH -## to locate shared libraries. -## -## Note: -## We test $MOZ_DIST_BIN/*.so. If any of them is a symbolic link, -## we need to set LD_LIBRARY_PATH. -########################################################################## -moz_should_set_ld_library_path() -{ - [ `uname -s` != "SunOS" ] && return 0 - for sharedlib in $MOZ_DIST_BIN/*.so - do - [ -h $sharedlib ] && return 0 - done - return 1 -} -if moz_should_set_ld_library_path -then - LD_LIBRARY_PATH=${MOZ_DIST_BIN}:${MOZ_DIST_BIN}/plugins:${MRE_HOME}${LD_LIBRARY_PATH+":$LD_LIBRARY_PATH"} -fi - -if [ -n "$LD_LIBRARYN32_PATH" ] -then - LD_LIBRARYN32_PATH=${MOZ_DIST_BIN}:${MOZ_DIST_BIN}/plugins:${MRE_HOME}${LD_LIBRARYN32_PATH+":$LD_LIBRARYN32_PATH"} -fi -if [ -n "$LD_LIBRARYN64_PATH" ] -then - LD_LIBRARYN64_PATH=${MOZ_DIST_BIN}:${MOZ_DIST_BIN}/plugins:${MRE_HOME}${LD_LIBRARYN64_PATH+":$LD_LIBRARYN64_PATH"} -fi -if [ -n "$LD_LIBRARY_PATH_64" ]; then - LD_LIBRARY_PATH_64=${MOZ_DIST_BIN}:${MOZ_DIST_BIN}/plugins:${MRE_HOME}${LD_LIBRARY_PATH_64+":$LD_LIBRARY_PATH_64"} -fi -# -# -## Set SHLIB_PATH for HPUX -SHLIB_PATH=${MOZ_DIST_BIN}:${MRE_HOME}${SHLIB_PATH+":$SHLIB_PATH"} -# -## Set LIBPATH for AIX -LIBPATH=${MOZ_DIST_BIN}:${MRE_HOME}${LIBPATH+":$LIBPATH"} -# -## Set DYLD_LIBRARY_PATH for Mac OS X (Darwin) -DYLD_LIBRARY_PATH=${MOZ_DIST_BIN}:${MRE_HOME}${DYLD_LIBRARY_PATH+":$DYLD_LIBRARY_PATH"} -# -## Set LIBRARY_PATH for BeOS -LIBRARY_PATH=${MOZ_DIST_BIN}:${MOZ_DIST_BIN}/components:${MRE_HOME}${LIBRARY_PATH+":$LIBRARY_PATH"} -# -## Set ADDON_PATH for BeOS -ADDON_PATH=${MOZ_DIST_BIN}${ADDON_PATH+":$ADDON_PATH"} -# -## Solaris Xserver(Xsun) tuning - use shared memory transport if available -if [ "$XSUNTRANSPORT" = "" ] -then - XSUNTRANSPORT="shmem" - XSUNSMESIZE="512" - export XSUNTRANSPORT XSUNSMESIZE -fi - -# Disable Gnome crash dialog -GNOME_DISABLE_CRASH_DIALOG=1 -export GNOME_DISABLE_CRASH_DIALOG - -if [ "$moz_debug" -eq 1 ] -then - echo "MOZILLA_FIVE_HOME=$MOZILLA_FIVE_HOME" - echo " LD_LIBRARY_PATH=$LD_LIBRARY_PATH" - if [ -n "$LD_LIBRARYN32_PATH" ] - then - echo "LD_LIBRARYN32_PATH=$LD_LIBRARYN32_PATH" - fi - if [ -n "$LD_LIBRARYN64_PATH" ] - then - echo "LD_LIBRARYN64_PATH=$LD_LIBRARYN64_PATH" - fi - if [ -n "$LD_LIBRARY_PATH_64" ]; then - echo "LD_LIBRARY_PATH_64=$LD_LIBRARY_PATH_64" - fi - if [ -n "$DISPLAY" ]; then - echo "DISPLAY=$DISPLAY" - fi - if [ -n "$FONTCONFIG_PATH" ]; then - echo "FONTCONFIG_PATH=$FONTCONFIG_PATH" - fi - if [ -n "$MOZILLA_POSTSCRIPT_PRINTER_LIST" ]; then - echo "MOZILLA_POSTSCRIPT_PRINTER_LIST=$MOZILLA_POSTSCRIPT_PRINTER_LIST" - fi - echo "DYLD_LIBRARY_PATH=$DYLD_LIBRARY_PATH" - echo " LIBRARY_PATH=$LIBRARY_PATH" - echo " SHLIB_PATH=$SHLIB_PATH" - echo " LIBPATH=$LIBPATH" - echo " ADDON_PATH=$ADDON_PATH" - echo " MOZ_PROGRAM=$MOZ_PROGRAM" - echo " MOZ_TOOLKIT=$MOZ_TOOLKIT" - echo " moz_debug=$moz_debug" - echo " moz_debugger=$moz_debugger" -fi -# -export MOZILLA_FIVE_HOME LD_LIBRARY_PATH -export SHLIB_PATH LIBPATH LIBRARY_PATH ADDON_PATH DYLD_LIBRARY_PATH - -if [ $moz_debug -eq 1 ] -then - moz_debug_program ${1+"$@"} -else - moz_run_program ${1+"$@"} -fi - -exit $exitcode |
