updated jsdocs but more work needs to be done

author: Bryan Berry <bryan@olenepal.org> 2009-12-15 09:14:30 (GMT)
committer: Bryan Berry <bryan@olenepal.org> 2009-12-15 09:14:30 (GMT)
commit: 46c60aa625c8909193d9582f1663ef6d8962d5d6 (patch)
tree: 8b8dfaeec66c1c894af8e76d6ea1d6e915779c0d
parent: f401a66195fb51ec7764c728a8bab8f64232d4ac (diff)
14 files changed, 2028 insertions, 765 deletions
diff --git a/docs/files.html b/docs/files.html
index 4ea9e91..d1c5241 100644
--- a/docs/files.html
+++ b/docs/files.html
@@ -228,7 +228,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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:38 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
 \ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index aa138a7..db3e20c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -228,7 +228,8 @@ ul.inheritsList
 			
 			<div>
 				<h2><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></h2>
-				This object is the prototype for audio files
+				This object is the prototype for audio files submitted to Karma in the
+Karma() method
 			</div>
 			<hr />
 			
@@ -241,7 +242,8 @@ Karma() method
 			
 			<div>
 				<h2><a href="symbols/Karma.kImage.html">Karma.kImage</a></h2>
-				This object is the prototype for images
+				This object is the prototype for images submitted to Karma in the
+ Karma() method
 			</div>
 			<hr />
 			
@@ -254,7 +256,8 @@ Karma() method
 			
 			<div>
 				<h2><a href="symbols/Karma.kVideo.html">Karma.kVideo</a></h2>
-				This object is the prototype for video files
+				Not Yet Implemented:This object is the prototype for video files submitted 
+to Karma in the Karma() method
 			</div>
 			<hr />
 			
@@ -262,7 +265,7 @@ 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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:38 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.KImage.html b/docs/symbols/Karma.KImage.html
new file mode 100644
index 0000000..d4bd4ef
--- /dev/null
+++ b/docs/symbols/Karma.KImage.html
@@ -0,0 +1,345 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - Karma.KImage</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Karma Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Objects and Functions</h2>
+<ul class="classList">
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.karma.html">Karma.karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.KImage.html">Karma.KImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Class Karma.KImage
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				
+			
+				This object is the prototype for images submitted to Karma in the
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/mainline_js_karma.js.html">karma.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Karma.KImage.">
+				<caption>Class Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/Karma.KImage.html#constructor">Karma.KImage</a></b>(config)
+							</div>
+							<div class="description">Prototypal object for images</div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Class Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>Karma.KImage</b>(config)
+				</div>
+				
+				<div class="description">
+					Prototypal object for images
+					
+				</div>
+				
+				
+				
+				<pre class="code"> kImage is the prototype object for images. This 'media' asset is loaded 
+ in a distinctly different way from the canvas or svg assets.</pre>
+				
+				
+				
+				
+					
+						<dl class="detailList">
+						<dt class="heading">Parameters:</dt>
+						
+							<dt>
+								 <b>config</b>
+								
+							</dt>
+								<dd></dd>
+						
+						</dl>
+					
+					
+					
+					
+						<dl class="detailList">
+						<dt class="heading">Throws:</dt>
+						
+							<dt>
+								<span class="light fixedFont">{Error}</span>  <b></b>
+							</dt>
+								<dd>if the image asset is set to be localized but 
+ the global locale is not set on the Karma.karma object</dd>
+						
+							<dt>
+								<span class="light fixedFont">{Error}</span>  <b></b>
+							</dt>
+								<dd>if the name and file properties are not supplied</dd>
+						
+						</dl>
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== 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 Tue Dec 15 2009 12:42:56 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/Karma.html b/docs/symbols/Karma.html
index 9b6ecd5..df97f62 100644
--- a/docs/symbols/Karma.html
+++ b/docs/symbols/Karma.html
@@ -296,7 +296,7 @@ then extends it with the properties of the second argument</div>
 								<div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.create">create</a></b>(parent)
 								</div>
 								<div class="description">This emulates the Object.create method in ecmascript 5 spec
-This isn't a full implementation as it doesn't support
+This isn't a full implementation as it doesn't support an all of Object.create's features
 This has the same functionality as Crockford's beget method
 and this primary building block for prototypal inheritance in
 this library</div>
@@ -574,7 +574,7 @@ been extended with properties of parent2</dd>
 					</div>
 					<div class="description">
 						This emulates the Object.create method in ecmascript 5 spec
-This isn't a full implementation as it doesn't support
+This isn't a full implementation as it doesn't support an all of Object.create's features
 This has the same functionality as Crockford's beget method
 and this primary building block for prototypal inheritance in
 this library
@@ -681,7 +681,7 @@ the source object
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 11:43:57 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:37 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kAudio.html b/docs/symbols/Karma.kAudio.html
index 442fa74..16e4455 100644
--- a/docs/symbols/Karma.kAudio.html
+++ b/docs/symbols/Karma.kAudio.html
@@ -222,7 +222,8 @@ ul.inheritsList
 				
 				
 			
-				This object is the prototype for audio files
+				This object is the prototype for audio files submitted to Karma in the
+Karma() method
 				
 				
 					<br /><i>Defined in: </i> <a href="../symbols/src/mainline_js_karma.js.html">karma.js</a>.
@@ -433,7 +434,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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:37 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kCanvas.html b/docs/symbols/Karma.kCanvas.html
index 6c0e4d4..5b3f96e 100644
--- a/docs/symbols/Karma.kCanvas.html
+++ b/docs/symbols/Karma.kCanvas.html
@@ -370,6 +370,116 @@ parameters supplied, clears entire canvas</div>
 							</td>
 						</tr>
 					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.font">font</a></b>()
+								</div>
+								<div class="description">Sets the font property and takes the same syntax as setting the font property 
+ in CSS
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.globalAlpha">globalAlpha</a></b>(number)
+								</div>
+								<div class="description">The globalAlpha attribute gives an alpha value that is applied to shapes 
+and images before they are composited onto the canvas</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.globalCompositeOperation">globalCompositeOperation</a></b>(globalCompositeOperation)
+								</div>
+								<div class="description">Sets the globalCompositeOperation attribute, which sets how shapes and images 
+are drawn onto the existing bitmap, once they have had globalAlpha and the 
+current transformation matrix applied.</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineCap">lineCap</a></b>(type)
+								</div>
+								<div class="description">The lineCap attribute defines the type of endings that UAs will place on 
+the end of lines.</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineJoin">lineJoin</a></b>(type)
+								</div>
+								<div class="description">The lineJoin attribute defines the type of corners that UAs will place 
+where two lines meet.</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.lineWidth">lineWidth</a></b>(lineWidth)
+								</div>
+								<div class="description">Sets the lineWidth attribute which gives the width of lines, in coordinate space 
+units.</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.miterLimit">miterLimit</a></b>(number)
+								</div>
+								<div class="description">Sets the miter limit 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.someAttribute">someAttribute</a></b>()
+								</div>
+								<div class="description">description 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.somefunction">somefunction</a></b>()
+								</div>
+								<div class="description">description 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a></div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.textAlign">textAlign</a></b>(alignment)
+								</div>
+								<div class="description">Changes the text alignment.</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">Karma.kCanvas.<b><a href="../symbols/Karma.kCanvas.html#.textBaseline">textBaseline</a></b>(alignment)
+								</div>
+								<div class="description">Changes the baseline alignment.</div>
+							</td>
+						</tr>
+					
 					</tbody>
 				</table>
 				
@@ -708,6 +818,501 @@ entire height of canvas</dd>
 						
 						
 
+					<hr />
+				
+					<a name=".font"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>font</b>()
+					
+					</div>
+					<div class="description">
+						Sets the font property and takes the same syntax as setting the font property 
+ in CSS
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{String}</span> <b></b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".globalAlpha"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>globalAlpha</b>(number)
+					
+					</div>
+					<div class="description">
+						The globalAlpha attribute gives an alpha value that is applied to shapes 
+and images before they are composited onto the canvas
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>number</b>
+									
+								</dt>
+								<dd>in the range from 0.0 to 1.0</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".globalCompositeOperation"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>globalCompositeOperation</b>(globalCompositeOperation)
+					
+					</div>
+					<div class="description">
+						Sets the globalCompositeOperation attribute, which sets how shapes and images 
+are drawn onto the existing bitmap, once they have had globalAlpha and the 
+current transformation matrix applied.
+For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{String}</span> <b>globalCompositeOperation</b>
+									
+								</dt>
+								<dd>source-atop, 
+source-in, source-out, 
+source-over, destination-atop, destination-in, destination-out, destination-over,
+lighter</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".lineCap"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>lineCap</b>(type)
+					
+					</div>
+					<div class="description">
+						The lineCap attribute defines the type of endings that UAs will place on 
+the end of lines.  
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{String}</span> <b>type</b>
+									
+								</dt>
+								<dd>butt, round, square</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".lineJoin"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>lineJoin</b>(type)
+					
+					</div>
+					<div class="description">
+						The lineJoin attribute defines the type of corners that UAs will place 
+where two lines meet. The three valid values are bevel, round, and miter. 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{String}</span> <b>type</b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".lineWidth"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>lineWidth</b>(lineWidth)
+					
+					</div>
+					<div class="description">
+						Sets the lineWidth attribute which gives the width of lines, in coordinate space 
+units.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>lineWidth</b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".miterLimit"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>miterLimit</b>(number)
+					
+					</div>
+					<div class="description">
+						Sets the miter limit 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>number</b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".someAttribute"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>someAttribute</b>()
+					
+					</div>
+					<div class="description">
+						description 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<b></b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".somefunction"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>somefunction</b>()
+					
+					</div>
+					<div class="description">
+						description 
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<b></b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".textAlign"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>textAlign</b>(alignment)
+					
+					</div>
+					<div class="description">
+						Changes the text alignment. The possible values are start, end, left, right, 
+and center. The default is start. Other values are ignored.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{string}</span> <b>alignment</b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name=".textBaseline"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					
+					<span class="light">Karma.kCanvas.</span><b>textBaseline</b>(alignment)
+					
+					</div>
+					<div class="description">
+						Changes the baseline alignment. If the value is one of top, hanging, middle, 
+alphabetic, ideographic, or bottom, then the value must be changed to the new value.
+ For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{String}</span> <b>alignment</b>
+									
+								</dt>
+								<dd></dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd>this</dd>
+							
+							</dl>
+						
+						
+						
+
 					
 				
 			
@@ -722,7 +1327,7 @@ entire height of canvas</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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:38 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kImage.html b/docs/symbols/Karma.kImage.html
index b1bad5a..0d5677a 100644
--- a/docs/symbols/Karma.kImage.html
+++ b/docs/symbols/Karma.kImage.html
@@ -222,7 +222,8 @@ ul.inheritsList
 				
 				
 			
-				This object is the prototype for images
+				This object is the prototype for images submitted to Karma in the
+ Karma() method
 				
 				
 					<br /><i>Defined in: </i> <a href="../symbols/src/mainline_js_karma.js.html">karma.js</a>.
@@ -429,7 +430,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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:38 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kSvg.html b/docs/symbols/Karma.kSvg.html
index d42b04f..ed7495a 100644
--- a/docs/symbols/Karma.kSvg.html
+++ b/docs/symbols/Karma.kSvg.html
@@ -694,7 +694,7 @@ 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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:38 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kVideo.html b/docs/symbols/Karma.kVideo.html
index d5edf3c..c61c2cc 100644
--- a/docs/symbols/Karma.kVideo.html
+++ b/docs/symbols/Karma.kVideo.html
@@ -222,7 +222,8 @@ ul.inheritsList
 				
 				
 			
-				This object is the prototype for video files
+				Not Yet Implemented:This object is the prototype for video files submitted 
+to Karma in the Karma() method
 				
 				
 					<br /><i>Defined in: </i> <a href="../symbols/src/mainline_js_karma.js.html">karma.js</a>.
@@ -317,15 +318,6 @@ ul.inheritsList
 				
 				
 				
-				<pre class="code"> kAudio is the prototype object for audio
- The audio assets are loaded in a distinctly different way
- from the canvas or svg assets. They also have distinctly different
- helper methods 
- 
- You initialize the kVideo assets by passing an array of objects</pre>
-				
-				
-				
 				
 					
 					
@@ -337,7 +329,7 @@ ul.inheritsList
 							<dt>
 								<span class="light fixedFont">{Error}</span>  <b></b>
 							</dt>
-								<dd>if the individual audio asset is set to be localized but 
+								<dd>if the individual video asset is set to be localized but 
  the globale locale is not set on the Karma.karma object</dd>
 						
 							<dt>
@@ -433,7 +425,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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:38 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.karma.html b/docs/symbols/Karma.karma.html
index 6c5e2e8..48a6e75 100644
--- a/docs/symbols/Karma.karma.html
+++ b/docs/symbols/Karma.karma.html
@@ -395,7 +395,7 @@ methods added to each reference</div>
 							<td class="nameDescription">
 								<div class="fixedFont">Karma.karma.<b><a href="../symbols/Karma.karma.html#.ready">ready</a></b>(cb)
 								</div>
-								<div class="description">Waits until all assets loaded, i.e.</div>
+								<div class="description">Waits until all assets loaded(ready), then calls callback cb</div>
 							</td>
 						</tr>
 					
@@ -537,7 +537,7 @@ methods added to each reference
 					<a name=".locale"> </a>
 					<div class="fixedFont">&lt;static&gt; 
 					
-					<span class="light">{string}</span>
+					
 					<span class="light">Karma.karma.</span><b>locale</b>
 					
 					</div>
@@ -900,7 +900,7 @@ var num = rand(0, 10);
 					
 					</div>
 					<div class="description">
-						Waits until all assets loaded, i.e. ready, then calls callback
+						Waits until all assets loaded(ready), then calls callback cb
 						
 						
 					</div>
@@ -911,7 +911,8 @@ var num = rand(0, 10);
 var k = Karma({ . . . your assets here . . . });
 k.ready(function(){ .. your code here . . .});
 
-your code will not be called until all assets have been loaded</pre>
+your code will not be called until all assets have been loaded
+into collections</pre>
 					
 					
 					
@@ -966,7 +967,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 Tue Dec 15 2009 11:43:58 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:37 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/_global_.html b/docs/symbols/_global_.html
index 5128fd0..b1963cf 100644
--- a/docs/symbols/_global_.html
+++ b/docs/symbols/_global_.html
@@ -257,7 +257,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 Tue Dec 15 2009 11:43:57 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Dec 15 2009 14:58:37 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/src/mainline_js_karma.js.html b/docs/symbols/src/mainline_js_karma.js.html
index 48ae214..855e619 100644
--- a/docs/symbols/src/mainline_js_karma.js.html
+++ b/docs/symbols/src/mainline_js_karma.js.html
@@ -125,7 +125,7 @@
 <span class='line'>118</span> </span><span class="COMM">//helper functions</span><span class="WHIT">
 <span class='line'>119</span> 
 <span class='line'>120</span> </span><span class="COMM">/**This emulates the Object.create method in ecmascript 5 spec
-<span class='line'>121</span>  * This isn't a full implementation as it doesn't support
+<span class='line'>121</span>  * This isn't a full implementation as it doesn't support an all of Object.create's features
 <span class='line'>122</span>  * This has the same functionality as Crockford's beget method
 <span class='line'>123</span>  * and this primary building block for prototypal inheritance in
 <span class='line'>124</span>  * this library
@@ -226,12 +226,12 @@
 <span class='line'>219</span> 
 <span class='line'>220</span> 
 <span class='line'>221</span> </span><span class="COMM">/** Stores global settings for the Karma library
-<span class='line'>222</span>  * @class This object stores the global settings for the Karma library
-<span class='line'>223</span>  */</span><span class="WHIT">
+<span class='line'>222</span>   *  @class This object stores the global settings for the Karma library
+<span class='line'>223</span>   */</span><span class="WHIT">
 <span class='line'>224</span> </span><span class="NAME">Karma.karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">      
 <span class='line'>225</span>     </span><span class="COMM">/** This is the global locale as passed to Karma(),
 <span class='line'>226</span>      * such as "en", "es_SP"
-<span class='line'>227</span>      * @type string
+<span class='line'>227</span>      * @property {string} locale This is the global locale as passed to Karma()
 <span class='line'>228</span>      * @default undefined
 <span class='line'>229</span>      */</span><span class="WHIT">
 <span class='line'>230</span> </span><span class="WHIT">    </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT">
@@ -273,107 +273,107 @@
 <span class='line'>266</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'>267</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'>268</span> 
-<span class='line'>269</span> </span><span class="WHIT">    </span><span class="COMM">//init initializes all the assets passed to Karma, that's it</span><span class="WHIT">
-<span class='line'>270</span> </span><span class="WHIT">    </span><span class="COMM">//it returns 'this' so it can be used for function chaining</span><span class="WHIT">
-<span class='line'>271</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'>272</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'>273</span> </span><span class="WHIT">	
-<span class='line'>274</span> 	</span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT">
-<span class='line'>275</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'>276</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'>277</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'>278</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'>279</span> 
-<span class='line'>280</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'>281</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'>282</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'>283</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'>284</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'>285</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'>286</span> 
-<span class='line'>287</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'>288</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'>289</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'>269</span> </span><span class="WHIT">    </span><span class="COMM">//This constructs the Karma.karma object per values provided by the user</span><span class="WHIT">
+<span class='line'>270</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'>271</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'>272</span> </span><span class="WHIT">	
+<span class='line'>273</span> 	</span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT">
+<span class='line'>274</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'>275</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'>276</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'>277</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'>278</span> 
+<span class='line'>279</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'>280</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'>281</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'>282</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'>283</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'>284</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'>285</span> 
+<span class='line'>286</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'>287</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'>288</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'>289</span> 
 <span class='line'>290</span> 
-<span class='line'>291</span> 
-<span class='line'>292</span> </span><span class="WHIT">	</span><span class="COMM">//chain the functions for kCanvas and kSvg</span><span class="WHIT">
-<span class='line'>293</span> </span><span class="WHIT">	</span><span class="NAME">Karma._makeChain.call</span><span class="PUNC">(</span><span class="NAME">Karma.kCanvas</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>294</span> 	    </span><span class="NAME">Karma.kCanvas._chainingFunctions</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>295</span> </span><span class="WHIT">	</span><span class="COMM">//Karma._makeChain.apply(Karma.kSvg, Karma.kSvg._chainingFunctions);</span><span class="WHIT">
+<span class='line'>291</span> </span><span class="WHIT">	</span><span class="COMM">//chain the functions for kCanvas and kSvg</span><span class="WHIT">
+<span class='line'>292</span> </span><span class="WHIT">	</span><span class="NAME">Karma._makeChain.call</span><span class="PUNC">(</span><span class="NAME">Karma.kCanvas</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>293</span> 			      </span><span class="NAME">Karma.kCanvas._chainingFunctions</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>294</span> </span><span class="WHIT">	</span><span class="COMM">//Karma._makeChain.apply(Karma.kSvg, Karma.kSvg._chainingFunctions);</span><span class="WHIT">
+<span class='line'>295</span> 
 <span class='line'>296</span> 
-<span class='line'>297</span> 
-<span class='line'>298</span> </span><span class="WHIT">	
-<span class='line'>299</span> 	</span><span class="COMM">//regular expression that matches the name of aprivate property</span><span class="WHIT">
-<span class='line'>300</span> </span><span class="WHIT">	</span><span class="COMM">// the karma object</span><span class="WHIT">
-<span class='line'>301</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'>302</span> </span><span class="WHIT">	
-<span class='line'>303</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'>304</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'>305</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'>306</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'>307</span> 		    
-<span class='line'>308</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'>309</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'>310</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'>311</span> </span><span class="WHIT">			</span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>312</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>313</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'>314</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'>315</span> </span><span class="WHIT">		    </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>316</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>317</span> </span><span class="WHIT">		
-<span class='line'>318</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'>319</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'>320</span> 
-<span class='line'>321</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'>322</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'>323</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'>324</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'>325</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'>326</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'>327</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>328</span> </span><span class="WHIT">		    
-<span class='line'>329</span> 		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>330</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'>331</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'>332</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'>333</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>334</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'>335</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'>336</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'>337</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>338</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'>339</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'>340</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'>341</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>342</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'>343</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'>344</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'>345</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>346</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'>347</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'>348</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'>349</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>350</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>351</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>352</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>297</span> </span><span class="WHIT">	
+<span class='line'>298</span> 	</span><span class="COMM">//regular expression that matches the name of aprivate property</span><span class="WHIT">
+<span class='line'>299</span> </span><span class="WHIT">	</span><span class="COMM">// the karma object</span><span class="WHIT">
+<span class='line'>300</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'>301</span> </span><span class="WHIT">	
+<span class='line'>302</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'>303</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'>304</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'>305</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'>306</span> 		    
+<span class='line'>307</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'>308</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'>309</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'>310</span> </span><span class="WHIT">			</span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>311</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>312</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'>313</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'>314</span> </span><span class="WHIT">		    </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>315</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>316</span> </span><span class="WHIT">		
+<span class='line'>317</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'>318</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'>319</span> 
+<span class='line'>320</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'>321</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'>322</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'>323</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'>324</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'>325</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'>326</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>327</span> </span><span class="WHIT">		    
+<span class='line'>328</span> 		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>329</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'>330</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'>331</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'>332</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>333</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'>334</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'>335</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'>336</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>337</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'>338</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'>339</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'>340</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>341</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'>342</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'>343</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'>344</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>345</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'>346</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'>347</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'>348</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>349</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>350</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>351</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>352</span> 
 <span class='line'>353</span> 
 <span class='line'>354</span> 
-<span class='line'>355</span> 
-<span class='line'>356</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'>357</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>358</span> </span><span class="WHIT">    
-<span class='line'>359</span>     </span><span class="COMM">/** Waits until all assets loaded, i.e. ready, then calls callback
-<span class='line'>360</span>      * @param {Function} [cb] callback function
-<span class='line'>361</span>      * @returns this
-<span class='line'>362</span>      * @throws {Error} if Karma.karma is not initialized with the 
-<span class='line'>363</span>      * Karma({ options }) function
-<span class='line'>364</span>      * @example
-<span class='line'>365</span>      * 
-<span class='line'>366</span>      * var k = Karma({ . . . your assets here . . . });
-<span class='line'>367</span>      * k.ready(function(){ .. your code here . . .});
-<span class='line'>368</span>      * 
-<span class='line'>369</span>      * your code will not be called until all assets have been loaded
+<span class='line'>355</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'>356</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>357</span> </span><span class="WHIT">    
+<span class='line'>358</span>     </span><span class="COMM">/** Waits until all assets loaded(ready), then calls callback cb
+<span class='line'>359</span>      * @param {Function} [cb] callback function
+<span class='line'>360</span>      * @returns this
+<span class='line'>361</span>      * @throws {Error} if Karma.karma is not initialized with the 
+<span class='line'>362</span>      * Karma({ options }) function
+<span class='line'>363</span>      * @example
+<span class='line'>364</span>      * 
+<span class='line'>365</span>      * var k = Karma({ . . . your assets here . . . });
+<span class='line'>366</span>      * k.ready(function(){ .. your code here . . .});
+<span class='line'>367</span>      * 
+<span class='line'>368</span>      * your code will not be called until all assets have been loaded
+<span class='line'>369</span>      * into collections
 <span class='line'>370</span>      * 
 <span class='line'>371</span>      */</span><span class="WHIT">
 <span class='line'>372</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">
@@ -535,620 +535,765 @@
 <span class='line'>528</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>529</span> 
 <span class='line'>530</span> 
-<span class='line'>531</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'>532</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'>533</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'>534</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'>535</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'>536</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'>537</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'>538</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>539</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'>540</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'>541</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>542</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'>543</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'>544</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>545</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'>546</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'>547</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>548</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'>549</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'>550</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>551</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>552</span> 
-<span class='line'>553</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'>554</span> </span><span class="WHIT">	</span><span class="NAME">Karma.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'>555</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>556</span> </span><span class="WHIT">		       
-<span class='line'>557</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'>558</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>559</span> 
-<span class='line'>560</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT">
+<span class='line'>531</span> 
+<span class='line'>532</span> 
+<span class='line'>533</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'>534</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'>535</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'>536</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'>537</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'>538</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'>539</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'>540</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>541</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'>542</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'>543</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>544</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'>545</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'>546</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>547</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'>548</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'>549</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>550</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'>551</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'>552</span> </span><span class="WHIT">		</span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>553</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>554</span> 
+<span class='line'>555</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'>556</span> </span><span class="WHIT">	</span><span class="NAME">Karma.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'>557</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>558</span> </span><span class="WHIT">		       
+<span class='line'>559</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'>560</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>561</span> 
 <span class='line'>562</span> 
-<span class='line'>563</span> </span><span class="COMM">/** Prototypal object for images
-<span class='line'>564</span>  *  @class This object is the prototype for images
-<span class='line'>565</span>  *  @ throws {Error} if the image asset is set to be localized but 
-<span class='line'>566</span>  *  the global locale is not set on the Karma.karma object
-<span class='line'>567</span>  *  @ throws {Error} if the name and file properties are not supplied
-<span class='line'>568</span>  *  @example
-<span class='line'>569</span>  *  kImage is the prototype object for images. This 'media' asset is loaded 
-<span class='line'>570</span>  *  in a distinctly different way from the canvas or svg assets.    
-<span class='line'>571</span>  */</span><span class="WHIT">
-<span class='line'>572</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>573</span> </span><span class="WHIT">    </span><span class="COMM">/** file location of image
-<span class='line'>574</span>      * @type String
-<span class='line'>575</span>      * @default ""
-<span class='line'>576</span>      */</span><span class="WHIT">
-<span class='line'>577</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'>578</span> </span><span class="WHIT">    </span><span class="COMM">/** media object
-<span class='line'>579</span>      * @type Image
-<span class='line'>580</span>      * @default undefined 
-<span class='line'>581</span>      */</span><span class="WHIT">	
-<span class='line'>582</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'>583</span> </span><span class="WHIT">    </span><span class="COMM">//actual path to the file</span><span class="WHIT">
-<span class='line'>584</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'>585</span> </span><span class="WHIT">    </span><span class="COMM">//if using localized version of this image</span><span class="WHIT">
-<span class='line'>586</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'>587</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'>588</span>     </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT">
-<span class='line'>589</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'>590</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'>591</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>592</span> 
-<span class='line'>593</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'>594</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'>595</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'>596</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'>597</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'>598</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>599</span> 
-<span class='line'>600</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'>601</span> 	
-<span class='line'>602</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'>603</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'>604</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.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'>605</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'>606</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.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'>563</span> 
+<span class='line'>564</span> 
+<span class='line'>565</span> 
+<span class='line'>566</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT">
+<span class='line'>567</span> 
+<span class='line'>568</span> 
+<span class='line'>569</span> </span><span class="COMM">/** Prototypal object for images
+<span class='line'>570</span>  *  @class This object is the prototype for images submitted to Karma in the
+<span class='line'>571</span>  *  Karma() method
+<span class='line'>572</span>  *  @ throws {Error} if the image asset is set to be localized but 
+<span class='line'>573</span>  *  the global locale is not set on the Karma.karma object
+<span class='line'>574</span>  *  @ throws {Error} if the name and file properties are not supplied
+<span class='line'>575</span>  *  @example
+<span class='line'>576</span>  *  kImage is the prototype object for images. This 'media' asset is loaded 
+<span class='line'>577</span>  *  in a distinctly different way from the canvas or svg assets.    
+<span class='line'>578</span>  *
+<span class='line'>579</span>  */</span><span class="WHIT">
+<span class='line'>580</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> 
+<span class='line'>581</span>     </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>582</span> </span><span class="WHIT">    </span><span class="COMM">/** file location of image
+<span class='line'>583</span>      * @type String
+<span class='line'>584</span>      * @default ""
+<span class='line'>585</span>      */</span><span class="WHIT">
+<span class='line'>586</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'>587</span> </span><span class="WHIT">    </span><span class="COMM">/** media object
+<span class='line'>588</span>      * @type Image
+<span class='line'>589</span>      * @default undefined 
+<span class='line'>590</span>      */</span><span class="WHIT">	
+<span class='line'>591</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'>592</span> </span><span class="WHIT">    </span><span class="COMM">//actual path to the file</span><span class="WHIT">
+<span class='line'>593</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'>594</span> </span><span class="WHIT">    </span><span class="COMM">//if using localized version of this image</span><span class="WHIT">
+<span class='line'>595</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'>596</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'>597</span>     </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT">
+<span class='line'>598</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'>599</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'>600</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>601</span> 
+<span class='line'>602</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'>603</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'>604</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'>605</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'>606</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'>607</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>608</span> 
-<span class='line'>609</span> </span><span class="WHIT">	</span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
-<span class='line'>610</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'>611</span> </span><span class="WHIT">	
-<span class='line'>612</span> 	</span><span class="COMM">//add event handlers</span><span class="WHIT">
-<span class='line'>613</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'>614</span> 
-<span class='line'>615</span> </span><span class="WHIT">	
-<span class='line'>616</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'>617</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>618</span> </span><span class="WHIT">    </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
-<span class='line'>619</span> </span><span class="WHIT">    </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT">
-<span class='line'>620</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'>621</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'>622</span> 
-<span class='line'>623</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>624</span> </span><span class="WHIT">	    </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>625</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'>626</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>627</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>628</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'>629</span> </span><span class="WHIT">	
-<span class='line'>630</span> 	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>631</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>632</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'>633</span> 		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>634</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'>635</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'>636</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'>637</span> 		</span><span class="NAME">Karma.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'>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="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>640</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>641</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>642</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'>643</span> 		</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>644</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'>645</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'>646</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'>647</span> 		</span><span class="NAME">Karma.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'>648</span> 
-<span class='line'>649</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'>650</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>651</span> </span><span class="WHIT">    
-<span class='line'>652</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>653</span> 
-<span class='line'>654</span> </span><span class="COMM">/** Prototypal object for audio files 
-<span class='line'>655</span>  *  @class This object is the prototype for audio files
-<span class='line'>656</span>  *  @ throws {Error} if the individual audio asset is set to be localized but 
-<span class='line'>657</span>  *  the globale locale is not set on the Karma.karma object
-<span class='line'>658</span>  *  @ throws {Error} if the name and file properties are not supplied
-<span class='line'>659</span>  *  @example
-<span class='line'>660</span>  *  kAudio is the prototype object for audio
-<span class='line'>661</span>  *  The audio assets are loaded in a distinctly different way
-<span class='line'>662</span>  *  from the canvas or svg assets. They also have distinctly different
-<span class='line'>663</span>  *  helper methods 
-<span class='line'>664</span>  *  
-<span class='line'>665</span>  *  You initialize the kAudio assets by passing an array of objects
-<span class='line'>666</span>  */</span><span class="WHIT">
-<span class='line'>667</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'>668</span> </span><span class="WHIT">    </span><span class="COMM">/** file location of asset
-<span class='line'>669</span>      * @type String
-<span class='line'>670</span>      * @default ""
-<span class='line'>671</span>      */</span><span class="WHIT">
-<span class='line'>672</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'>673</span> </span><span class="WHIT">    </span><span class="COMM">/** media object
-<span class='line'>674</span>      * @type Audio
-<span class='line'>675</span>      * @default undefined 
-<span class='line'>676</span>      */</span><span class="WHIT">	
-<span class='line'>677</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'>678</span> </span><span class="WHIT">    </span><span class="COMM">//actual path to the file</span><span class="WHIT">
-<span class='line'>679</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'>680</span> </span><span class="WHIT">    </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT">
-<span class='line'>681</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'>682</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'>683</span>     </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT">
-<span class='line'>684</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'>685</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'>686</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>687</span> 
-<span class='line'>688</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'>689</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'>690</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'>691</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'>692</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'>693</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>694</span> 
-<span class='line'>695</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'>696</span> 	
-<span class='line'>697</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'>698</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'>699</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.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'>609</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'>610</span> 	
+<span class='line'>611</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'>612</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'>613</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.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'>614</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'>615</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.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'>616</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>617</span> 
+<span class='line'>618</span> </span><span class="WHIT">	</span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
+<span class='line'>619</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'>620</span> </span><span class="WHIT">	
+<span class='line'>621</span> 	</span><span class="COMM">//add event handlers</span><span class="WHIT">
+<span class='line'>622</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'>623</span> 
+<span class='line'>624</span> </span><span class="WHIT">	
+<span class='line'>625</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'>626</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>627</span> </span><span class="WHIT">    </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
+<span class='line'>628</span> </span><span class="WHIT">    </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT">
+<span class='line'>629</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'>630</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'>631</span> 
+<span class='line'>632</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>633</span> </span><span class="WHIT">	    </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>634</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'>635</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>636</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</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">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'>638</span> </span><span class="WHIT">	
+<span class='line'>639</span> 	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>640</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>641</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'>642</span> 		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>643</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'>644</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'>645</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'>646</span> 		</span><span class="NAME">Karma.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'>647</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>648</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>649</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>650</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>651</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'>652</span> 		</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>653</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'>654</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'>655</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'>656</span> 		</span><span class="NAME">Karma.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'>657</span> 
+<span class='line'>658</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'>659</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>660</span> </span><span class="WHIT">    
+<span class='line'>661</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>662</span> 
+<span class='line'>663</span> </span><span class="COMM">/** Prototypal object for audio files 
+<span class='line'>664</span>  *  @class This object is the prototype for audio files submitted to Karma in the
+<span class='line'>665</span>  * Karma() method
+<span class='line'>666</span>  *  @ throws {Error} if the individual audio asset is set to be localized but 
+<span class='line'>667</span>  *  the globale locale is not set on the Karma.karma object
+<span class='line'>668</span>  *  @ throws {Error} if the name and file properties are not supplied
+<span class='line'>669</span>  *  @example
+<span class='line'>670</span>  *  kAudio is the prototype object for audio
+<span class='line'>671</span>  *  The audio assets are loaded in a distinctly different way
+<span class='line'>672</span>  *  from the canvas or svg assets. They also have distinctly different
+<span class='line'>673</span>  *  helper methods 
+<span class='line'>674</span>  *  
+<span class='line'>675</span>  *  You initialize the kAudio assets by passing an array of objects
+<span class='line'>676</span>  */</span><span class="WHIT">
+<span class='line'>677</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'>678</span> </span><span class="WHIT">    </span><span class="COMM">/** file location of asset
+<span class='line'>679</span>      * @type String
+<span class='line'>680</span>      * @default ""
+<span class='line'>681</span>      */</span><span class="WHIT">
+<span class='line'>682</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'>683</span> </span><span class="WHIT">    </span><span class="COMM">/** media object
+<span class='line'>684</span>      * @type Audio
+<span class='line'>685</span>      * @default undefined 
+<span class='line'>686</span>      */</span><span class="WHIT">	
+<span class='line'>687</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'>688</span> </span><span class="WHIT">    </span><span class="COMM">//actual path to the file</span><span class="WHIT">
+<span class='line'>689</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'>690</span> </span><span class="WHIT">    </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT">
+<span class='line'>691</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'>692</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'>693</span>     </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT">
+<span class='line'>694</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'>695</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'>696</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>697</span> 
+<span class='line'>698</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'>699</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'>700</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'>701</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.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'>702</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>703</span> 
+<span class='line'>701</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'>702</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'>703</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>704</span> 
-<span class='line'>705</span> </span><span class="WHIT">	</span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
-<span class='line'>706</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'>707</span> </span><span class="WHIT">	
-<span class='line'>708</span> 	</span><span class="COMM">//add event handlers</span><span class="WHIT">
-<span class='line'>709</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'>710</span> 
-<span class='line'>711</span> </span><span class="WHIT">	</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._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="PUNC">{</span><span class="WHIT">
-<span class='line'>712</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'>713</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'>714</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>715</span> 
-<span class='line'>716</span> </span><span class="WHIT">	
-<span class='line'>717</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'>718</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>719</span> </span><span class="WHIT">    </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
-<span class='line'>720</span> </span><span class="WHIT">    </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT">
-<span class='line'>721</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'>722</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'>723</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'>724</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'>705</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'>706</span> 	
+<span class='line'>707</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'>708</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'>709</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.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'>710</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'>711</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.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'>712</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>713</span> 
+<span class='line'>714</span> 
+<span class='line'>715</span> </span><span class="WHIT">	</span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
+<span class='line'>716</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'>717</span> </span><span class="WHIT">	
+<span class='line'>718</span> 	</span><span class="COMM">//add event handlers</span><span class="WHIT">
+<span class='line'>719</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'>720</span> 
+<span class='line'>721</span> </span><span class="WHIT">	</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._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="PUNC">{</span><span class="WHIT">
+<span class='line'>722</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'>723</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'>724</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>725</span> 
-<span class='line'>726</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>727</span> </span><span class="WHIT">	    </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>728</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'>729</span> 		</span><span class="NAME">Karma.karma._counters.loaded</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">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>731</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'>732</span> </span><span class="WHIT">	
-<span class='line'>733</span> 	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>734</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>735</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'>736</span> 		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>737</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'>738</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'>739</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'>740</span> 		</span><span class="NAME">Karma.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'>741</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>742</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>743</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>744</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>726</span> </span><span class="WHIT">	
+<span class='line'>727</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'>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="WHIT">    </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
+<span class='line'>730</span> </span><span class="WHIT">    </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT">
+<span class='line'>731</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'>732</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'>733</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'>734</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'>735</span> 
+<span class='line'>736</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>737</span> </span><span class="WHIT">	    </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>738</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'>739</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>740</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>741</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'>742</span> </span><span class="WHIT">	
+<span class='line'>743</span> 	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>744</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
 <span class='line'>745</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'>746</span> 		</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>747</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'>748</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'>749</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'>746</span> 		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>747</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'>748</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'>749</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'>750</span> 		</span><span class="NAME">Karma.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'>751</span> 
-<span class='line'>752</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'>753</span> 
-<span class='line'>754</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>755</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'>756</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'>757</span>     </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>758</span> </span><span class="WHIT">    
-<span class='line'>759</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>760</span> 
-<span class='line'>761</span> </span><span class="COMM">/** NYI:Prototypal object for Video files 
-<span class='line'>762</span>  *  @class This object is the prototype for video files
-<span class='line'>763</span>  *  @ throws {Error} if the individual audio asset is set to be localized but 
-<span class='line'>764</span>  *  the globale locale is not set on the Karma.karma object
-<span class='line'>765</span>  *  @ throws {Error} if the name and file properties are not supplied
-<span class='line'>766</span>  *  @example
-<span class='line'>767</span>  *  kAudio is the prototype object for audio
-<span class='line'>768</span>  *  The audio assets are loaded in a distinctly different way
-<span class='line'>769</span>  *  from the canvas or svg assets. They also have distinctly different
-<span class='line'>770</span>  *  helper methods 
-<span class='line'>771</span>  *  
-<span class='line'>772</span>  *  You initialize the kVideo assets by passing an array of objects
-<span class='line'>773</span>  */</span><span class="WHIT">
-<span class='line'>774</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'>775</span> </span><span class="WHIT">    </span><span class="COMM">/** file location of asset
-<span class='line'>776</span>      * @type String
-<span class='line'>777</span>      * @default ""
-<span class='line'>778</span>      */</span><span class="WHIT">
-<span class='line'>779</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'>780</span> </span><span class="WHIT">    </span><span class="COMM">/** media object
-<span class='line'>781</span>      * @type Video
-<span class='line'>782</span>      * @default undefined 
-<span class='line'>783</span>      */</span><span class="WHIT">	
-<span class='line'>784</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'>785</span> </span><span class="WHIT">    </span><span class="COMM">//actual path to the file</span><span class="WHIT">
-<span class='line'>786</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'>787</span> </span><span class="WHIT">    </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT">
-<span class='line'>788</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'>789</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'>790</span>     </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT">
-<span class='line'>791</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'>792</span> </span><span class="WHIT">	</span><span class="COMM">//Not Yet Implemented</span><span class="WHIT">
-<span class='line'>793</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>794</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'>795</span> 
-<span class='line'>796</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'>797</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>798</span> 
-<span class='line'>799</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'>800</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'>801</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'>802</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'>803</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'>804</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>805</span> 
-<span class='line'>806</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'>807</span> 	
-<span class='line'>808</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'>809</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'>810</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.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'>811</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'>812</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.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'>813</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>814</span> 
-<span class='line'>815</span> 
-<span class='line'>816</span> </span><span class="WHIT">	</span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
-<span class='line'>817</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'>818</span> </span><span class="WHIT">	
-<span class='line'>819</span> 	</span><span class="COMM">//add event handlers</span><span class="WHIT">
-<span class='line'>820</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'>821</span> 
-<span class='line'>822</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'>823</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>824</span> </span><span class="WHIT">    </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
-<span class='line'>825</span> </span><span class="WHIT">    </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT">
-<span class='line'>826</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'>827</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'>828</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'>829</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'>830</span> 
-<span class='line'>831</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>832</span> </span><span class="WHIT">	    </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>833</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'>834</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>835</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>836</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'>837</span> </span><span class="WHIT">	
-<span class='line'>838</span> 	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>839</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>840</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'>841</span> 		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>842</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'>843</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'>844</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'>845</span> 		</span><span class="NAME">Karma.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'>846</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>847</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>848</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>849</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>850</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'>851</span> 		</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>852</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'>853</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'>854</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'>855</span> 		</span><span class="NAME">Karma.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'>856</span> 
-<span class='line'>857</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'>858</span> 
-<span class='line'>859</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>860</span> </span><span class="WHIT">    
-<span class='line'>861</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>751</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>752</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>753</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>754</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>755</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'>756</span> 		</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>757</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'>758</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'>759</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'>760</span> 		</span><span class="NAME">Karma.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'>761</span> 
+<span class='line'>762</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'>763</span> 
+<span class='line'>764</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>765</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'>766</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'>767</span>     </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>768</span> </span><span class="WHIT">    
+<span class='line'>769</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>770</span> 
+<span class='line'>771</span> </span><span class="COMM">/** NYI:Prototypal object for Video files 
+<span class='line'>772</span>  *  @class Not Yet Implemented:This object is the prototype for video files submitted 
+<span class='line'>773</span>  * to Karma in the Karma() method
+<span class='line'>774</span>  *  @ throws {Error} if the individual video asset is set to be localized but 
+<span class='line'>775</span>  *  the globale locale is not set on the Karma.karma object
+<span class='line'>776</span>  *  @ throws {Error} if the name and file properties are not supplied
+<span class='line'>777</span>  */</span><span class="WHIT">
+<span class='line'>778</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'>779</span> </span><span class="WHIT">    </span><span class="COMM">/** file location of asset
+<span class='line'>780</span>      * @type String
+<span class='line'>781</span>      * @default ""
+<span class='line'>782</span>      */</span><span class="WHIT">
+<span class='line'>783</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'>784</span> </span><span class="WHIT">    </span><span class="COMM">/** media object
+<span class='line'>785</span>      * @type Video
+<span class='line'>786</span>      * @default undefined 
+<span class='line'>787</span>      */</span><span class="WHIT">	
+<span class='line'>788</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'>789</span> </span><span class="WHIT">    </span><span class="COMM">//actual path to the file</span><span class="WHIT">
+<span class='line'>790</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'>791</span> </span><span class="WHIT">    </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT">
+<span class='line'>792</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'>793</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'>794</span>     </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT">
+<span class='line'>795</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'>796</span> </span><span class="WHIT">	</span><span class="COMM">//Not Yet Implemented</span><span class="WHIT">
+<span class='line'>797</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>798</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'>799</span> 
+<span class='line'>800</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'>801</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>802</span> 
+<span class='line'>803</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'>804</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'>805</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'>806</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'>807</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'>808</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>809</span> 
+<span class='line'>810</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'>811</span> 	
+<span class='line'>812</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'>813</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'>814</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.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'>815</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'>816</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.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'>817</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>818</span> 
+<span class='line'>819</span> 
+<span class='line'>820</span> </span><span class="WHIT">	</span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT">
+<span class='line'>821</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'>822</span> </span><span class="WHIT">	
+<span class='line'>823</span> 	</span><span class="COMM">//add event handlers</span><span class="WHIT">
+<span class='line'>824</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'>825</span> 
+<span class='line'>826</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'>827</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>828</span> </span><span class="WHIT">    </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT">
+<span class='line'>829</span> </span><span class="WHIT">    </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT">
+<span class='line'>830</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'>831</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'>832</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'>833</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'>834</span> 
+<span class='line'>835</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>836</span> </span><span class="WHIT">	    </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>837</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'>838</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>839</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>840</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'>841</span> </span><span class="WHIT">	
+<span class='line'>842</span> 	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>843</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>844</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'>845</span> 		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>846</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'>847</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'>848</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'>849</span> 		</span><span class="NAME">Karma.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'>850</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>851</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>852</span> </span><span class="WHIT">	</span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>853</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>854</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'>855</span> 		</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>856</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'>857</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'>858</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'>859</span> 		</span><span class="NAME">Karma.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'>860</span> 
+<span class='line'>861</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'>862</span> 
-<span class='line'>863</span> 
-<span class='line'>864</span> 
-<span class='line'>865</span> </span><span class="COMM">/** Prototypal object for each canvas element submitted to Karma in the
-<span class='line'>866</span>  * Karma() method
-<span class='line'>867</span>  * @throws {Error} if the name and domId for the canvas element are not specified
-<span class='line'>868</span>  * @thows {Error} if the supplied domId does not match an element in the DOM
-<span class='line'>869</span>  * @class This object is the prototype for each canvas element submitted to Karma in the
+<span class='line'>863</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>864</span> </span><span class="WHIT">    
+<span class='line'>865</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>866</span> 
+<span class='line'>867</span> 
+<span class='line'>868</span> 
+<span class='line'>869</span> </span><span class="COMM">/** Prototypal object for each canvas element submitted to Karma in the
 <span class='line'>870</span>  * Karma() method
-<span class='line'>871</span>  */</span><span class="WHIT">
-<span class='line'>872</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'>873</span> </span><span class="WHIT">    </span><span class="COMM">/** Name of the canvas, used internally by karma.js
-<span class='line'>874</span>      * @type String
-<span class='line'>875</span>      * @default ''
-<span class='line'>876</span>      */</span><span class="WHIT">
-<span class='line'>877</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'>878</span> </span><span class="WHIT">    </span><span class="COMM">/** Width of canvas element
-<span class='line'>879</span>      * @type Number
-<span class='line'>880</span>      * @default 0
-<span class='line'>881</span>      */</span><span class="WHIT">
-<span class='line'>882</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'>883</span> </span><span class="WHIT">    </span><span class="COMM">/** Height of canvas element
-<span class='line'>884</span>      * @type Number
-<span class='line'>885</span>      * @default 0
-<span class='line'>886</span>      */</span><span class="WHIT">
-<span class='line'>887</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'>888</span> </span><span class="WHIT">    </span><span class="COMM">/**  Whether canvas is visible
-<span class='line'>889</span>      * @type boolean
-<span class='line'>890</span>      * @default true
-<span class='line'>891</span>      */</span><span class="WHIT">
-<span class='line'>892</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'>893</span> </span><span class="WHIT">    </span><span class="COMM">/** Element ID for canvas element in html document
-<span class='line'>894</span>      * @type String
-<span class='line'>895</span>      * @default undefined
-<span class='line'>896</span>      */</span><span class="WHIT">
-<span class='line'>897</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'>898</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the DOM element
-<span class='line'>899</span>      * @type DOMElement
-<span class='line'>900</span>      * @default undefined
-<span class='line'>901</span>      */</span><span class="WHIT">
-<span class='line'>902</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'>903</span> </span><span class="WHIT">    </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas
-<span class='line'>904</span>      * @type 2DRenderingContext
-<span class='line'>905</span>      * @default undefined
-<span class='line'>906</span>      */</span><span class="WHIT">
-<span class='line'>907</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'>908</span> 
-<span class='line'>909</span> </span><span class="WHIT">    </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT">
-<span class='line'>910</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'>911</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'>912</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'>913</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'>914</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'>915</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'>916</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>917</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'>918</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'>919</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>920</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'>921</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'>922</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'>923</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'>924</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>925</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'>926</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>927</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'>928</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'>929</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'>930</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'>931</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>932</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'>933</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>934</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'>935</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'>936</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>937</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>938</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>939</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>940</span> </span><span class="WHIT">	
-<span class='line'>941</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'>942</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'>943</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'>944</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'>945</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'>946</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'>947</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>948</span> 
-<span class='line'>949</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'>950</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'>951</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'>952</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>953</span> 
-<span class='line'>954</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'>955</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>956</span> </span><span class="WHIT">    </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no
-<span class='line'>957</span>      * parameters supplied, clears entire canvas
-<span class='line'>958</span>      * @param {Number} [x=0] x coordinate, defaults to zero if left blank
-<span class='line'>959</span>      * @param {Number} [y=0] y coordinate, defaults to zero if left blank  
-<span class='line'>960</span>      * @param {Number} [width=0] width of area to be cleared, defaults 
-<span class='line'>961</span>      * entire width of canvas
-<span class='line'>962</span>      * @param {Number} [height=0] height of area to be cleared, defaults 
-<span class='line'>963</span>      * entire height of canvas
-<span class='line'>964</span>      * @returns this
-<span class='line'>965</span>      * @example
-<span class='line'>966</span>      * 
-<span class='line'>967</span>      * k.canvas.ninja.clear();
-<span class='line'>968</span>      * // clears the entire ninja canvas
-<span class='line'>969</span>      * 
-<span class='line'>970</span>      * k.canvas.ninja.clear(0, 10, 20, 30);
-<span class='line'>971</span>      * //clears a specific portion of the ninja canvas
-<span class='line'>972</span>      * 
-<span class='line'>973</span>      */</span><span class="WHIT">
-<span class='line'>974</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'>975</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'>976</span> </span><span class="WHIT">	</span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>977</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'>978</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'>979</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'>980</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'>981</span> </span><span class="WHIT">	</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>982</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'>983</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>984</span> </span><span class="WHIT">  
-<span class='line'>985</span>     </span><span class="COMM">//These are all properties or methods of the canvas element's</span><span class="WHIT">
-<span class='line'>986</span> </span><span class="WHIT">    </span><span class="COMM">//2 dimensional context</span><span class="WHIT">
-<span class='line'>987</span> </span><span class="WHIT">    </span><span class="NAME">_chainingFunctions</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="WHIT">
-<span class='line'>988</span> </span><span class="WHIT">	</span><span class="STRN">"globalAlpha"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"globalCompositeOperation"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"lineWidth"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"lineCap"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>989</span> 	</span><span class="STRN">"lineJoin"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"miterLimit"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"font"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"textAlign"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"textBaseline"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"save"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>990</span> 	</span><span class="STRN">"restore"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"scale"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rotate"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"translate"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"transform"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"setTransform"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>991</span> 	</span><span class="STRN">"clearRect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fillRect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"strokeRect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"beginPath"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"closePath"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>992</span> 	</span><span class="STRN">"moveTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"lineTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"quadraticCurveTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"bezierCurveTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"arcTo"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>993</span> 	</span><span class="STRN">"arc"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fill"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"stroke"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"clip"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fillText"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"strokeText"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>994</span> 	</span><span class="STRN">"measureText"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"isPointInPath"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"strokeStyle"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fillStyle"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>995</span> 	</span><span class="STRN">"createLinearGradient"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"createRadialGradient"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"createPattern"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>996</span> 	</span><span class="STRN">"shadowOffsetX"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"shadowOffsetY"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"shadowBlur"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"shadowColor"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>997</span> 	</span><span class="COMM">//"mozTextStyle", "mozDrawText", "mozMeasureText", "mozPathText", </span><span class="WHIT">
-<span class='line'>998</span> </span><span class="WHIT">	</span><span class="STRN">"mozTextAlongPath"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"drawImage"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"getImageData"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"putImageData"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>999</span> 	</span><span class="STRN">"createImageData"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"drawWindow"</span><span class="WHIT">
-<span class='line'>1000</span> </span><span class="WHIT">    </span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>1001</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1002</span> 
-<span class='line'>1003</span> 
-<span class='line'>1004</span> </span><span class="COMM">/** Prototypal object for each svg element submitted to Karma in the
-<span class='line'>1005</span>  * Karma() method
-<span class='line'>1006</span>  * @throws {Error} if the name and domId for the svg element are not specified
-<span class='line'>1007</span>  * @thows {Error} if the supplied domId does not match an element in the DOM
-<span class='line'>1008</span>  * @class This object is the prototype for each svg element submitted to Karma in the
-<span class='line'>1009</span>  * Karma() method
-<span class='line'>1010</span>  */</span><span class="WHIT">
-<span class='line'>1011</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'>1012</span> </span><span class="WHIT">    </span><span class="COMM">/** name of instance, used internally 
-<span class='line'>1013</span>      * @typeof string
-<span class='line'>1014</span>      * @default ""
-<span class='line'>1015</span>      */</span><span class="WHIT">
-<span class='line'>1016</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'>1017</span> </span><span class="WHIT">    </span><span class="COMM">/** width of element 
-<span class='line'>1018</span>      * @type number
-<span class='line'>1019</span>      * @default 0
-<span class='line'>1020</span>      */</span><span class="WHIT">
-<span class='line'>1021</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'>1022</span> </span><span class="WHIT">    </span><span class="COMM">/** height of element 
-<span class='line'>1023</span>      * @type number
-<span class='line'>1024</span>      * @default 0
-<span class='line'>1025</span>      */</span><span class="WHIT">
-<span class='line'>1026</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'>1027</span> </span><span class="WHIT">    </span><span class="COMM">/** Status of element, either "loaded" or "error"
-<span class='line'>1028</span>      * @type string
-<span class='line'>1029</span>      * @default ""
-<span class='line'>1030</span>      */</span><span class="WHIT">
-<span class='line'>1031</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'>1032</span> </span><span class="WHIT">    </span><span class="COMM">/**  Whether canvas is visible
-<span class='line'>1033</span>      * @type boolean
-<span class='line'>1034</span>      * @default true
-<span class='line'>1035</span>      */</span><span class="WHIT">
-<span class='line'>1036</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'>1037</span> </span><span class="WHIT">    </span><span class="COMM">/** Element ID for canvas element in html document
-<span class='line'>1038</span>      * @type String
-<span class='line'>1039</span>      * @default undefined
-<span class='line'>1040</span>      */</span><span class="WHIT">
-<span class='line'>1041</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'>1042</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the DOM element
-<span class='line'>1043</span>      * @type DOMElement
-<span class='line'>1044</span>      * @default undefined
-<span class='line'>1045</span>      */</span><span class="WHIT">
-<span class='line'>1046</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'>1047</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the SVGDocument 
-<span class='line'>1048</span>      * @type SVGDocument
-<span class='line'>1049</span>      * @default undefined
-<span class='line'>1050</span>      */</span><span class="WHIT">
-<span class='line'>1051</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'>1052</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the root element of the SVG Document 
-<span class='line'>1053</span>      * @type DocumentElement
-<span class='line'>1054</span>      * @default undefined
-<span class='line'>1055</span>      */</span><span class="WHIT">
-<span class='line'>1056</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'>1057</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'>1058</span> </span><span class="WHIT">    </span><span class="NAME">_chainingFunctions</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'>1059</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'>1060</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1061</span> 
-<span class='line'>1062</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'>1063</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'>1064</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'>1065</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'>1066</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'>1067</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1068</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'>1069</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'>1070</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1071</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'>1072</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'>1073</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'>1074</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'>1075</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1076</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'>1077</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1078</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'>1079</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'>1080</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'>1081</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'>1082</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1083</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'>1084</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1085</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'>1086</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">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'>1087</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1088</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1089</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1090</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1091</span> </span><span class="WHIT">	
-<span class='line'>1092</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'>1093</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'>1094</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'>1095</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'>1096</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'>1097</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1098</span> 
-<span class='line'>1099</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'>1100</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'>1101</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'>1102</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1103</span> </span><span class="WHIT">	
-<span class='line'>1104</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'>1105</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'>1106</span> </span><span class="WHIT">		   
-<span class='line'>1107</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'>1108</span> </span><span class="WHIT">	
-<span class='line'>1109</span> 	
-<span class='line'>1110</span>     </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1111</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'>1112</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'>1113</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'>1114</span> 	</span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1115</span> </span><span class="WHIT">		</span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>1116</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'>1117</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'>1118</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'>1119</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1120</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1121</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'>1122</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'>1123</span> 
-<span class='line'>1124</span> </span><span class="WHIT">	</span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1125</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>1126</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'>1127</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1128</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1129</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'>1130</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'>1131</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'>1132</span> 		</span><span class="NAME">Karma.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'>1133</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>1134</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1135</span> </span><span class="WHIT">	</span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1136</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
-<span class='line'>1137</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'>1138</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'>1139</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'>1140</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'>1141</span> 		</span><span class="NAME">Karma.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'>1142</span> 
-<span class='line'>1143</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'>871</span>  * @throws {Error} if the name and domId for the canvas element are not specified
+<span class='line'>872</span>  * @thows {Error} if the supplied domId does not match an element in the DOM
+<span class='line'>873</span>  * @class This object is the prototype for each canvas element submitted to Karma in the
+<span class='line'>874</span>  * Karma() method
+<span class='line'>875</span>  */</span><span class="WHIT">
+<span class='line'>876</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'>877</span> </span><span class="WHIT">    </span><span class="COMM">/** Name of the canvas, used internally by karma.js
+<span class='line'>878</span>      * @type String
+<span class='line'>879</span>      * @default ''
+<span class='line'>880</span>      */</span><span class="WHIT">
+<span class='line'>881</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'>882</span> </span><span class="WHIT">    </span><span class="COMM">/** Width of canvas element
+<span class='line'>883</span>      * @type Number
+<span class='line'>884</span>      * @default 0
+<span class='line'>885</span>      */</span><span class="WHIT">
+<span class='line'>886</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'>887</span> </span><span class="WHIT">    </span><span class="COMM">/** Height of canvas element
+<span class='line'>888</span>      * @type Number
+<span class='line'>889</span>      * @default 0
+<span class='line'>890</span>      */</span><span class="WHIT">
+<span class='line'>891</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'>892</span> </span><span class="WHIT">    </span><span class="COMM">/**  Whether canvas is visible
+<span class='line'>893</span>      * @type boolean
+<span class='line'>894</span>      * @default true
+<span class='line'>895</span>      */</span><span class="WHIT">
+<span class='line'>896</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'>897</span> </span><span class="WHIT">    </span><span class="COMM">/** Element ID for canvas element in html document
+<span class='line'>898</span>      * @type String
+<span class='line'>899</span>      * @default undefined
+<span class='line'>900</span>      */</span><span class="WHIT">
+<span class='line'>901</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'>902</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the DOM element
+<span class='line'>903</span>      * @type DOMElement
+<span class='line'>904</span>      * @default undefined
+<span class='line'>905</span>      */</span><span class="WHIT">
+<span class='line'>906</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'>907</span> </span><span class="WHIT">    </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas
+<span class='line'>908</span>      * @type 2DRenderingContext
+<span class='line'>909</span>      * @default undefined
+<span class='line'>910</span>      */</span><span class="WHIT">
+<span class='line'>911</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'>912</span> 
+<span class='line'>913</span> </span><span class="WHIT">    </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT">
+<span class='line'>914</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'>915</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'>916</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'>917</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'>918</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'>919</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'>920</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>921</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'>922</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'>923</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>924</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'>925</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'>926</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'>927</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'>928</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>929</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'>930</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>931</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'>932</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'>933</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'>934</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'>935</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>936</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'>937</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>938</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'>939</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'>940</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>941</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>942</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>943</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>944</span> </span><span class="WHIT">	
+<span class='line'>945</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'>946</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'>947</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'>948</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'>949</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'>950</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'>951</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>952</span> 
+<span class='line'>953</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'>954</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'>955</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'>956</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>957</span> 
+<span class='line'>958</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'>959</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>960</span> </span><span class="WHIT">    </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no
+<span class='line'>961</span>      * parameters supplied, clears entire canvas
+<span class='line'>962</span>      * @param {Number} [x=0] x coordinate, defaults to zero if left blank
+<span class='line'>963</span>      * @param {Number} [y=0] y coordinate, defaults to zero if left blank  
+<span class='line'>964</span>      * @param {Number} [width=0] width of area to be cleared, defaults 
+<span class='line'>965</span>      * entire width of canvas
+<span class='line'>966</span>      * @param {Number} [height=0] height of area to be cleared, defaults 
+<span class='line'>967</span>      * entire height of canvas
+<span class='line'>968</span>      * @returns this
+<span class='line'>969</span>      * @example
+<span class='line'>970</span>      * 
+<span class='line'>971</span>      * k.canvas.ninja.clear();
+<span class='line'>972</span>      * // clears the entire ninja canvas
+<span class='line'>973</span>      * 
+<span class='line'>974</span>      * k.canvas.ninja.clear(0, 10, 20, 30);
+<span class='line'>975</span>      * //clears a specific portion of the ninja canvas
+<span class='line'>976</span>      * 
+<span class='line'>977</span>      */</span><span class="WHIT">
+<span class='line'>978</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'>979</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'>980</span> </span><span class="WHIT">	</span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>981</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'>982</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'>983</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'>984</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'>985</span> </span><span class="WHIT">	</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">return</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>987</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>988</span> </span><span class="WHIT">  
+<span class='line'>989</span>     </span><span class="COMM">//These are all properties or methods of the canvas element's</span><span class="WHIT">
+<span class='line'>990</span> </span><span class="WHIT">    </span><span class="COMM">//2 dimensional context</span><span class="WHIT">
+<span class='line'>991</span> </span><span class="WHIT">    </span><span class="NAME">_chainingFunctions</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="WHIT">
+<span class='line'>992</span> </span><span class="WHIT">	</span><span class="COMM">//"globalAlpha", "globalCompositeOperation", "lineWidth", "lineCap", </span><span class="WHIT">
+<span class='line'>993</span> </span><span class="WHIT">	</span><span class="STRN">"lineJoin"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"miterLimit"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"font"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"textAlign"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"textBaseline"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"save"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>994</span> 	</span><span class="STRN">"restore"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"scale"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rotate"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"translate"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"transform"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"setTransform"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>995</span> 	</span><span class="STRN">"clearRect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fillRect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"strokeRect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"beginPath"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"closePath"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>996</span> 	</span><span class="STRN">"moveTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"lineTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"quadraticCurveTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"bezierCurveTo"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"arcTo"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>997</span> 	</span><span class="STRN">"arc"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rect"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fill"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"stroke"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"clip"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fillText"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"strokeText"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>998</span> 	</span><span class="STRN">"measureText"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"isPointInPath"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"strokeStyle"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"fillStyle"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>999</span> 	</span><span class="STRN">"createLinearGradient"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"createRadialGradient"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"createPattern"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1000</span> 	</span><span class="STRN">"shadowOffsetX"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"shadowOffsetY"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"shadowBlur"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"shadowColor"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1001</span> 	</span><span class="COMM">//"mozTextStyle", "mozDrawText", "mozMeasureText", "mozPathText", </span><span class="WHIT">
+<span class='line'>1002</span> </span><span class="WHIT">	</span><span class="STRN">"mozTextAlongPath"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"drawImage"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"getImageData"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"putImageData"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1003</span> 	</span><span class="STRN">"createImageData"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"drawWindow"</span><span class="WHIT">
+<span class='line'>1004</span> </span><span class="WHIT">    </span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1005</span> </span><span class="WHIT">    </span><span class="NAME">_makeChainFunction</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">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1006</span> </span><span class="WHIT">	    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">typeof</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="PUNC">;</span><span class="WHIT">
+<span class='line'>1007</span> </span><span class="WHIT">	    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"function"</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="NAME">this.ctx</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1009</span> </span><span class="WHIT">	    </span><span class="PUNC">}</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="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"string"</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1010</span> </span><span class="WHIT">		</span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1011</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'>1012</span> </span><span class="WHIT">		</span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="STRN">"wtf?!: impossible to chain "</span><span class="WHIT"> </span><span class="PUNC">+</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="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><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1015</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1016</span> </span><span class="WHIT">    
+<span class='line'>1017</span>     </span><span class="COMM">/** The globalAlpha attribute gives an alpha value that is applied to shapes 
+<span class='line'>1018</span>      * and images before they are composited onto the canvas
+<span class='line'>1019</span>      * @param {Number} number in the range from 0.0 to 1.0
+<span class='line'>1020</span>      * @returns this
+<span class='line'>1021</span>      */</span><span class="WHIT">
+<span class='line'>1022</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'>1023</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'>1024</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'>1025</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'>1026</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1027</span> </span><span class="WHIT"> 
+<span class='line'>1028</span>    </span><span class="COMM">/** Sets the globalCompositeOperation attribute, which sets how shapes and images 
+<span class='line'>1029</span>      * are drawn onto the existing bitmap, once they have had globalAlpha and the 
+<span class='line'>1030</span>      * current transformation matrix applied.
+<span class='line'>1031</span>      * For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1032</span>      * @param {String} globalCompositeOperation source-atop, 
+<span class='line'>1033</span>      * source-in, source-out, 
+<span class='line'>1034</span>      * source-over, destination-atop, destination-in, destination-out, destination-over,
+<span class='line'>1035</span>      * lighter
+<span class='line'>1036</span>      * @returns this
+<span class='line'>1037</span>      */</span><span class="WHIT">
+<span class='line'>1038</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'>1039</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'>1040</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'>1041</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'>1042</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1043</span> 
+<span class='line'>1044</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'>1045</span>      * units.
+<span class='line'>1046</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1047</span>      * @param {Number} lineWidth
+<span class='line'>1048</span>      * @returns this
+<span class='line'>1049</span>      */</span><span class="WHIT">
+<span class='line'>1050</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'>1051</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'>1052</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'>1053</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'>1054</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1055</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'>1056</span>      * the end of lines.  
+<span class='line'>1057</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1058</span>      * @param {String} type butt, round, square 
+<span class='line'>1059</span>      * @returns this
+<span class='line'>1060</span>      */</span><span class="WHIT">
+<span class='line'>1061</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'>1062</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'>1063</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'>1064</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'>1065</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1066</span> </span><span class="WHIT">    </span><span class="COMM">/** The lineJoin attribute defines the type of corners that UAs will place 
+<span class='line'>1067</span>      * where two lines meet. The three valid values are bevel, round, and miter. 
+<span class='line'>1068</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1069</span>      * @param {String} type
+<span class='line'>1070</span>      * @returns this
+<span class='line'>1071</span>      */</span><span class="WHIT">
+<span class='line'>1072</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'>1073</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'>1074</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'>1075</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'>1076</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1077</span> </span><span class="WHIT">   
+<span class='line'>1078</span>     </span><span class="COMM">/** Sets the miter limit 
+<span class='line'>1079</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1080</span>      * @param {Number} number
+<span class='line'>1081</span>      * @returns this
+<span class='line'>1082</span>      */</span><span class="WHIT">
+<span class='line'>1083</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'>1084</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'>1085</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'>1086</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'>1087</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1088</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'>1089</span>      *  in CSS
+<span class='line'>1090</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1091</span>      * @param {String} 
+<span class='line'>1092</span>      * @returns this
+<span class='line'>1093</span>      */</span><span class="WHIT">
+<span class='line'>1094</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'>1095</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'>1096</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'>1097</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'>1098</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1099</span> 
+<span class='line'>1100</span> </span><span class="WHIT">    </span><span class="COMM">/** Changes the text alignment. The possible values are start, end, left, right, 
+<span class='line'>1101</span>      * and center. The default is start. Other values are ignored.
+<span class='line'>1102</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1103</span>      * @param {string} alignment 
+<span class='line'>1104</span>      * @returns this
+<span class='line'>1105</span>      */</span><span class="WHIT">
+<span class='line'>1106</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'>1107</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'>1108</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'>1109</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'>1110</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1111</span> 
+<span class='line'>1112</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'>1113</span>      * alphabetic, ideographic, or bottom, then the value must be changed to the new value.
+<span class='line'>1114</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1115</span>      * @param {String} alignment
+<span class='line'>1116</span>      * @returns this
+<span class='line'>1117</span>      */</span><span class="WHIT">
+<span class='line'>1118</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'>1119</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'>1120</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'>1121</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'>1122</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1123</span> </span><span class="WHIT">    </span><span class="COMM">/** description 
+<span class='line'>1124</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1125</span>      * @param 
+<span class='line'>1126</span>      * @returns this
+<span class='line'>1127</span>      */</span><span class="WHIT">
+<span class='line'>1128</span> </span><span class="WHIT">    </span><span class="NAME">someAttribute</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'>1129</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">''</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1130</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'>1131</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'>1132</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1133</span> </span><span class="WHIT">    </span><span class="COMM">/** description 
+<span class='line'>1134</span>      *  For full details see &lt;a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs&lt;/a>
+<span class='line'>1135</span>      * @param 
+<span class='line'>1136</span>      * @returns this
+<span class='line'>1137</span>      */</span><span class="WHIT">
+<span class='line'>1138</span> </span><span class="WHIT">    </span><span class="NAME">somefunction</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'>1139</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">''</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>1140</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'>1141</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'>1142</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1143</span> </span><span class="WHIT">    
 <span class='line'>1144</span> 
-<span class='line'>1145</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1145</span>    
 <span class='line'>1146</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1147</span> </span></pre></body></html>
-\ No newline at end of file
+<span class='line'>1147</span> 
+<span class='line'>1148</span> 
+<span class='line'>1149</span> </span><span class="COMM">/** Prototypal object for each svg element submitted to Karma in the
+<span class='line'>1150</span>  * Karma() method
+<span class='line'>1151</span>  * @throws {Error} if the name and domId for the svg element are not specified
+<span class='line'>1152</span>  * @thows {Error} if the supplied domId does not match an element in the DOM
+<span class='line'>1153</span>  * @class This object is the prototype for each svg element submitted to Karma in the
+<span class='line'>1154</span>  * Karma() method
+<span class='line'>1155</span>  */</span><span class="WHIT">
+<span class='line'>1156</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'>1157</span> </span><span class="WHIT">    </span><span class="COMM">/** name of instance, used internally 
+<span class='line'>1158</span>      * @typeof string
+<span class='line'>1159</span>      * @default ""
+<span class='line'>1160</span>      */</span><span class="WHIT">
+<span class='line'>1161</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'>1162</span> </span><span class="WHIT">    </span><span class="COMM">/** width of element 
+<span class='line'>1163</span>      * @type number
+<span class='line'>1164</span>      * @default 0
+<span class='line'>1165</span>      */</span><span class="WHIT">
+<span class='line'>1166</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'>1167</span> </span><span class="WHIT">    </span><span class="COMM">/** height of element 
+<span class='line'>1168</span>      * @type number
+<span class='line'>1169</span>      * @default 0
+<span class='line'>1170</span>      */</span><span class="WHIT">
+<span class='line'>1171</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'>1172</span> </span><span class="WHIT">    </span><span class="COMM">/** Status of element, either "loaded" or "error"
+<span class='line'>1173</span>      * @type string
+<span class='line'>1174</span>      * @default ""
+<span class='line'>1175</span>      */</span><span class="WHIT">
+<span class='line'>1176</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'>1177</span> </span><span class="WHIT">    </span><span class="COMM">/**  Whether canvas is visible
+<span class='line'>1178</span>      * @type boolean
+<span class='line'>1179</span>      * @default true
+<span class='line'>1180</span>      */</span><span class="WHIT">
+<span class='line'>1181</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'>1182</span> </span><span class="WHIT">    </span><span class="COMM">/** Element ID for canvas element in html document
+<span class='line'>1183</span>      * @type String
+<span class='line'>1184</span>      * @default undefined
+<span class='line'>1185</span>      */</span><span class="WHIT">
+<span class='line'>1186</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'>1187</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the DOM element
+<span class='line'>1188</span>      * @type DOMElement
+<span class='line'>1189</span>      * @default undefined
+<span class='line'>1190</span>      */</span><span class="WHIT">
+<span class='line'>1191</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'>1192</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the SVGDocument 
+<span class='line'>1193</span>      * @type SVGDocument
+<span class='line'>1194</span>      * @default undefined
+<span class='line'>1195</span>      */</span><span class="WHIT">
+<span class='line'>1196</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'>1197</span> </span><span class="WHIT">    </span><span class="COMM">/** Reference to the root element of the SVG Document 
+<span class='line'>1198</span>      * @type DocumentElement
+<span class='line'>1199</span>      * @default undefined
+<span class='line'>1200</span>      */</span><span class="WHIT">
+<span class='line'>1201</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'>1202</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'>1203</span> </span><span class="WHIT">    </span><span class="NAME">_chainingFunctions</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'>1204</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'>1205</span> </span><span class="WHIT">	</span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1206</span> 
+<span class='line'>1207</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'>1208</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'>1209</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'>1210</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'>1211</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'>1212</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1213</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'>1214</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'>1215</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1216</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'>1217</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'>1218</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'>1219</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'>1220</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1221</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'>1222</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1223</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'>1224</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'>1225</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'>1226</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'>1227</span> </span><span class="WHIT">		    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1228</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'>1229</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1230</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'>1231</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">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'>1232</span> </span><span class="WHIT">		    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1233</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1234</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1235</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1236</span> </span><span class="WHIT">	
+<span class='line'>1237</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'>1238</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'>1239</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'>1240</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'>1241</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'>1242</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1243</span> 
+<span class='line'>1244</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'>1245</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'>1246</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'>1247</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1248</span> </span><span class="WHIT">	
+<span class='line'>1249</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'>1250</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'>1251</span> </span><span class="WHIT">		   
+<span class='line'>1252</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'>1253</span> </span><span class="WHIT">	
+<span class='line'>1254</span> 	
+<span class='line'>1255</span>     </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1256</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'>1257</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'>1258</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'>1259</span> 	</span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1260</span> </span><span class="WHIT">		</span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1261</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'>1262</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'>1263</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'>1264</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1265</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1266</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'>1267</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'>1268</span> 
+<span class='line'>1269</span> </span><span class="WHIT">	</span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1270</span> </span><span class="WHIT">	    </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1271</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'>1272</span> 		</span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1273</span> </span><span class="WHIT">		</span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1274</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'>1275</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'>1276</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'>1277</span> 		</span><span class="NAME">Karma.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'>1278</span> </span><span class="WHIT">	    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1279</span> 	    </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1280</span> </span><span class="WHIT">	</span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1281</span> </span><span class="WHIT">	    </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>1282</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'>1283</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'>1284</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'>1285</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'>1286</span> 		</span><span class="NAME">Karma.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'>1287</span> 
+<span class='line'>1288</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'>1289</span> 
+<span class='line'>1290</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1291</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1292</span> </span></pre></body></html>
+\ No newline at end of file
diff --git a/js/karma.js b/js/karma.js
index 5d5c828..a8a3aeb 100755
--- a/js/karma.js
+++ b/js/karma.js
@@ -118,7 +118,7 @@ var Karma = exports.Karma  = function (options) {
 //helper functions
 
 /**This emulates the Object.create method in ecmascript 5 spec
- * This isn't a full implementation as it doesn't support
+ * This isn't a full implementation as it doesn't support an all of Object.create's features
  * This has the same functionality as Crockford's beget method
  * and this primary building block for prototypal inheritance in
  * this library
@@ -219,12 +219,12 @@ Karma._isHtml5 = function (doctype){
 
 
 /** Stores global settings for the Karma library
- * @class This object stores the global settings for the Karma library
- */
+  *  @class This object stores the global settings for the Karma library
+  */
 Karma.karma = {      
     /** This is the global locale as passed to Karma(),
      * such as "en", "es_SP"
-     * @type string
+     * @property {string} locale This is the global locale as passed to Karma()
      * @default undefined
      */
     locale : undefined,
@@ -266,8 +266,7 @@ Karma.karma = {
     _loaderDiv : undefined,
     _counters : { total : 0, errors : 0, loaded : 0},
 
-    //init initializes all the assets passed to Karma, that's it
-    //it returns 'this' so it can be used for function chaining
+    //This constructs the Karma.karma object per values provided by the user
     _init: function(options) {
 	this._initialized = true;
 	
@@ -291,7 +290,7 @@ Karma.karma = {
 
 	//chain the functions for kCanvas and kSvg
 	Karma._makeChain.call(Karma.kCanvas, 
-	    Karma.kCanvas._chainingFunctions);
+			      Karma.kCanvas._chainingFunctions);
 	//Karma._makeChain.apply(Karma.kSvg, Karma.kSvg._chainingFunctions);
 
 
@@ -356,7 +355,7 @@ Karma.karma = {
 	return this;
     },
     
-    /** Waits until all assets loaded, i.e. ready, then calls callback
+    /** Waits until all assets loaded(ready), then calls callback cb
      * @param {Function} [cb] callback function
      * @returns this
      * @throws {Error} if Karma.karma is not initialized with the 
@@ -367,6 +366,7 @@ Karma.karma = {
      * k.ready(function(){ .. your code here . . .});
      * 
      * your code will not be called until all assets have been loaded
+     * into collections
      * 
      */
     ready : function( cb ) {
@@ -528,6 +528,8 @@ Karma._computeLocalePath = function(locale) {
 };
 
 
+
+
 Karma._makeCollection = function (configs, type){
     var makeAsset = function (config){
 	var asset = undefined;
@@ -557,19 +559,26 @@ Karma._makeCollection = function (configs, type){
     configs.forEach(function(config){ makeAsset(config);});
 };
 
+
+
+
+
 //Prototype objects for assets
 
 
 /** Prototypal object for images
- *  @class This object is the prototype for images
+ *  @class This object is the prototype for images submitted to Karma in the
+ *  Karma() method
  *  @ throws {Error} if the image asset is set to be localized but 
  *  the global locale is not set on the Karma.karma object
  *  @ throws {Error} if the name and file properties are not supplied
  *  @example
  *  kImage is the prototype object for images. This 'media' asset is loaded 
  *  in a distinctly different way from the canvas or svg assets.    
+ *
  */
-Karma.kImage = {
+Karma.kImage = 
+    {
     /** file location of image
      * @type String
      * @default ""
@@ -652,7 +661,8 @@ Karma.kImage = {
 };
 
 /** Prototypal object for audio files 
- *  @class This object is the prototype for audio files
+ *  @class This object is the prototype for audio files submitted to Karma in the
+ * Karma() method
  *  @ throws {Error} if the individual audio asset is set to be localized but 
  *  the globale locale is not set on the Karma.karma object
  *  @ throws {Error} if the name and file properties are not supplied
@@ -759,17 +769,11 @@ Karma.kAudio = {
 };
 
 /** NYI:Prototypal object for Video files 
- *  @class Not Yet Implemented:This object is the prototype for video files
- *  @ throws {Error} if the individual audio asset is set to be localized but 
+ *  @class Not Yet Implemented:This object is the prototype for video files submitted 
+ * to Karma in the Karma() method
+ *  @ throws {Error} if the individual video asset is set to be localized but 
  *  the globale locale is not set on the Karma.karma object
  *  @ throws {Error} if the name and file properties are not supplied
- *  @example
- *  kAudio is the prototype object for audio
- *  The audio assets are loaded in a distinctly different way
- *  from the canvas or svg assets. They also have distinctly different
- *  helper methods 
- *  
- *  You initialize the kVideo assets by passing an array of objects
  */
 Karma.kVideo = {
     /** file location of asset
@@ -985,7 +989,7 @@ Karma.kCanvas = {
     //These are all properties or methods of the canvas element's
     //2 dimensional context
     _chainingFunctions : [
-	"globalAlpha", "globalCompositeOperation", "lineWidth", "lineCap", 
+	//"globalAlpha", "globalCompositeOperation", "lineWidth", "lineCap", 
 	"lineJoin", "miterLimit", "font", "textAlign", "textBaseline", "save", 
 	"restore", "scale", "rotate", "translate", "transform", "setTransform", 
 	"clearRect", "fillRect", "strokeRect", "beginPath", "closePath", 
@@ -997,7 +1001,148 @@ Karma.kCanvas = {
 	//"mozTextStyle", "mozDrawText", "mozMeasureText", "mozPathText", 
 	"mozTextAlongPath", "drawImage", "getImageData", "putImageData", 
 	"createImageData", "drawWindow"
-    ]
+    ],
+    _makeChainFunction : function ( name ){
+	    var type = typeof this.ctx[name];
+	    if ( type === "function") {
+		this.ctx[ name ].apply( this.ctx, arguments );
+	    }else if ( type === "string" ){
+		this.ctx[ name ] = arguments[0];
+	    }else {
+		throw ("wtf?!: impossible to chain " + name + "!");
+	    }
+	    return this;
+    },
+    
+    /** The globalAlpha attribute gives an alpha value that is applied to shapes 
+     * and images before they are composited onto the canvas
+     * @param {Number} number in the range from 0.0 to 1.0
+     * @returns this
+     */
+    globalAlpha : function (attribute){
+	var name = 'globalAlpha';
+	this.ctx[name] = attribute;
+	return this;
+    },
+ 
+   /** Sets the globalCompositeOperation attribute, which sets how shapes and images 
+     * are drawn onto the existing bitmap, once they have had globalAlpha and the 
+     * current transformation matrix applied.
+     * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {String} globalCompositeOperation source-atop, 
+     * source-in, source-out, 
+     * source-over, destination-atop, destination-in, destination-out, destination-over,
+     * lighter
+     * @returns this
+     */
+    globalCompositeOperation: function (attribute){
+	var name = ' globalCompositeOperation';
+	this.ctx[name] = attribute;
+	return this;
+    },
+
+    /** Sets the lineWidth attribute which gives the width of lines, in coordinate space 
+     * units.
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {Number} lineWidth
+     * @returns this
+     */
+    lineWidth: function (attribute){
+	var name = 'lineWidth';
+	this.ctx[name] = attribute;
+	return this;
+    },
+    /** The lineCap attribute defines the type of endings that UAs will place on 
+     * the end of lines.  
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {String} type butt, round, square 
+     * @returns this
+     */
+    lineCap: function (attribute){
+	var name = 'lineCap';
+	this.ctx[name] = attribute;
+	return this;
+    },
+    /** The lineJoin attribute defines the type of corners that UAs will place 
+     * where two lines meet. The three valid values are bevel, round, and miter. 
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {String} type
+     * @returns this
+     */
+    lineJoin: function (attribute){
+	var name = 'lineJoin';
+	this.ctx[name] = attribute;
+	return this;
+    },
+   
+    /** Sets the miter limit 
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {Number} number
+     * @returns this
+     */
+    miterLimit: function (attribute){
+	var name = 'miterLimit';
+	this.ctx[name] = attribute;
+	return this;
+    },
+    /** Sets the font property and takes the same syntax as setting the font property 
+     *  in CSS
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {String} 
+     * @returns this
+     */
+    font: function (attribute){
+	var name = 'font';
+	this.ctx[name] = attribute;
+	return this;
+    },
+
+    /** Changes the text alignment. The possible values are start, end, left, right, 
+     * and center. The default is start. Other values are ignored.
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {string} alignment 
+     * @returns this
+     */
+    textAlign: function (attribute){
+	var name = 'textAlign';
+	this.ctx[name] = attribute;
+	return this;
+    },
+
+    /** Changes the baseline alignment. If the value is one of top, hanging, middle, 
+     * alphabetic, ideographic, or bottom, then the value must be changed to the new value.
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param {String} alignment
+     * @returns this
+     */
+    textBaseline: function (attribute){
+	var name = 'textBaseline';
+	this.ctx[name] = attribute;
+	return this;
+    },
+    /** description 
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param 
+     * @returns this
+     */
+    someAttribute: function (attribute){
+	var name = '';
+	this.ctx[name] = attribute;
+	return this;
+    },
+    /** description 
+     *  For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a>
+     * @param 
+     * @returns this
+     */
+    somefunction : function ( ){
+	var name =  ''; 
+	this.ctx[name].apply(this.ctx, arguments);
+	return this;
+    },
+    
+
+   
 };
 
 
diff --git a/tests/js/tests.js b/tests/js/tests.js
index 94bcc54..d774524 100755
--- a/tests/js/tests.js
+++ b/tests/js/tests.js
@@ -36,14 +36,25 @@
 
 	 //unit test suite uses this function
 	 Karma.karma.reset = function () {
-	     if (this._statusDiv){
-		 this._statusDiv.parentNode.removeChild(this._statusDiv);
+	     while($('#starterMsg').length === 1){
+		 $('#starterMsg').remove();
+	     };
+
+	     while($('#karma-status').length === 1){
+		 $('#karma-status').remove();
+	     };
+	     /* if (this._statusDiv){
+		 if (this._statusDiv.parentNode){
+		     this._statusDiv.parentNode.removeChild(this._statusDiv);
+		 }
 	     }
 
 	     var starterMsg = document.getElementById('starterMsg');
 	     if(starterMsg){
-		 starterMsg.parentNode.removeChild(starterMsg);
-	     }
+		 if(starterMsg.parentNode){
+		     starterMsg.parentNode.removeChild(starterMsg);
+		 }
+	     }*/
 	     
 	     this._assetPath = "assets/";
 	     this.locale = undefined;
@@ -849,12 +860,26 @@
 					  "ready() calls callback after assets loaded");
 				      //called in last asyncTest to remove 
 				      //error messages
-				      removeMsgs();
+				      k.reset();
 				      start();
 				  },
 				  10);
 		   }); 	 
 
-	 
+	 test("Karma.kCanvas 2DRendering Context Helpers",
+	      function(){
+		 k.reset()._init();
+		 /* var config = {name: "myCanvas", domId:"testCanvas"};
+		  var myCanvas = Karma.kCanvas._init(config);
+		  myCanvas.globalAlpha(0.1);
+		  ok(myCanvas.ctx.globalAlpha === 0.1,
+		     "globalAlpha property set");
+		  */
+		  ok( 1=== 1, 'foo');
+		  k.reset();
+		  
+	      });
+	
+
 
      });
 \ No newline at end of file
author	Bryan Berry <bryan@olenepal.org>	2009-12-15 09:14:30 (GMT)
committer	Bryan Berry <bryan@olenepal.org>	2009-12-15 09:14:30 (GMT)
commit	46c60aa625c8909193d9582f1663ef6d8962d5d6 (patch)
tree	8b8dfaeec66c1c894af8e76d6ea1d6e915779c0d
parent	f401a66195fb51ec7764c728a8bab8f64232d4ac (diff)