laid out launch page for lesson

25 files changed, 3002 insertions, 53 deletions

diff --git a/Jakefile b/Jakefile
index 839dd5b..4906c56 100755
--- a/Jakefile
+++ b/Jakefile
@@ -40,7 +40,7 @@ JAKE.task('docs', function(){
 	var path = './tools/jsdoc-toolkit';
 	 if(FILE.exists(path)){
 	     var cmd = 'java -jar ' + path + '/jsrun.jar ' + 
-		 path + '/app/run.js ' + './js/karma.js ./js/ui.scoreboard.js -d=docs/ ' +
+		 path + '/app/run.js ' + './js/karma.js ./js/ui.kFooter.js ./js/ui.feedback.js -d=docs/ ' +
 		 '-t=tools/jsdoc-toolkit/templates/jsdoc/';
 	     OS.system(cmd);
 	 } else {
diff --git a/css/kLaunch.css b/css/kLaunch.css
new file mode 100644
index 0000000..d078467
--- /dev/null
+++ b/css/kLaunch.css
@@ -0,0 +1,154 @@
+#kLaunch {
+    width: 1200px;
+    height: 900px;
+    background-color:purple;
+}
+
+#kLaunch .center{
+    width: 100%;
+    float: left;
+    text-align: center;	   
+}
+
+#kLaunch #top{
+    height: 15%;
+    width: 100%;
+    color: blue;
+}
+
+	#backBtn{
+	    background-image: url(epaath_images/btn_back.png);
+	    position: absolute;
+	    width: 60px;
+	    height: 60px;
+	    margin-top: 10px;
+	    margin-left: 10px;
+	}
+
+	#backBtn:hover{
+	    opacity: 0.7;
+	}
+
+	#topMiddle{
+	    margin-top: 1%;
+	    color: white;
+	}
+
+	#topDesc{
+	    
+	}
+	
+	#topE-Paath{
+	    font-size: 2em;
+	    margin-top: 1%;
+	}
+	
+
+
+#kLaunch #middle{
+    border: 2px solid white;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    color: white;
+    height: 70%;
+    width: 90%;
+    margin-left: 60px;
+    margin-right: 60px;
+    position:relative;
+    background-color: blue;
+}
+
+	#grade{
+	    margin-top: 0.5em;
+	}
+
+		#gradeText{
+		    font-size: 2.5em;
+		}
+		
+		#gradeNum{
+		    font-size: 2.5em;
+		}
+
+	#subject{
+	    font-size: 3em;
+	}
+
+	#lessonTitle{
+	    margin-top: 1em;
+	}
+
+	#lessonTitle>a{
+	    font-size: 2.5em;
+	    color: yellow;
+	    text-decoration: none;
+	}
+
+	#lessonTitle>a:hover{
+	    font-size: 2.7em;
+	    opacity: 0.8;
+	}
+
+
+	#lessonDesc{
+	    font-size: 2em;
+	    margin-top: 0.2em;
+	}
+	
+	#kLaunch #middle .button{
+	    position: absolute;
+	    -moz-border-radius: 10px;
+	    -webkit-border-radius: 10px;
+	    background-color: purple;
+	    margin-left: 0.5em;
+	    margin-right: 0.5em;
+	    margin-bottom: 0.5em;
+	    padding-top:0.2em;
+	    padding-bottom: 0.2em;
+	    padding-left: 0.5em;
+	    padding-right: 0.5em;
+	    font-size: 1.5em;
+	    border: 1px black solid;
+	}
+	
+	#kLaunch #middle .button:hover{
+	    opacity: 0.8;
+	}
+
+	#kLaunch #middle .button a{
+		    text-decoration: none;
+	}
+
+	#kLaunch #middle .button div{
+	    text-align: center;
+	    color: white;
+	}
+	
+	#teachersNoteBtn{
+	    left: 0em;
+	    bottom: 0em;
+	}
+
+	#lessonPlanBtn{
+	    right: 0em;
+	    bottom: 0em;
+	}
+
+#kLaunch #bottom{
+height: 15%;
+width: 100%;
+color: white;
+}
+
+
+#kLaunch #copyright{
+    position: absolute;
+    left: 5px;
+    bottom: 0px;
+    color: white;
+}
+
+	#kLaunch #copyright a{
+	    color: white;
+	    opacity:0.8;
+	}
\ No newline at end of file
diff --git a/css/kLaunch.css~ b/css/kLaunch.css~
new file mode 100644
index 0000000..3be21b2
--- /dev/null
+++ b/css/kLaunch.css~
@@ -0,0 +1 @@
+#kLaunch 
\ No newline at end of file
diff --git a/css/karma.css b/css/karma.css
index 586f423..03dd035 100755
--- a/css/karma.css
+++ b/css/karma.css
@@ -31,10 +31,11 @@ body{
 }
 
 
-
 #kHeader{
     background-image: url('./epaath_images/bg_header.png');
-    background-repeat: repeat-x;
+    background-repeat: none;
+    -moz-background-size: 100% 100%;
+    -webkit-background-size: 100% 100%;
     height: 75px;
     width: 100%;
     position: absolute;
@@ -58,7 +59,7 @@ body{
 	#kHeader .kHeaderBtn{
   		 width: 60px;
 		 height: 60px;
-		 margin-top: 12px;
+		 margin-top: 7px;
 		 cursor:pointer;
 	}
 	
@@ -101,7 +102,7 @@ body{
     font-weight: bold;
     color: #FFFFFF;
     margin-left: 2em;
-    margin-top: 22px;
+    margin-top: 18px;
     border:0.2em solid black;
     padding-left:0.5em;
     padding-right:0.5em;
diff --git a/css/ui.feedback.css b/css/ui.feedback.css
index 7d74c5f..46f1d0d 100755
--- a/css/ui.feedback.css
+++ b/css/ui.feedback.css
@@ -7,10 +7,10 @@
 
 .ui-feedback .ui-feedback-correct{
     display:none;
-    background-image: url(./epaath_images/correct200x178.png);
+    background-image: url(./epaath_images/correct200x190.png);
 }
 
 .ui-feedback .ui-feedback-incorrect{
     display:none;
-    background-image: url(./epaath_images/incorrect200x178.png);
+    background-image: url(./epaath_images/incorrect200x190.png);
 }
\ No newline at end of file
diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css
index 60192a7..5cae39d 100755
--- a/css/ui.kFooter.css
+++ b/css/ui.kFooter.css
@@ -1,16 +1,19 @@
 .ui-kFooter-container{
     background-image: url('./epaath_images/bg_footer.png');
+    background-repeat: no-repeat;
+    -moz-background-size: 100% 100%;
+    -webkit-background-size: 100% 100%;
     width: 100%;
-    height: 2.5em;
+    height: 75px;
     position: absolute;
-    bottom: 0em;
+    bottom: 0px;
     float:left;
     border-style: none;
 }
 
 .ui-kFooter-spacing{
     display:inline;
-    margin-top: 0.2em;
+    margin-top: 10px;
     margin-right: 0.4em;
 }
 
@@ -23,7 +26,7 @@
 }
 
 .ui-kFooter-text,.ui-kFooter-number{
-    margin-top: 0.3em;
+    margin-top: 15px;
 }
 
 .ui-kFooter-text span{
@@ -40,7 +43,7 @@
 
 .ui-kFooter-button{
     cursor:pointer;
-    height: 2em;
+    height: 55px;
 }
 
 .ui-kFooter-icon{
@@ -50,12 +53,12 @@ float: left;
 .ui-kFooter-button-text {
 float: left;
 color:  #FFFFFF;
-padding-top: 0.2em;
+padding-top: 10px;
 }
 
 .ui-state-default.ui-kFooter-button{
     background:#ff7c0f;
-    border: 0.05em solid #FFFF00;
+    border: 2px solid #FFFF00;
 }
 
 .ui-state-hover.ui-kFooter-button{
diff --git a/docs/files.html b/docs/files.html
index 59b1829..d1aa5ac 100755
--- a/docs/files.html
+++ b/docs/files.html
@@ -184,9 +184,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="symbols/_global_.html">_global_</a></i></li>
 	
@@ -211,7 +215,24 @@ ul.inheritsList
 			
 			
 			<div>
-				<h2><a href="symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a></h2>
+				<h2><a href="symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a></h2>
+				
+a scoreboard widget
+				<dl>
+					
+						<dt class="heading">Author:</dt>
+						<dd>Bryan Berry <bryan@olenepal.org> 
+ uses MIT License</dd>
+					
+					
+					
+					
+				</dl>
+			</div>
+			<hr />
+			
+			<div>
+				<h2><a href="symbols/src/js_ui.feedback.js.html">ui.feedback.js</a></h2>
 				
 a scoreboard widget
 				<dl>
@@ -247,7 +268,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 Wed Jan 20 2010 17:12:15 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:22 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 02f1d94..9203c69 100755
--- a/docs/index.html
+++ b/docs/index.html
@@ -184,9 +184,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="symbols/_global_.html">_global_</a></i></li>
 	
@@ -211,14 +215,26 @@ ul.inheritsList
 			
 			
 			<div>
-				<h2><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></h2>
-				Scoreboard widget
+				<h2><a href="symbols/%24.ui.feedback.html">$.ui.feedback</a></h2>
+				Feedback widget
+			</div>
+			<hr />
+			
+			<div>
+				<h2><a href="symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></h2>
+				Default settings for the feedback widget
+			</div>
+			<hr />
+			
+			<div>
+				<h2><a href="symbols/%24.ui.kFooter.html">$.ui.kFooter</a></h2>
+				KFooter widget
 			</div>
 			<hr />
 			
 			<div>
-				<h2><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></h2>
-				Default settings for the scoreboard widget
+				<h2><a href="symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></h2>
+				Default settings for the kFooter widget
 			</div>
 			<hr />
 			
@@ -273,7 +289,7 @@ to Karma in the Karma() method
 		</div>
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:15 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:21 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/docs/symbols/$.ui.feedback.defaults.html b/docs/symbols/$.ui.feedback.defaults.html
new file mode 100644
index 0000000..8191ef5
--- /dev/null
+++ b/docs/symbols/$.ui.feedback.defaults.html
@@ -0,0 +1,330 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui.feedback.defaults</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+	
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui.feedback.defaults
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				<br />Extends
+					<a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a>.<br />
+				
+			
+				Default settings for the feedback widget
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.feedback.js.html">ui.feedback.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.feedback.defaults.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.feedback.defaults.html#constructor">$.ui.feedback.defaults</a></b>
+							</div>
+							<div class="description">Default settings for the feedback widget</div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				
+				
+				<dl class="inheritsList">
+				<dt>Methods borrowed from class <a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a>: </dt><dd><a href="../symbols/%24.ui.feedback.html#correct">correct</a>, <a href="../symbols/%24.ui.feedback.html#destroy">destroy</a>, <a href="../symbols/%24.ui.feedback.html#incorrect">incorrect</a></dd>
+				</dl>
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui.feedback.defaults</b>
+				</div>
+				
+				<div class="description">
+					Default settings for the feedback widget
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== method details ========================= -->		
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:17 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/$.ui.feedback.html b/docs/symbols/$.ui.feedback.html
new file mode 100644
index 0000000..3919925
--- /dev/null
+++ b/docs/symbols/$.ui.feedback.html
@@ -0,0 +1,453 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui.feedback</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+	
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui.feedback
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				
+			
+				Feedback widget
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.feedback.js.html">ui.feedback.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.feedback.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.feedback.html#constructor">$.ui.feedback</a></b>
+							</div>
+							<div class="description"></div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+				
+				
+				
+				
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.feedback.">
+					<caption>Method Summary</caption>
+					<thead>
+						<tr>
+							<th scope="col">Method Attributes</th>
+							<th scope="col">Method Name and Description</th>
+						</tr>
+					</thead>
+					<tbody>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#correct">correct</a></b>()
+								</div>
+								<div class="description">Displays the correct icon in the center of the screen
+ and plays the sound "correct" if loaded</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#destroy">destroy</a></b>()
+								</div>
+								<div class="description">Removes the feedback widget and all related data from the DOM</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.feedback.html#incorrect">incorrect</a></b>()
+								</div>
+								<div class="description">Displays the incorrect icon in the center of the screen
+ and plays the sound "incorrect" if loaded</div>
+							</td>
+						</tr>
+					
+					</tbody>
+				</table>
+				
+				
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui.feedback</b>
+				</div>
+				
+				<div class="description">
+					
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== method details ========================= -->		
+			
+				<div class="sectionTitle">
+					Method Detail
+				</div>
+				
+					<a name="correct"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>correct</b>()
+					
+					</div>
+					<div class="description">
+						Displays the correct icon in the center of the screen
+ and plays the sound "correct" if loaded
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="destroy"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>destroy</b>()
+					
+					</div>
+					<div class="description">
+						Removes the feedback widget and all related data from the DOM
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="incorrect"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>incorrect</b>()
+					
+					</div>
+					<div class="description">
+						Displays the incorrect icon in the center of the screen
+ and plays the sound "incorrect" if loaded
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					
+				
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:17 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/$.ui.kFooter.defaults.html b/docs/symbols/$.ui.kFooter.defaults.html
new file mode 100644
index 0000000..42edf48
--- /dev/null
+++ b/docs/symbols/$.ui.kFooter.defaults.html
@@ -0,0 +1,630 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui.kFooter.defaults</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+	
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui.kFooter.defaults
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				<br />Extends
+					<a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a>.<br />
+				
+			
+				Default settings for the kFooter widget
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.kFooter.defaults.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.kFooter.defaults.html#constructor">$.ui.kFooter.defaults</a></b>
+							</div>
+							<div class="description">Default settings for the kFooter widget</div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+				
+				
+				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class $.ui.kFooter.defaults.">
+					<caption>Field Summary</caption>
+					<thead>
+						<tr>
+							<th scope="col">Field Attributes</th>
+							<th scope="col">Field Name and Description</th>
+						</tr>
+					</thead>
+					<tbody>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.locale">locale</a></b>
+								</div>
+								<div class="description">Default locale, valid options are "en" and "ne"</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.pauseButton">pauseButton</a></b>
+								</div>
+								<div class="description">Display the Pause Button</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.restartButton">restartButton</a></b>
+								</div>
+								<div class="description">Display the Retart Button</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.score">score</a></b>
+								</div>
+								<div class="description">Initial score</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.startButton">startButton</a></b>
+								</div>
+								<div class="description">Display the Start Button</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.total">total</a></b>
+								</div>
+								<div class="description">Initial total</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.kFooter.defaults.<b><a href="../symbols/%24.ui.kFooter.defaults.html#.winningScore">winningScore</a></b>
+								</div>
+								<div class="description">The score that will win the game</div>
+							</td>
+						</tr>
+					
+					</tbody>
+				</table>
+				
+				
+				
+				<dl class="inheritsList">
+				
+				</dl>
+				
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				
+				
+				<dl class="inheritsList">
+				<dt>Methods borrowed from class <a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a>: </dt><dd><a href="../symbols/%24.ui.kFooter.html#dec">dec</a>, <a href="../symbols/%24.ui.kFooter.html#decTotal">decTotal</a>, <a href="../symbols/%24.ui.kFooter.html#destroy">destroy</a>, <a href="../symbols/%24.ui.kFooter.html#getScore">getScore</a>, <a href="../symbols/%24.ui.kFooter.html#getTotal">getTotal</a>, <a href="../symbols/%24.ui.kFooter.html#inc">inc</a>, <a href="../symbols/%24.ui.kFooter.html#incTotal">incTotal</a>, <a href="../symbols/%24.ui.kFooter.html#restart">restart</a>, <a href="../symbols/%24.ui.kFooter.html#setScore">setScore</a>, <a href="../symbols/%24.ui.kFooter.html#setTotal">setTotal</a></dd>
+				</dl>
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui.kFooter.defaults</b>
+				</div>
+				
+				<div class="description">
+					Default settings for the kFooter widget
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+				<div class="sectionTitle">
+					Field Detail
+				</div>
+				
+					<a name=".locale"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{String}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>locale</b>
+					
+					</div>
+					<div class="description">
+						Default locale, valid options are "en" and "ne"
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								"en"
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".pauseButton"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{boolean}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>pauseButton</b>
+					
+					</div>
+					<div class="description">
+						Display the Pause Button
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								false
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".restartButton"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{boolean}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>restartButton</b>
+					
+					</div>
+					<div class="description">
+						Display the Retart Button
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								true
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".score"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{Number}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>score</b>
+					
+					</div>
+					<div class="description">
+						Initial score
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								0
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".startButton"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{boolean}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>startButton</b>
+					
+					</div>
+					<div class="description">
+						Display the Start Button
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								false
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".total"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{Number}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>total</b>
+					
+					</div>
+					<div class="description">
+						Initial total
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								0
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".winningScore"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{Number}</span>
+					<span class="light">$.ui.kFooter.defaults.</span><b>winningScore</b>
+					
+					</div>
+					<div class="description">
+						The score that will win the game
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								0
+							</dd>
+							</dl>
+						
+
+					
+				
+			
+
+<!-- ============================== method details ========================= -->		
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:18 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/$.ui.kFooter.html b/docs/symbols/$.ui.kFooter.html
new file mode 100644
index 0000000..dec6849
--- /dev/null
+++ b/docs/symbols/$.ui.kFooter.html
@@ -0,0 +1,777 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui.kFooter</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
+	
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui.kFooter
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				
+			
+				KFooter widget
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.kFooter.js.html">ui.kFooter.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.kFooter.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.kFooter.html#constructor">$.ui.kFooter</a></b>
+							</div>
+							<div class="description"></div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+				
+				
+				
+				
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.kFooter.">
+					<caption>Method Summary</caption>
+					<thead>
+						<tr>
+							<th scope="col">Method Attributes</th>
+							<th scope="col">Method Name and Description</th>
+						</tr>
+					</thead>
+					<tbody>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#dec">dec</a></b>(val)
+								</div>
+								<div class="description">Decrements the score by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#decTotal">decTotal</a></b>(val)
+								</div>
+								<div class="description">Decrements the total by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#destroy">destroy</a></b>()
+								</div>
+								<div class="description">Removes the kFooter widget and all related data from the DOM</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#getScore">getScore</a></b>()
+								</div>
+								<div class="description">Gets the current score</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#getTotal">getTotal</a></b>()
+								</div>
+								<div class="description">Gets the current total</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#inc">inc</a></b>(val)
+								</div>
+								<div class="description">Increments the score by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#incTotal">incTotal</a></b>(val)
+								</div>
+								<div class="description">Increments the total by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#restart">restart</a></b>()
+								</div>
+								<div class="description">Resets the score and total to initial values and triggers 
+the "kFooterRestart" event</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#setScore">setScore</a></b>(newScore)
+								</div>
+								<div class="description">Sets the current score</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.kFooter.html#setTotal">setTotal</a></b>(newTotal)
+								</div>
+								<div class="description">Sets the current total</div>
+							</td>
+						</tr>
+					
+					</tbody>
+				</table>
+				
+				
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui.kFooter</b>
+				</div>
+				
+				<div class="description">
+					
+					
+				</div>
+				
+				
+				
+				<pre class="code">Emits the event kFooterWinGame when the maxScore is reached <br />
+Emits the event kFooterRestart when game restarted <br />
+Start button emits kFooterStart event when clicked <br />
+Restart button emits kFooterRestart event when clicked <br />
+Pause button emits the kFooterPause event when clicked <br /></pre>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== method details ========================= -->		
+			
+				<div class="sectionTitle">
+					Method Detail
+				</div>
+				
+					<a name="dec"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>dec</b>(val)
+					
+					</div>
+					<div class="description">
+						Decrements the score by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>decrement value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="decTotal"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>decTotal</b>(val)
+					
+					</div>
+					<div class="description">
+						Decrements the total by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>decrement value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="destroy"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>destroy</b>()
+					
+					</div>
+					<div class="description">
+						Removes the kFooter widget and all related data from the DOM
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="getScore"> </a>
+					<div class="fixedFont">
+					
+					<span class="light">{Number}</span>
+					<b>getScore</b>()
+					
+					</div>
+					<div class="description">
+						Gets the current score
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd><span class="light fixedFont">{Number}</span> current score</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name="getTotal"> </a>
+					<div class="fixedFont">
+					
+					<span class="light">{Number}</span>
+					<b>getTotal</b>()
+					
+					</div>
+					<div class="description">
+						Gets the current total
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd><span class="light fixedFont">{Number}</span> current total</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name="inc"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>inc</b>(val)
+					
+					</div>
+					<div class="description">
+						Increments the score by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>increment value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="incTotal"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>incTotal</b>(val)
+					
+					</div>
+					<div class="description">
+						Increments the total by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>increment value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="restart"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>restart</b>()
+					
+					</div>
+					<div class="description">
+						Resets the score and total to initial values and triggers 
+the "kFooterRestart" event
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="setScore"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>setScore</b>(newScore)
+					
+					</div>
+					<div class="description">
+						Sets the current score
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>newScore</b>
+									
+								</dt>
+								<dd>new score</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="setTotal"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>setTotal</b>(newTotal)
+					
+					</div>
+					<div class="description">
+						Sets the current total
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>newTotal</b>
+									
+								</dt>
+								<dd>new total</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					
+				
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:17 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/Karma.html b/docs/symbols/Karma.html
index 9002f0e..62a363a 100755
--- a/docs/symbols/Karma.html
+++ b/docs/symbols/Karma.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -1433,7 +1437,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 Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:18 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kAudio.html b/docs/symbols/Karma.kAudio.html
index 56c18b8..c5c5ecb 100755
--- a/docs/symbols/Karma.kAudio.html
+++ b/docs/symbols/Karma.kAudio.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -495,7 +499,7 @@ via the media property of kAudio. Read more about the properties of the <a href=
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:18 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kCanvas.html b/docs/symbols/Karma.kCanvas.html
index edc5e7d..32384bc 100755
--- a/docs/symbols/Karma.kCanvas.html
+++ b/docs/symbols/Karma.kCanvas.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -3395,7 +3399,7 @@ alphabetic, ideographic, or bottom, then the value must be changed to the new va
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:14 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:21 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kImage.html b/docs/symbols/Karma.kImage.html
index 421234d..4387f58 100755
--- a/docs/symbols/Karma.kImage.html
+++ b/docs/symbols/Karma.kImage.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -432,7 +436,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 Wed Jan 20 2010 17:12:14 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:21 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kSvg.html b/docs/symbols/Karma.kSvg.html
index 6c2c448..b3bd766 100755
--- a/docs/symbols/Karma.kSvg.html
+++ b/docs/symbols/Karma.kSvg.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -717,7 +721,7 @@ $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:14 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:21 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kVideo.html b/docs/symbols/Karma.kVideo.html
index 54af752..fc7ac4a 100755
--- a/docs/symbols/Karma.kVideo.html
+++ b/docs/symbols/Karma.kVideo.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -427,7 +431,7 @@ to Karma in the Karma() method
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:15 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:21 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/_global_.html b/docs/symbols/_global_.html
index 30d02ea..1d6a0f3 100755
--- a/docs/symbols/_global_.html
+++ b/docs/symbols/_global_.html
@@ -189,9 +189,13 @@ ul.inheritsList
 <h2>Classes</h2>
 <ul class="classList">
 	
-	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	<li><a href="../symbols/%24.ui.feedback.html">$.ui.feedback</a></li>
 	
-	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	<li><a href="../symbols/%24.ui.feedback.defaults.html">$.ui.feedback.defaults</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.html">$.ui.kFooter</a></li>
+	
+	<li><a href="../symbols/%24.ui.kFooter.defaults.html">$.ui.kFooter.defaults</a></li>
 	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
@@ -259,7 +263,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 Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 27 2010 13:55:18 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/src/js_ui.feedback.js.html b/docs/symbols/src/js_ui.feedback.js.html
new file mode 100644
index 0000000..64d7115
--- /dev/null
+++ b/docs/symbols/src/js_ui.feedback.js.html
@@ -0,0 +1,100 @@
+<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>
+	.KEYW {color: #933;}
+	.COMM {color: #bbb; font-style: italic;}
+	.NUMB {color: #393;}
+	.STRN {color: #393;}
+	.REGX {color: #339;}
+	.line {border-right: 1px dotted #666; color: #666; font-style: normal;}
+	</style></head><body><pre><span class='line'>  1</span> <span class="COMM">/**
+<span class='line'>  2</span> * @fileOverview a scoreboard widget
+<span class='line'>  3</span> * @author Bryan Berry &lt;bryan@olenepal.org> 
+<span class='line'>  4</span> *  uses MIT License
+<span class='line'>  5</span> */</span><span class="WHIT">
+<span class='line'>  6</span> 
+<span class='line'>  7</span> 
+<span class='line'>  8</span> 
+<span class='line'>  9</span> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">$</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 10</span> 
+<span class='line'> 11</span> </span><span class="WHIT">     </span><span class="COMM">// This is a dummy function, just here as placeholder to</span><span class="WHIT">
+<span class='line'> 12</span> </span><span class="WHIT">     </span><span class="COMM">// to make the jsdoc tool happy</span><span class="WHIT">
+<span class='line'> 13</span> </span><span class="WHIT">     </span><span class="COMM">/** @name $.ui.feedback
+<span class='line'> 14</span>       * @namespace Feedback widget
+<span class='line'> 15</span>       */</span><span class="WHIT">
+<span class='line'> 16</span> </span><span class="WHIT">     </span><span class="NAME">$.ui.feedback</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 17</span> 
+<span class='line'> 18</span> </span><span class="WHIT">     </span><span class="NAME">$.widget</span><span class="PUNC">(</span><span class="STRN">'ui.feedback'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 19</span> </span><span class="WHIT">	      </span><span class="COMM">/** @lends $.ui.feedback.prototype */</span><span class="WHIT">
+<span class='line'> 20</span> </span><span class="WHIT">	      </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 21</span> </span><span class="WHIT">		  </span><span class="COMM">/** Displays the correct icon in the center of the screen
+<span class='line'> 22</span> 		   *  and plays the sound "correct" if loaded
+<span class='line'> 23</span> 		   */</span><span class="WHIT">
+<span class='line'> 24</span> </span><span class="WHIT">		  </span><span class="NAME">correct</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 25</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$correct</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.$correct.css</span><span class="PUNC">(</span><span class="STRN">'display'</span><span class="PUNC">,</span><span class="STRN">'block'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 26</span> </span><span class="WHIT">		      </span><span class="NAME">setTimeout</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 27</span> </span><span class="WHIT">				       </span><span class="NAME">$correct.fadeOut</span><span class="PUNC">(</span><span class="NUMB">500</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 28</span> </span><span class="WHIT">				   </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">500</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 29</span> </span><span class="WHIT">		      </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Karma.audio</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Karma.audio.correct</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 30</span> </span><span class="WHIT">			  </span><span class="NAME">Karma.audio.correct.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 31</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 32</span> </span><span class="WHIT">		      
+<span class='line'> 33</span> 		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 34</span> </span><span class="WHIT">		  </span><span class="COMM">/** Displays the incorrect icon in the center of the screen
+<span class='line'> 35</span> 		   *  and plays the sound "incorrect" if loaded
+<span class='line'> 36</span> 		   */</span><span class="WHIT">
+<span class='line'> 37</span> </span><span class="WHIT">		  </span><span class="NAME">incorrect</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 38</span> </span><span class="WHIT">		      
+<span class='line'> 39</span> 		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$incorrect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.$incorrect.css</span><span class="PUNC">(</span><span class="STRN">'display'</span><span class="PUNC">,</span><span class="STRN">'block'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 40</span> </span><span class="WHIT">		      </span><span class="NAME">setTimeout</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 41</span> </span><span class="WHIT">				       </span><span class="NAME">$incorrect.fadeOut</span><span class="PUNC">(</span><span class="NUMB">500</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 42</span> </span><span class="WHIT">				   </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">500</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 43</span> 
+<span class='line'> 44</span> </span><span class="WHIT">		      </span><span class="COMM">//this.$incorrect.css('display','block').fadeOut(3000);</span><span class="WHIT">
+<span class='line'> 45</span> </span><span class="WHIT">		      </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Karma.audio</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Karma.audio.incorrect</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 46</span> </span><span class="WHIT">			  </span><span class="NAME">Karma.audio.incorrect.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 47</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 48</span> </span><span class="WHIT">		      
+<span class='line'> 49</span> 		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 50</span> </span><span class="WHIT">		  </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 51</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 52</span> </span><span class="WHIT">		      
+<span class='line'> 53</span> 		      </span><span class="NAME">this.element</span><span class="WHIT">
+<span class='line'> 54</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 55</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="NAME">position</span><span class="PUNC">:</span><span class="STRN">'absolute'</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'> 56</span> 				</span><span class="NAME">top</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'40%'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">left</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'40%'</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 57</span> </span><span class="WHIT">		      
+<span class='line'> 58</span> 		      </span><span class="NAME">this.$correct</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;div>&lt;/div>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 59</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-correct'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 60</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 61</span> 
+<span class='line'> 62</span> </span><span class="WHIT">		      </span><span class="NAME">this.$incorrect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;div>&lt;/div>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 63</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-feedback-incorrect'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 64</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">this.element</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 65</span> 
+<span class='line'> 66</span> </span><span class="WHIT">		      </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'body'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 67</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">bind</span><span class="PUNC">(</span><span class="STRN">'feedbackCorrect'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 68</span> </span><span class="WHIT">				    </span><span class="NAME">self.correct</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 69</span> </span><span class="WHIT">				     </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 70</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">bind</span><span class="PUNC">(</span><span class="STRN">'feedbackIncorrect'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 71</span> </span><span class="WHIT">				    </span><span class="NAME">self.incorrect</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 72</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 73</span> </span><span class="WHIT">		      
+<span class='line'> 74</span> 					</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 75</span> </span><span class="WHIT">		  </span><span class="COMM">/** Removes the feedback widget and all related data from the DOM */</span><span class="WHIT">
+<span class='line'> 76</span> </span><span class="WHIT">		  </span><span class="NAME">destroy</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 77</span> </span><span class="WHIT">		      </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 78</span> </span><span class="WHIT">		      </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 79</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 80</span> 
+<span class='line'> 81</span> </span><span class="WHIT">		  
+<span class='line'> 82</span> 	      </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 83</span> 
+<span class='line'> 84</span> </span><span class="WHIT">	      </span><span class="NAME">$.ui.feedback.getter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 85</span> </span><span class="WHIT">		
+<span class='line'> 86</span> 		</span><span class="COMM">/** Default settings for the feedback widget
+<span class='line'> 87</span> 		 * @namespace Default settings for the feedback widget
+<span class='line'> 88</span> 		 * @extends $.ui.feedback
+<span class='line'> 89</span> 		 */</span><span class="WHIT">			   
+<span class='line'> 90</span> 	      </span><span class="NAME">$.ui.feedback.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 91</span> </span><span class="WHIT">	      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 92</span> 
+<span class='line'> 93</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
diff --git a/docs/symbols/src/js_ui.kFooter.js.html b/docs/symbols/src/js_ui.kFooter.js.html
new file mode 100644
index 0000000..b089d78
--- /dev/null
+++ b/docs/symbols/src/js_ui.kFooter.js.html
@@ -0,0 +1,338 @@
+<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>
+	.KEYW {color: #933;}
+	.COMM {color: #bbb; font-style: italic;}
+	.NUMB {color: #393;}
+	.STRN {color: #393;}
+	.REGX {color: #339;}
+	.line {border-right: 1px dotted #666; color: #666; font-style: normal;}
+	</style></head><body><pre><span class='line'>  1</span> <span class="COMM">/**
+<span class='line'>  2</span> * @fileOverview a scoreboard widget
+<span class='line'>  3</span> * @author Bryan Berry &lt;bryan@olenepal.org> 
+<span class='line'>  4</span> *  uses MIT License
+<span class='line'>  5</span> */</span><span class="WHIT">
+<span class='line'>  6</span> 
+<span class='line'>  7</span> 
+<span class='line'>  8</span> 
+<span class='line'>  9</span> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">$</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 10</span> 
+<span class='line'> 11</span> </span><span class="WHIT">     </span><span class="COMM">// This is a dummy function, just here as placeholder to</span><span class="WHIT">
+<span class='line'> 12</span> </span><span class="WHIT">     </span><span class="COMM">// to make the jsdoc tool happy</span><span class="WHIT">
+<span class='line'> 13</span> </span><span class="WHIT">     </span><span class="COMM">/** @name $.ui.kFooter
+<span class='line'> 14</span>       * @namespace KFooter widget 
+<span class='line'> 15</span>       * @example Emits the event kFooterWinGame when the maxScore is reached &lt;br />
+<span class='line'> 16</span>       * Emits the event kFooterRestart when game restarted &lt;br />
+<span class='line'> 17</span>       * Start button emits kFooterStart event when clicked &lt;br />
+<span class='line'> 18</span>       * Restart button emits kFooterRestart event when clicked &lt;br />
+<span class='line'> 19</span>       * Pause button emits the kFooterPause event when clicked &lt;br />
+<span class='line'> 20</span>       */</span><span class="WHIT">
+<span class='line'> 21</span> </span><span class="WHIT">     </span><span class="NAME">$.ui.kFooter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 22</span> 
+<span class='line'> 23</span> </span><span class="WHIT">     </span><span class="NAME">$.widget</span><span class="PUNC">(</span><span class="STRN">'ui.kFooter'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 24</span> </span><span class="WHIT">	      </span><span class="COMM">/** @lends $.ui.kFooter.prototype */</span><span class="WHIT">
+<span class='line'> 25</span> </span><span class="WHIT">	      </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 26</span> </span><span class="WHIT">		  </span><span class="COMM">/** Gets the current score
+<span class='line'> 27</span> 		   * @returns {Number} current score
+<span class='line'> 28</span> 		   */</span><span class="WHIT">
+<span class='line'> 29</span> </span><span class="WHIT">		  </span><span class="NAME">getScore</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 30</span> </span><span class="WHIT">		      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 31</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 32</span> </span><span class="WHIT">		   </span><span class="COMM">/** Sets the current score
+<span class='line'> 33</span> 		   * @param {Number} newScore new score
+<span class='line'> 34</span> 		   */</span><span class="WHIT">
+<span class='line'> 35</span> </span><span class="WHIT">		  </span><span class="NAME">setScore</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">newScore</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 36</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">newScore</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 37</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 38</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 39</span> </span><span class="WHIT">		  </span><span class="COMM">/** Gets the current total
+<span class='line'> 40</span> 		   * @returns {Number} current total
+<span class='line'> 41</span> 		   */</span><span class="WHIT">
+<span class='line'> 42</span> </span><span class="WHIT">		  </span><span class="NAME">getTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 43</span> </span><span class="WHIT">		      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 44</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 45</span> </span><span class="WHIT">		  </span><span class="COMM">/** Sets the current total
+<span class='line'> 46</span> 		   * @param {Number} newTotal new total
+<span class='line'> 47</span> 		   */</span><span class="WHIT">
+<span class='line'> 48</span> </span><span class="WHIT">		  </span><span class="NAME">setTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">newTotal</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 49</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">newTotal</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 50</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">  
+<span class='line'> 51</span> 		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 52</span> </span><span class="WHIT">		  </span><span class="COMM">/**
+<span class='line'> 53</span> 		   * Resets the score and total to initial values and triggers 
+<span class='line'> 54</span> 		   * the "kFooterRestart" event
+<span class='line'> 55</span> 		   */</span><span class="WHIT">
+<span class='line'> 56</span> </span><span class="WHIT">		  </span><span class="NAME">restart</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 57</span> </span><span class="WHIT">		      </span><span class="NAME">this.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterRestart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 58</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'initialScore'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 59</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'initialTotal'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 60</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 61</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 62</span> </span><span class="WHIT">		  </span><span class="COMM">/** Increments the score by 1 or by the supplied numeric argument
+<span class='line'> 63</span> 		   * @param {Number} [val] increment value
+<span class='line'> 64</span> 		   */</span><span class="WHIT">
+<span class='line'> 65</span> </span><span class="WHIT">		  </span><span class="NAME">inc</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 66</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">incVal</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">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 67</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT">  </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">incVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 68</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 69</span> </span><span class="WHIT">		      </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'winScore'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 70</span> </span><span class="WHIT">			  </span><span class="NAME">this.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterWinGame'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 71</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 72</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 73</span> </span><span class="WHIT">		   </span><span class="COMM">/** Increments the total by 1 or by the supplied numeric argument
+<span class='line'> 74</span> 		   * @param {Number} [val] increment value
+<span class='line'> 75</span> 		   */</span><span class="WHIT">
+<span class='line'> 76</span> </span><span class="WHIT">		  </span><span class="NAME">incTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 77</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">incVal</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">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 78</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT">  </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">incVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 79</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 80</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 81</span> </span><span class="WHIT">		   </span><span class="COMM">/** Decrements the score by 1 or by the supplied numeric argument
+<span class='line'> 82</span> 		   * @param {Number} [val] decrement value
+<span class='line'> 83</span> 		   */</span><span class="WHIT">
+<span class='line'> 84</span> </span><span class="WHIT">		  </span><span class="NAME">dec</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 85</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">decVal</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">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 86</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT">  </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 87</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 88</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 89</span> </span><span class="WHIT">		   </span><span class="COMM">/** Decrements the total by 1 or by the supplied numeric argument
+<span class='line'> 90</span> 		   * @param {Number} [val] decrement value
+<span class='line'> 91</span> 		   */</span><span class="WHIT">
+<span class='line'> 92</span> </span><span class="WHIT">		  </span><span class="NAME">decTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 93</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">decVal</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">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 94</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT">  </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 95</span> </span><span class="WHIT">		      </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 96</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 97</span> </span><span class="WHIT">		  </span><span class="NAME">_</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 98</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 99</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">loc</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>100</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertNumLocale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">num</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>101</span> </span><span class="WHIT">			  </span><span class="COMM">//48 is the base for western numerals</span><span class="WHIT">
+<span class='line'>102</span> </span><span class="WHIT">			  </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertDigit</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">digit</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>103</span> </span><span class="WHIT">			  
+<span class='line'>104</span> 			      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">48</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>105</span> </span><span class="WHIT">			      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"u00"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>106</span> </span><span class="WHIT">			      
+<span class='line'>107</span> 			      </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>108</span> </span><span class="WHIT">				  </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"u0"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>109</span> </span><span class="WHIT">				  </span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">2406</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>110</span> </span><span class="WHIT">			      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>111</span> </span><span class="WHIT">			 
+<span class='line'>112</span> 			      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">'\\'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> 
+<span class='line'>113</span> 			      		  </span><span class="PUNC">(</span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">digit</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toString</span><span class="PUNC">(</span><span class="NUMB">16</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>114</span> </span><span class="WHIT">			  </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>115</span> </span><span class="WHIT">			  
+<span class='line'>116</span> 			  </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">charArray</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">num.toString</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">map</span><span class="PUNC">(</span><span class="NAME">convertDigit</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>117</span> </span><span class="WHIT">			  </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">eval</span><span class="PUNC">(</span><span class="STRN">'"'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">charArray.join</span><span class="PUNC">(</span><span class="STRN">''</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'"'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>118</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>119</span> </span><span class="WHIT">		      
+<span class='line'>120</span> 		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertStringLocale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>121</span> </span><span class="WHIT">			  </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>122</span> </span><span class="WHIT">			      </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>123</span> </span><span class="WHIT">				  </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Score"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>124</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"अङ्क"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>125</span> </span><span class="WHIT">				  </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Total"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>126</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"जम्मा"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>127</span> </span><span class="WHIT">				  </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Play Again"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>128</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"फेरी खेलौ"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>129</span> </span><span class="WHIT">				  </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Pause"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>130</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"खेल रोकौ"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>131</span> </span><span class="WHIT">				  </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Start"</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>132</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"सुरु गरौ"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>133</span> </span><span class="WHIT">				  </span><span class="KEYW">default</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>134</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"string not translated"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>135</span> </span><span class="WHIT">			      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>136</span> </span><span class="WHIT">			  </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>137</span> </span><span class="WHIT">			      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"String really not translated"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>138</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">    
+<span class='line'>139</span> 			  
+<span class='line'>140</span> 		      
+<span class='line'>141</span> 		      
+<span class='line'>142</span> 		      </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"number"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>143</span> </span><span class="WHIT">			  </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">convertNumLocale</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>144</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>145</span> </span><span class="WHIT">		      
+<span class='line'>146</span> 		      </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"en"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT">			  </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">convertStringLocale</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>148</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>149</span> </span><span class="WHIT">			  </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>150</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>151</span> 
+<span class='line'>152</span> </span><span class="WHIT">	  
+<span class='line'>153</span> 		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>154</span> </span><span class="WHIT">		  </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>155</span> 
+<span class='line'>156</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divDisplay</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"inline"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>157</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.score</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>158</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.total</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>159</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>160</span> </span><span class="WHIT">		      
+<span class='line'>161</span> 		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$.extend</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$.ui.kFooter.defaults</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>162</span> 
+<span class='line'>163</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>164</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>165</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>166</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>167</span> 		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'winScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.winningScore</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>168</span> 		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">options.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>169</span> 
+<span class='line'>170</span> </span><span class="WHIT">		     
+<span class='line'>171</span> 		      </span><span class="NAME">this.element.addClass</span><span class="PUNC">(</span><span class="STRN">'ui-widget ui-widget-content '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>172</span> </span><span class="WHIT">			      </span><span class="STRN">' ui-kFooter-container'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>173</span> 
+<span class='line'>174</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$parent</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;div>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>175</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>176</span> </span><span class="WHIT">		     
+<span class='line'>177</span> 		      </span><span class="NAME">this._scoreText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;div>&lt;span>'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Score"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> 
+<span class='line'>178</span> 					  </span><span class="STRN">"&lt;/span>&lt;/div>"</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>179</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left ui-kFooter-text'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>180</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>181</span> 
+<span class='line'>182</span> </span><span class="WHIT">		      </span><span class="NAME">this._score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"&lt;div>&lt;span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">score</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"&lt;/span>&lt;/div>"</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>184</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-kFooter-text ui-kFooter-number'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>185</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>186</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-corner-all'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>187</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>188</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>189</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>190</span> 
+<span class='line'>191</span> 
+<span class='line'>192</span> </span><span class="WHIT">		     </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"&lt;div>&lt;span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Total"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"&lt;/span>&lt;/div>"</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>193</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>194</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-corner-all ui-kFooter-text'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>195</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>196</span> 
+<span class='line'>197</span> </span><span class="WHIT">		      </span><span class="NAME">this._total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"&lt;div>&lt;span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">total</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"&lt;/span>&lt;/div>"</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>198</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-kFooter-left'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>199</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-kFooter-text ui-kFooter-number'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>200</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>201</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-corner-all'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>203</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>204</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>205</span> 
+<span class='line'>206</span> 
+<span class='line'>207</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$templateBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;button>&lt;/button>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>208</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-spacing ui-corner-all '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>209</span> </span><span class="WHIT">				  </span><span class="STRN">' ui-state-default ui-kFooter-right ui-kFooter-button'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">append</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>211</span> </span><span class="WHIT">				  </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;span>&lt;/span>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>212</span> </span><span class="WHIT">				      </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon ui-kFooter-icon'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>213</span> </span><span class="WHIT">			      </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>214</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">append</span><span class="PUNC">(</span><span class="WHIT"> 
+<span class='line'>215</span> 				      </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;span>&lt;/span>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>216</span> </span><span class="WHIT">					  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-kFooter-button-text'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>217</span> </span><span class="WHIT">			      </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>218</span> </span><span class="WHIT">		       
+<span class='line'>219</span> 		      </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.restartButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>220</span> </span><span class="WHIT">			  </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$restartBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>221</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>222</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowrefresh-1-w'</span><span class="PUNC">)</span><span class="WHIT"> 
+<span class='line'>223</span> 			      </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>224</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> 
+<span class='line'>225</span> 			      </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Play Again'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>226</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>227</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">self.restart</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>228</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">	  
+<span class='line'>229</span> 		      </span><span class="PUNC">}</span><span class="WHIT">   
+<span class='line'>230</span> 
+<span class='line'>231</span> 
+<span class='line'>232</span> 		      </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.pauseButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>233</span> 
+<span class='line'>234</span> </span><span class="WHIT">			  </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$pauseBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>235</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="COMM">//</span><span class="WHIT">
+<span class='line'>236</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowrefresh-1-w'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>237</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-pause'</span><span class="PUNC">)</span><span class="WHIT"> 
+<span class='line'>238</span> 			    </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>239</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> 
+<span class='line'>240</span> 			    </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Pause'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>241</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>242</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> 
+<span class='line'>243</span> 				       </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterPause'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>244</span> 				   </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>245</span> </span><span class="WHIT">			    </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>246</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>247</span> 
+<span class='line'>248</span> </span><span class="WHIT">		      </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.startButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>249</span> </span><span class="WHIT">			  </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$startBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>250</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>251</span> </span><span class="WHIT">		              </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-play'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>252</span> </span><span class="WHIT">		              </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>253</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>254</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">'Start'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>255</span> </span><span class="WHIT">		              </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>256</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> 
+<span class='line'>257</span> 				       </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'kFooterStart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>258</span> 				   </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>259</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>260</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>261</span> 
+<span class='line'>262</span> 
+<span class='line'>263</span> </span><span class="WHIT">		      </span><span class="NAME">$parent.find</span><span class="PUNC">(</span><span class="STRN">'button'</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">hover</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>264</span> </span><span class="WHIT">			      </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> 
+<span class='line'>265</span> 				  </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>266</span> 			      </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>267</span> </span><span class="WHIT">			      </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> 
+<span class='line'>268</span> 				  </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>269</span> 			      </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>270</span> 
+<span class='line'>271</span> </span><span class="WHIT">		      </span><span class="NAME">this.element.append</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>272</span> 
+<span class='line'>273</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>274</span> </span><span class="WHIT">		  </span><span class="NAME">_refresh</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>275</span> </span><span class="WHIT">		      </span><span class="NAME">this._score.text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>276</span> </span><span class="WHIT">		      </span><span class="NAME">this._total.text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>277</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>278</span> </span><span class="WHIT">		  </span><span class="COMM">/** Removes the kFooter widget and all related data from the DOM */</span><span class="WHIT">
+<span class='line'>279</span> </span><span class="WHIT">		  </span><span class="NAME">destroy</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>280</span> </span><span class="WHIT">		      </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>281</span> </span><span class="WHIT">		      </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>282</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>283</span> 
+<span class='line'>284</span> </span><span class="WHIT">		  
+<span class='line'>285</span> 	      </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>286</span> 
+<span class='line'>287</span> </span><span class="WHIT">	      </span><span class="NAME">$.ui.kFooter.getter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">'getScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'getTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'_convertNumLocale'</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>288</span> </span><span class="WHIT">		
+<span class='line'>289</span> 		</span><span class="COMM">/** Default settings for the kFooter widget
+<span class='line'>290</span> 		 * @namespace Default settings for the kFooter widget
+<span class='line'>291</span> 		 * @extends $.ui.kFooter
+<span class='line'>292</span> 		 */</span><span class="WHIT">			   
+<span class='line'>293</span> 	      </span><span class="NAME">$.ui.kFooter.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>294</span> </span><span class="WHIT">                  </span><span class="COMM">/** Initial score
+<span class='line'>295</span> 		   * @type Number 
+<span class='line'>296</span> 		   * @default 0
+<span class='line'>297</span> 		   */</span><span class="WHIT">
+<span class='line'>298</span> </span><span class="WHIT">		  </span><span class="NAME">score</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>299</span> 		  </span><span class="COMM">/** Initial total
+<span class='line'>300</span> 		   * @type Number
+<span class='line'>301</span> 		   * @default 0
+<span class='line'>302</span> 		   */</span><span class="WHIT">
+<span class='line'>303</span> </span><span class="WHIT">		  </span><span class="NAME">total</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>304</span> 		  </span><span class="COMM">/** The score that will win the game
+<span class='line'>305</span> 		   * @type Number
+<span class='line'>306</span> 		   * @default 0
+<span class='line'>307</span> 		   */</span><span class="WHIT">
+<span class='line'>308</span> </span><span class="WHIT">		  </span><span class="NAME">winningScore</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>309</span> </span><span class="WHIT">		  </span><span class="COMM">/** Default locale, valid options are "en" and "ne" 
+<span class='line'>310</span> 		   * @type String
+<span class='line'>311</span> 		   * @default "en"
+<span class='line'>312</span> 		   */</span><span class="WHIT">
+<span class='line'>313</span> </span><span class="WHIT">		  </span><span class="NAME">locale</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>314</span> </span><span class="WHIT">		  </span><span class="COMM">/** Display the Start Button
+<span class='line'>315</span> 		   * @type boolean
+<span class='line'>316</span> 		   * @default false
+<span class='line'>317</span> 		   */</span><span class="WHIT">
+<span class='line'>318</span> </span><span class="WHIT">		  </span><span class="NAME">startButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>319</span> </span><span class="WHIT">		  </span><span class="COMM">/** Display the Retart Button
+<span class='line'>320</span> 		   * @type boolean
+<span class='line'>321</span> 		   * @default true
+<span class='line'>322</span> 		   */</span><span class="WHIT">
+<span class='line'>323</span> </span><span class="WHIT">		  </span><span class="NAME">restartButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>324</span> </span><span class="WHIT">		  </span><span class="COMM">/** Display the Pause Button
+<span class='line'>325</span> 		   * @type boolean
+<span class='line'>326</span> 		   * @default false
+<span class='line'>327</span> 		   */</span><span class="WHIT">
+<span class='line'>328</span> </span><span class="WHIT">		  </span><span class="NAME">pauseButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT">
+<span class='line'>329</span> </span><span class="WHIT">	      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>330</span> 
+<span class='line'>331</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
diff --git a/examples/English_Animal_Identification/launch.html b/examples/English_Animal_Identification/launch.html
new file mode 100644
index 0000000..328877f
--- /dev/null
+++ b/examples/English_Animal_Identification/launch.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Launch Page for English Animal Identification</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <link type="image/ico" rel="icon" href="../../assets/image/favicon.ico" />
+  <link type="text/css" rel="stylesheet" href="../../css/kLaunch.css" />
+  <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
+  
+</head>
+<body id="kLaunch">
+  <div id="top">
+      <a href="../../list.html" title="Back">
+	<div id='backBtn'>
+	</div>
+      </a>
+    <div id="topMiddle">
+      <div id="topDesc" class="center">Some Nepali text</div>
+      <div id="topE-Paath" class="center">E-Paath</div>
+    </div>
+  </div>
+  
+  <div id="middle">
+    <div id="grade" class="center">
+      <span id="gradeText">Grade: </span>
+      <span id="gradeNum">2</span>
+    </div>
+    <div id="subject" class="center">
+      English
+    </div>
+    <div id="lessonTitle" class="center">
+      <a href="./index.html">Identifying Animals</a>
+    </div>
+    <div id="lessonDesc" class="center">
+      This is a lesson for identifying animals
+    </div>
+    <div id="teachersNoteBtn" class="button">
+      <a href="#">
+      <div>Teacher's Note</div>
+      <div>Nepali translation</div>
+      </a>
+    </div>
+    <div id="lessonPlanBtn" class="button">
+      <a href="#">
+      <div>Lesson Plan</div>
+      <div>Nepali translation</div>
+      </a>
+    </div>
+  </div>
+  <div id="bottom">
+    <div class="center">OLE Nepal icon here</div>
+  </div>
+  <div id="copyright">
+    Copyright <a href="http://www.olenepal.org">OLE Nepal</a> 2009, 
+    <a href="http://www.opensource.org/licenses/mit-license.php">MIT License</a>
+  </div> 
+  <script type="text/javascript">
+    if (window.innerWidth !== 1200){
+	$('#kLaunch').css({width:'800px', height:'600px'});
+    }
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples/English_Animal_Identification/launch.html~ b/examples/English_Animal_Identification/launch.html~
new file mode 100644
index 0000000..a360f10
--- /dev/null
+++ b/examples/English_Animal_Identification/launch.html~
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Launch Page for English Animal Identification</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <link type="image/ico" rel="icon" href="../../assets/image/favicon.ico" />
+  <link type="text/css" rel="stylesheet" href="../../css/karma.css" />
+	
+</head>
+<body>
+</body>
+</html>
\ No newline at end of file
diff --git a/js/ui.feedback.js b/js/ui.feedback.js
index 10f0e6f..981384b 100755
--- a/js/ui.feedback.js
+++ b/js/ui.feedback.js
@@ -18,15 +18,30 @@
      $.widget('ui.feedback',
 	      /** @lends $.ui.feedback.prototype */
 	      {
+		  /** Displays the correct icon in the center of the screen
+		   *  and plays the sound "correct" if loaded
+		   */
 		  correct: function(){
-		      this.$correct.css('display','block').fadeOut(3000);
+		      var $correct = this.$correct.css('display','block');
+		      setTimeout ( function() {
+				       $correct.fadeOut(500);
+				   }, 500);
 		      if (Karma && Karma.audio && Karma.audio.correct){
 			  Karma.audio.correct.play();
 		      }
 		      
 		  },
+		  /** Displays the incorrect icon in the center of the screen
+		   *  and plays the sound "incorrect" if loaded
+		   */
 		  incorrect: function(){
-		      this.$incorrect.css('display','block').fadeOut(3000);
+		      
+		      var $incorrect = this.$incorrect.css('display','block');
+		      setTimeout ( function() {
+				       $incorrect.fadeOut(500);
+				   }, 500);
+
+		      //this.$incorrect.css('display','block').fadeOut(3000);
 		      if (Karma && Karma.audio && Karma.audio.incorrect){
 			  Karma.audio.incorrect.play();
 		      }
diff --git a/js/ui.kFooter.js b/js/ui.kFooter.js
index 8c5d934..23a4eef 100755
--- a/js/ui.kFooter.js
+++ b/js/ui.kFooter.js
@@ -11,7 +11,12 @@
      // This is a dummy function, just here as placeholder to
      // to make the jsdoc tool happy
      /** @name $.ui.kFooter
-      * @namespace KFooter widget
+      * @namespace KFooter widget 
+      * @example Emits the event kFooterWinGame when the maxScore is reached <br />
+      * Emits the event kFooterRestart when game restarted <br />
+      * Start button emits kFooterStart event when clicked <br />
+      * Restart button emits kFooterRestart event when clicked <br />
+      * Pause button emits the kFooterPause event when clicked <br />
       */
      $.ui.kFooter = function(){};
 
@@ -38,14 +43,15 @@
 		      return this._getData('total');
 		  },
 		  /** Sets the current total
-		   * @param {Number} newTotal new score
+		   * @param {Number} newTotal new total
 		   */
 		  setTotal : function(newTotal){
 		      this._setData('total', parseInt(newTotal));
 		      this._refresh();  
 		  },
 		  /**
-		   * Restarts the kFooter and triggers the "kFooterRestart" event
+		   * Resets the score and total to initial values and triggers 
+		   * the "kFooterRestart" event
 		   */
 		  restart : function(){
 		      this.element.trigger('kFooterRestart');
@@ -88,8 +94,9 @@
 		      this._setData('total',  this._getData('total') - decVal);
 		      this._refresh();
 		  },
-		  _ : function(val){
+		  _ : function(val, loc){
 		      var self = this;
+		      var locale = self._getData('locale') || loc;
 		      var convertNumLocale = function(num){
 			  //48 is the base for western numerals
 			  var convertDigit = function(digit){
@@ -136,7 +143,7 @@
 			  return convertNumLocale(val);
 		      }
 		      
-		      if (this._getData('locale') !== "en"){
+		      if (locale !== "en"){
 			  return convertStringLocale(val);
 		      }else {
 			  return val;