fixed jsdoc for scoreboard widget

23 files changed, 2673 insertions, 66 deletions

diff --git a/Jakefile b/Jakefile
index 29c4d68..839dd5b 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 -d=docs/ ' +
+		 path + '/app/run.js ' + './js/karma.js ./js/ui.scoreboard.js -d=docs/ ' +
 		 '-t=tools/jsdoc-toolkit/templates/jsdoc/';
 	     OS.system(cmd);
 	 } else {
diff --git a/css/theme/images/ui-icons_222222_768x720.png b/css/theme/images/ui-icons_222222_768x720.png
index 2437773..2437773 100644..100755
--- a/css/theme/images/ui-icons_222222_768x720.png
+++ b/css/theme/images/ui-icons_222222_768x720.png
diff --git a/css/theme/images/ui-icons_2e83ff_768x720.png b/css/theme/images/ui-icons_2e83ff_768x720.png
index 9727a25..9727a25 100644..100755
--- a/css/theme/images/ui-icons_2e83ff_768x720.png
+++ b/css/theme/images/ui-icons_2e83ff_768x720.png
diff --git a/css/theme/images/ui-icons_454545_768x720.png b/css/theme/images/ui-icons_454545_768x720.png
index 761d947..761d947 100644..100755
--- a/css/theme/images/ui-icons_454545_768x720.png
+++ b/css/theme/images/ui-icons_454545_768x720.png
diff --git a/css/theme/images/ui-icons_7811a2_768x720.png b/css/theme/images/ui-icons_7811a2_768x720.png
index cb1d7a2..cb1d7a2 100644..100755
--- a/css/theme/images/ui-icons_7811a2_768x720.png
+++ b/css/theme/images/ui-icons_7811a2_768x720.png
diff --git a/css/theme/images/ui-icons_cd0a0a_768x720.png b/css/theme/images/ui-icons_cd0a0a_768x720.png
index 788be14..788be14 100644..100755
--- a/css/theme/images/ui-icons_cd0a0a_768x720.png
+++ b/css/theme/images/ui-icons_cd0a0a_768x720.png
diff --git a/css/ui.scoreboard.css b/css/ui.scoreboard.css
index 802144f..02728d0 100755
--- a/css/ui.scoreboard.css
+++ b/css/ui.scoreboard.css
@@ -2,42 +2,47 @@
 max-width: 500em;
 max-height: 200px;
 float:left;
-padding-top:0.4em;
-padding-bottom:0.4em;
+padding-top:0.2em;
+padding-bottom:0.2em;
 }
 
-.ui-scoreboard-spacing-h{
-max-width: 200em;
-max-height: 300em;
+#uiScoreboard .ui-scoreboard-spacing-h{
 display:inline;
-margin-left:0.4em; 
-margin-right:0.4em;
 }
 
-.ui-scoreboard-text{
-font-size:larger;
+#uiScoreboard .ui-scoreboard-text span{
+/*font-size:larger;*/
 text-align: center;
+font-size:larger;
+float:left;
+margin-top: 0.3em;
+margin-left: 0.2em;
+margin-right: 0.2em;
 }
 
-.ui-scoreboard-number-h {
+#uiScoreboard .ui-scoreboard-number-h span {
 background-color:black;
 color: white; 
 padding-left:0.4em;
 padding-right:0.4em;
-font-size:larger;
 }
 
-.ui-scoreboard-button{
+#uiScoreboard .ui-scoreboard-button{
 float:right;
 cursor:pointer;
 }
 
-button .ui-scoreboard-icon{
+#uiScoreboard button{
+float:left;
+margin-left: 0.2em;
+margin-right: 0.2em;
+}
+
+#uiScoreboard button .ui-scoreboard-icon{
 float: left; 
-/*margin-right:0.3em;*/
 }
 
-button span.centered {
+#uiScoreboard button span.centered {
 float: left;
 padding-top: 0.4em;
 }
@@ -49,12 +54,12 @@ float:left;
 padding-top:0.4em;
 padding-bottom:0.4em;
 }
-.ui-scoreboard-spacing-v{
+#uiScoreboard .ui-scoreboard-spacing-v{
 display:block;
 margin: 0.4em;
 }
 
-.ui-scoreboard-number-v{
+#uiScoreboard .ui-scoreboard-number-v{
 background-color:black;
 color: white; 
 width: 1em;
@@ -62,7 +67,6 @@ text-align:center;
 margin-left:auto;
 margin-right: auto; 
 padding:0.4em;
-font-size:larger;
 }
 
 
diff --git a/docs/files.html b/docs/files.html
index 7465d21..59b1829 100755
--- a/docs/files.html
+++ b/docs/files.html
@@ -184,6 +184,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="symbols/Karma.html">Karma</a></li>
@@ -207,6 +211,23 @@ ul.inheritsList
 			
 			
 			<div>
+				<h2><a href="symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.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_karma.js.html">karma.js</a></h2>
 				
 Contains karma library
@@ -226,7 +247,7 @@ Contains karma library
 		</div>
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 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 20 2010 17:12:15 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 8e28feb..02f1d94 100755
--- a/docs/index.html
+++ b/docs/index.html
@@ -184,6 +184,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="symbols/Karma.html">Karma</a></li>
@@ -207,6 +211,18 @@ ul.inheritsList
 			
 			
 			<div>
+				<h2><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></h2>
+				Scoreboard widget
+			</div>
+			<hr />
+			
+			<div>
+				<h2><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></h2>
+				Default settings for the scoreboard widget
+			</div>
+			<hr />
+			
+			<div>
 				<h2><a href="symbols/_global_.html">_global_</a></h2>
 				
 			</div>
@@ -257,7 +273,7 @@ to Karma in the Karma() method
 		</div>
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 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 20 2010 17:12:15 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/docs/symbols/$.html b/docs/symbols/$.html
new file mode 100644
index 0000000..fa154c5
--- /dev/null
+++ b/docs/symbols/$.html
@@ -0,0 +1,322 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.html">$</a></li>
+	
+	<li><a href="../symbols/%24.ui.html">$.ui</a></li>
+	
+	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				
+			
+				
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.html#constructor">$</a></b>
+							</div>
+							<div class="description"></div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+				
+				
+				
+				
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$</b>
+				</div>
+				
+				<div class="description">
+					
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== method details ========================= -->		
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 16:31:15 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/$.ui.html b/docs/symbols/$.ui.html
new file mode 100644
index 0000000..f7cfe10
--- /dev/null
+++ b/docs/symbols/$.ui.html
@@ -0,0 +1,322 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.html">$</a></li>
+	
+	<li><a href="../symbols/%24.ui.html">$.ui</a></li>
+	
+	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				
+			
+				
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.html#constructor">$.ui</a></b>
+							</div>
+							<div class="description"></div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui</b>
+				</div>
+				
+				<div class="description">
+					
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== method details ========================= -->		
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 16:31:15 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/$.ui.scoreboard.defaults.html b/docs/symbols/$.ui.scoreboard.defaults.html
new file mode 100644
index 0000000..9727ae8
--- /dev/null
+++ b/docs/symbols/$.ui.scoreboard.defaults.html
@@ -0,0 +1,665 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui.scoreboard.defaults</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	
+	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui.scoreboard.defaults
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				<br />Extends
+					<a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a>.<br />
+				
+			
+				Default settings for the scoreboard widget
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.scoreboard.defaults.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.scoreboard.defaults.html#constructor">$.ui.scoreboard.defaults</a></b>
+							</div>
+							<div class="description">Default settings for the scoreboard widget</div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+				
+				
+				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class $.ui.scoreboard.defaults.">
+					<caption>Field Summary</caption>
+					<thead>
+						<tr>
+							<th scope="col">Field Attributes</th>
+							<th scope="col">Field Name and Description</th>
+						</tr>
+					</thead>
+					<tbody>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.layout">layout</a></b>
+								</div>
+								<div class="description">Initial layout, valid options are "horizontal" and "vertical"</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.locale">locale</a></b>
+								</div>
+								<div class="description">Default locale, valid options are "en" and "ne"</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.pauseButton">pauseButton</a></b>
+								</div>
+								<div class="description">Display the Pause Button</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.restartButton">restartButton</a></b>
+								</div>
+								<div class="description">Display the Retart Button</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.score">score</a></b>
+								</div>
+								<div class="description">Initial score</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.startButton">startButton</a></b>
+								</div>
+								<div class="description">Display the Start Button</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.total">total</a></b>
+								</div>
+								<div class="description">Initial total</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&lt;static&gt; &nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont">
+								$.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.winningScore">winningScore</a></b>
+								</div>
+								<div class="description">The score that will win the game</div>
+							</td>
+						</tr>
+					
+					</tbody>
+				</table>
+				
+				
+				
+				<dl class="inheritsList">
+				
+				</dl>
+				
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				
+				
+				<dl class="inheritsList">
+				<dt>Methods borrowed from class <a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a>: </dt><dd><a href="../symbols/%24.ui.scoreboard.html#dec">dec</a>, <a href="../symbols/%24.ui.scoreboard.html#decTotal">decTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#destroy">destroy</a>, <a href="../symbols/%24.ui.scoreboard.html#getScore">getScore</a>, <a href="../symbols/%24.ui.scoreboard.html#getTotal">getTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#inc">inc</a>, <a href="../symbols/%24.ui.scoreboard.html#incTotal">incTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#restart">restart</a>, <a href="../symbols/%24.ui.scoreboard.html#setScore">setScore</a>, <a href="../symbols/%24.ui.scoreboard.html#setTotal">setTotal</a></dd>
+				</dl>
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui.scoreboard.defaults</b>
+				</div>
+				
+				<div class="description">
+					Default settings for the scoreboard widget
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+				<div class="sectionTitle">
+					Field Detail
+				</div>
+				
+					<a name=".layout"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{String}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>layout</b>
+					
+					</div>
+					<div class="description">
+						Initial layout, valid options are "horizontal" and "vertical"
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								"horizontal"
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".locale"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{String}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>locale</b>
+					
+					</div>
+					<div class="description">
+						Default locale, valid options are "en" and "ne"
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								"en"
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".pauseButton"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{boolean}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>pauseButton</b>
+					
+					</div>
+					<div class="description">
+						Display the Pause Button
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								false
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".restartButton"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{boolean}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>restartButton</b>
+					
+					</div>
+					<div class="description">
+						Display the Retart Button
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								true
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".score"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{Number}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>score</b>
+					
+					</div>
+					<div class="description">
+						Initial score
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								0
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".startButton"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{boolean}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>startButton</b>
+					
+					</div>
+					<div class="description">
+						Display the Start Button
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								false
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".total"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{Number}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>total</b>
+					
+					</div>
+					<div class="description">
+						Initial total
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								0
+							</dd>
+							</dl>
+						
+
+					<hr />
+				
+					<a name=".winningScore"> </a>
+					<div class="fixedFont">&lt;static&gt; 
+					
+					<span class="light">{Number}</span>
+					<span class="light">$.ui.scoreboard.defaults.</span><b>winningScore</b>
+					
+					</div>
+					<div class="description">
+						The score that will win the game
+						
+						
+					</div>
+					
+					
+
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Default Value:</dt>
+							<dd>
+								0
+							</dd>
+							</dl>
+						
+
+					
+				
+			
+
+<!-- ============================== method details ========================= -->		
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/$.ui.scoreboard.html b/docs/symbols/$.ui.scoreboard.html
new file mode 100644
index 0000000..d76893c
--- /dev/null
+++ b/docs/symbols/$.ui.scoreboard.html
@@ -0,0 +1,763 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="generator" content="JsDoc Toolkit" />
+		
+		<title>JsDoc Reference - $.ui.scoreboard</title>
+
+		<style type="text/css">
+			/* default.css */
+body
+{
+	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
+	width: 800px;
+}
+
+.header
+{
+	clear: both;
+	background-color: #ccc;
+	padding: 8px;
+}
+
+h1
+{
+	font-size: 150%;
+	font-weight: bold;
+	padding: 0;
+	margin: 1em 0 0 .3em;
+}
+
+hr
+{
+	border: none 0;
+	border-top: 1px solid #7F8FB1;
+	height: 1px;
+}
+
+pre.code
+{
+	display: block;
+	padding: 8px;
+	border: 1px dashed #ccc;
+}
+
+#index
+{
+	margin-top: 24px;
+	float: left;
+	width: 160px;
+	position: absolute;
+	left: 8px;
+	background-color: #F3F3F3;
+	padding: 8px;
+}
+
+#content
+{
+	margin-left: 190px;
+	width: 600px;
+}
+
+.classList
+{
+	list-style-type: none;
+	padding: 0;
+	margin: 0 0 0 8px;
+	font-family: arial, sans-serif;
+	font-size: 1em;
+	overflow: auto;
+}
+
+.classList li
+{
+	padding: 0;
+	margin: 0 0 8px 0;
+}
+
+.summaryTable { width: 100%; }
+
+h1.classTitle
+{
+	font-size:170%;
+	line-height:130%;
+}
+
+h2 { font-size: 110%; }
+caption, div.sectionTitle
+{
+	background-color: #7F8FB1;
+	color: #fff;
+	font-size:130%;
+	text-align: left;
+	padding: 2px 6px 2px 6px;
+	border: 1px #7F8FB1 solid;
+}
+
+div.sectionTitle { margin-bottom: 8px; }
+.summaryTable thead { display: none; }
+
+.summaryTable td
+{
+	vertical-align: top;
+	padding: 4px;
+	border-bottom: 1px #7F8FB1 solid;
+	border-right: 1px #7F8FB1 solid;
+}
+
+/*col#summaryAttributes {}*/
+.summaryTable td.attributes
+{
+	border-left: 1px #7F8FB1 solid;
+	width: 140px;
+	text-align: right;
+}
+
+td.attributes, .fixedFont
+{
+	line-height: 15px;
+	color: #002EBE;
+	font-family: "Courier New",Courier,monospace;
+	font-size: 13px;
+}
+
+.summaryTable td.nameDescription
+{
+	text-align: left;
+	font-size: 13px;
+	line-height: 15px;
+}
+
+.summaryTable td.nameDescription, .description
+{
+	line-height: 15px;
+	padding: 4px;
+	padding-left: 4px;
+}
+
+.summaryTable { margin-bottom: 8px; }
+
+ul.inheritsList
+{
+	list-style: square;
+	margin-left: 20px;
+	padding-left: 0;
+}
+
+.detailList {
+	margin-left: 20px; 
+	line-height: 15px;
+}
+.detailList dt { margin-left: 20px; }
+
+.detailList .heading
+{
+	font-weight: bold;
+	padding-bottom: 6px;
+	margin-left: 0;
+}
+
+.light, td.attributes, .light a:link, .light a:visited
+{
+	color: #777;
+	font-style: italic;
+}
+
+.fineprint
+{
+	text-align: right;
+	font-size: 10px;
+}
+		</style>
+	</head>
+
+	<body>
+<!-- ============================== header ================================= -->	
+		<!-- begin static/header.html -->
+		<div id="header">
+</div>
+		<!-- end static/header.html -->
+
+<!-- ============================== classes index ============================ -->
+		<div id="index">
+			<!-- begin publish.classesIndex -->
+			<div align="center"><a href="../index.html">Class Index</a>
+| <a href="../files.html">File Index</a></div>
+<hr />
+<h2>Classes</h2>
+<ul class="classList">
+	
+	<li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li>
+	
+	<li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
+	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
+	
+	<li><a href="../symbols/Karma.html">Karma</a></li>
+	
+	<li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li>
+	
+	<li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li>
+	
+	<li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li>
+	
+	<li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li>
+	
+	<li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li>
+	
+</ul>
+<hr />
+			<!-- end publish.classesIndex -->
+		</div>
+		
+		<div id="content">
+<!-- ============================== class title ============================ -->
+			<h1 class="classTitle">
+				
+				Namespace $.ui.scoreboard
+			</h1>
+
+<!-- ============================== class summary ========================== -->			
+			<p class="description">
+				
+				
+			
+				Scoreboard widget
+				
+				
+					<br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>.
+				
+			</p>
+
+<!-- ============================== constructor summary ==================== -->			
+			
+			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.scoreboard.">
+				<caption>Namespace Summary</caption>
+				<thead>
+					<tr>
+						<th scope="col">Constructor Attributes</th>
+						<th scope="col">Constructor Name and Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="attributes">&nbsp;</td>
+						<td class="nameDescription" >
+							<div class="fixedFont">
+								<b><a href="../symbols/%24.ui.scoreboard.html#constructor">$.ui.scoreboard</a></b>
+							</div>
+							<div class="description"></div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			
+
+<!-- ============================== properties summary ===================== -->
+			
+				
+				
+				
+				
+			
+
+<!-- ============================== methods summary ======================== -->
+			
+				
+				
+				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.scoreboard.">
+					<caption>Method Summary</caption>
+					<thead>
+						<tr>
+							<th scope="col">Method Attributes</th>
+							<th scope="col">Method Name and Description</th>
+						</tr>
+					</thead>
+					<tbody>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#dec">dec</a></b>(val)
+								</div>
+								<div class="description">Decrements the score by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#decTotal">decTotal</a></b>(val)
+								</div>
+								<div class="description">Decrements the total by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#destroy">destroy</a></b>()
+								</div>
+								<div class="description">Removes the scoreboard widget and all related data from the DOM</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#getScore">getScore</a></b>()
+								</div>
+								<div class="description">Gets the current score</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#getTotal">getTotal</a></b>()
+								</div>
+								<div class="description">Gets the current total</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#inc">inc</a></b>(val)
+								</div>
+								<div class="description">Increments the score by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#incTotal">incTotal</a></b>(val)
+								</div>
+								<div class="description">Increments the total by 1 or by the supplied numeric argument</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#restart">restart</a></b>()
+								</div>
+								<div class="description">Restarts the scoreboard and triggers the "scoreboardRestart" event</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#setScore">setScore</a></b>(newScore)
+								</div>
+								<div class="description">Sets the current score</div>
+							</td>
+						</tr>
+					
+						<tr>
+							<td class="attributes">&nbsp;</td>
+							<td class="nameDescription">
+								<div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#setTotal">setTotal</a></b>(newTotal)
+								</div>
+								<div class="description">Sets the current total</div>
+							</td>
+						</tr>
+					
+					</tbody>
+				</table>
+				
+				
+				
+			
+<!-- ============================== events summary ======================== -->
+			
+
+<!-- ============================== constructor details ==================== -->		
+			
+			<div class="details"><a name="constructor"> </a>
+				<div class="sectionTitle">
+					Namespace Detail
+				</div>
+				
+				<div class="fixedFont">
+						<b>$.ui.scoreboard</b>
+				</div>
+				
+				<div class="description">
+					
+					
+				</div>
+				
+				
+				
+				
+					
+					
+					
+					
+					
+					
+					
+
+			</div>
+			
+
+<!-- ============================== field details ========================== -->		
+			
+
+<!-- ============================== method details ========================= -->		
+			
+				<div class="sectionTitle">
+					Method Detail
+				</div>
+				
+					<a name="dec"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>dec</b>(val)
+					
+					</div>
+					<div class="description">
+						Decrements the score by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>decrement value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="decTotal"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>decTotal</b>(val)
+					
+					</div>
+					<div class="description">
+						Decrements the total by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>decrement value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="destroy"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>destroy</b>()
+					
+					</div>
+					<div class="description">
+						Removes the scoreboard widget and all related data from the DOM
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="getScore"> </a>
+					<div class="fixedFont">
+					
+					<span class="light">{Number}</span>
+					<b>getScore</b>()
+					
+					</div>
+					<div class="description">
+						Gets the current score
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd><span class="light fixedFont">{Number}</span> current score</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name="getTotal"> </a>
+					<div class="fixedFont">
+					
+					<span class="light">{Number}</span>
+					<b>getTotal</b>()
+					
+					</div>
+					<div class="description">
+						Gets the current total
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+							<dl class="detailList">
+							<dt class="heading">Returns:</dt>
+							
+								<dd><span class="light fixedFont">{Number}</span> current total</dd>
+							
+							</dl>
+						
+						
+						
+
+					<hr />
+				
+					<a name="inc"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>inc</b>(val)
+					
+					</div>
+					<div class="description">
+						Increments the score by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>increment value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="incTotal"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>incTotal</b>(val)
+					
+					</div>
+					<div class="description">
+						Increments the total by 1 or by the supplied numeric argument
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>val</b>
+									<i>Optional</i>
+								</dt>
+								<dd>increment value</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="restart"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>restart</b>()
+					
+					</div>
+					<div class="description">
+						Restarts the scoreboard and triggers the "scoreboardRestart" event
+						
+						
+					</div>
+					
+					
+					
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="setScore"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>setScore</b>(newScore)
+					
+					</div>
+					<div class="description">
+						Sets the current score
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>newScore</b>
+									
+								</dt>
+								<dd>new score</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					<hr />
+				
+					<a name="setTotal"> </a>
+					<div class="fixedFont">
+					
+					
+					<b>setTotal</b>(newTotal)
+					
+					</div>
+					<div class="description">
+						Sets the current total
+						
+						
+					</div>
+					
+					
+					
+						
+							<dl class="detailList">
+							<dt class="heading">Parameters:</dt>
+							
+								<dt>
+									<span class="light fixedFont">{Number}</span> <b>newTotal</b>
+									
+								</dt>
+								<dd>new score</dd>
+							
+							</dl>
+						
+						
+						
+						
+						
+						
+						
+
+					
+				
+			
+			
+<!-- ============================== event details ========================= -->		
+			
+			
+			<hr />
+		</div>
+
+		
+<!-- ============================== footer ================================= -->
+		<div class="fineprint" style="clear:both">
+			
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT)
+		</div>
+	</body>
+</html>
diff --git a/docs/symbols/Karma.html b/docs/symbols/Karma.html
index ee4f830..9002f0e 100755
--- a/docs/symbols/Karma.html
+++ b/docs/symbols/Karma.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -1429,7 +1433,7 @@ Karma({ options }) function</dd>
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:09 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 20 2010 17:12:11 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kAudio.html b/docs/symbols/Karma.kAudio.html
index 577824e..56c18b8 100755
--- a/docs/symbols/Karma.kAudio.html
+++ b/docs/symbols/Karma.kAudio.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -491,7 +495,7 @@ via the media property of kAudio. Read more about the properties of the <a href=
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:09 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 20 2010 17:12:11 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kCanvas.html b/docs/symbols/Karma.kCanvas.html
index 19a5ae2..edc5e7d 100755
--- a/docs/symbols/Karma.kCanvas.html
+++ b/docs/symbols/Karma.kCanvas.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -3391,7 +3395,7 @@ alphabetic, ideographic, or bottom, then the value must be changed to the new va
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 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 20 2010 17:12:14 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kImage.html b/docs/symbols/Karma.kImage.html
index d0669a7..421234d 100755
--- a/docs/symbols/Karma.kImage.html
+++ b/docs/symbols/Karma.kImage.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -428,7 +432,7 @@ ul.inheritsList
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 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 20 2010 17:12:14 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kSvg.html b/docs/symbols/Karma.kSvg.html
index 116ef4c..6c2c448 100755
--- a/docs/symbols/Karma.kSvg.html
+++ b/docs/symbols/Karma.kSvg.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -713,7 +717,7 @@ $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 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 20 2010 17:12:14 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/Karma.kVideo.html b/docs/symbols/Karma.kVideo.html
index 7139b4e..54af752 100755
--- a/docs/symbols/Karma.kVideo.html
+++ b/docs/symbols/Karma.kVideo.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -423,7 +427,7 @@ to Karma in the Karma() method
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 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 20 2010 17:12:15 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/_global_.html b/docs/symbols/_global_.html
index e2ec569..30d02ea 100755
--- a/docs/symbols/_global_.html
+++ b/docs/symbols/_global_.html
@@ -189,6 +189,10 @@ 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.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li>
+	
 	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 	
 	<li><a href="../symbols/Karma.html">Karma</a></li>
@@ -255,7 +259,7 @@ ul.inheritsList
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:08 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 20 2010 17:12:11 GMT+0545 (NPT)
 		</div>
 	</body>
 </html>
diff --git a/docs/symbols/src/js_ui.scoreboard.js.html b/docs/symbols/src/js_ui.scoreboard.js.html
new file mode 100644
index 0000000..5807b6a
--- /dev/null
+++ b/docs/symbols/src/js_ui.scoreboard.js.html
@@ -0,0 +1,333 @@
+<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.scoreboard
+<span class='line'> 14</span>       * @namespace Scoreboard widget
+<span class='line'> 15</span>       */</span><span class="WHIT">
+<span class='line'> 16</span> </span><span class="WHIT">     </span><span class="NAME">$.ui.scoreboard</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.scoreboard'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 19</span> </span><span class="WHIT">	      </span><span class="COMM">/** @lends $.ui.scoreboard.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">/** Gets the current score
+<span class='line'> 22</span> 		   * @returns {Number} current score
+<span class='line'> 23</span> 		   */</span><span class="WHIT">
+<span class='line'> 24</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'> 25</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'> 26</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 27</span> </span><span class="WHIT">		   </span><span class="COMM">/** Sets the current score
+<span class='line'> 28</span> 		   * @param {Number} newScore new score
+<span class='line'> 29</span> 		   */</span><span class="WHIT">
+<span class='line'> 30</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'> 31</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'> 32</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'> 33</span> </span><span class="WHIT">		  </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">/** Gets the current total
+<span class='line'> 35</span> 		   * @returns {Number} current total
+<span class='line'> 36</span> 		   */</span><span class="WHIT">
+<span class='line'> 37</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'> 38</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'> 39</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 40</span> </span><span class="WHIT">		  </span><span class="COMM">/** Sets the current total
+<span class='line'> 41</span> 		   * @param {Number} newTotal new score
+<span class='line'> 42</span> 		   */</span><span class="WHIT">
+<span class='line'> 43</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'> 44</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'> 45</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'> 46</span> 		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 47</span> </span><span class="WHIT">		  </span><span class="COMM">/**
+<span class='line'> 48</span> 		   * Restarts the scoreboard and triggers the "scoreboardRestart" event
+<span class='line'> 49</span> 		   */</span><span class="WHIT">
+<span class='line'> 50</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'> 51</span> </span><span class="WHIT">		      </span><span class="NAME">this.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardRestart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 52</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'> 53</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'> 54</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'> 55</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 56</span> </span><span class="WHIT">		  </span><span class="COMM">/** Increments the score by 1 or by the supplied numeric argument
+<span class='line'> 57</span> 		   * @param {Number} [val] increment value
+<span class='line'> 58</span> 		   */</span><span class="WHIT">
+<span class='line'> 59</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'> 60</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'> 61</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'> 62</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'> 63</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'> 64</span> </span><span class="WHIT">			  </span><span class="NAME">this.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardWinGame'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 65</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 66</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 67</span> </span><span class="WHIT">		   </span><span class="COMM">/** Increments the total by 1 or by the supplied numeric argument
+<span class='line'> 68</span> 		   * @param {Number} [val] increment value
+<span class='line'> 69</span> 		   */</span><span class="WHIT">
+<span class='line'> 70</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'> 71</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'> 72</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'> 73</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'> 74</span> </span><span class="WHIT">		  </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">/** Decrements the score by 1 or by the supplied numeric argument
+<span class='line'> 76</span> 		   * @param {Number} [val] decrement value
+<span class='line'> 77</span> 		   */</span><span class="WHIT">
+<span class='line'> 78</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'> 79</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'> 80</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'> 81</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'> 82</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 83</span> </span><span class="WHIT">		   </span><span class="COMM">/** Decrements the total by 1 or by the supplied numeric argument
+<span class='line'> 84</span> 		   * @param {Number} [val] decrement value
+<span class='line'> 85</span> 		   */</span><span class="WHIT">
+<span class='line'> 86</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'> 87</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'> 88</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'> 89</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'> 90</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 91</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="PUNC">{</span><span class="WHIT">
+<span class='line'> 92</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'> 93</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'> 94</span> </span><span class="WHIT">			  </span><span class="COMM">//48 is the base for western numerals</span><span class="WHIT">
+<span class='line'> 95</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'> 96</span> </span><span class="WHIT">			  
+<span class='line'> 97</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'> 98</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'> 99</span> </span><span class="WHIT">			      
+<span class='line'>100</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'>101</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'>102</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'>103</span> </span><span class="WHIT">			      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>104</span> </span><span class="WHIT">			 
+<span class='line'>105</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'>106</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'>107</span> </span><span class="WHIT">			  </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>108</span> </span><span class="WHIT">			  
+<span class='line'>109</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'>110</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'>111</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>112</span> </span><span class="WHIT">		      
+<span class='line'>113</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'>114</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'>115</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'>116</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'>117</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"foo"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>118</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'>119</span> </span><span class="WHIT">				      </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"bar"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>120</span> </span><span class="WHIT">				  </span><span class="KEYW">default</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>121</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'>122</span> </span><span class="WHIT">			      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>123</span> </span><span class="WHIT">			  </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>124</span> </span><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'>125</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">    
+<span class='line'>126</span> 			  
+<span class='line'>127</span> 		      
+<span class='line'>128</span> 		      
+<span class='line'>129</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'>130</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'>131</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>132</span> </span><span class="WHIT">		      
+<span class='line'>133</span> 		      </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._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">"en"</span><span class="PUNC">)</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="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'>135</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'>136</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'>137</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>138</span> 
+<span class='line'>139</span> </span><span class="WHIT">	  
+<span class='line'>140</span> 		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>141</span> </span><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'>142</span> 
+<span class='line'>143</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'>144</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'>145</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'>146</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"h"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT">		      </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">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'>148</span> </span><span class="WHIT">		      
+<span class='line'>149</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.scoreboard.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'>150</span> 
+<span class='line'>151</span> </span><span class="WHIT">		      </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'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'>152</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'>153</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'>154</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'>155</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'>156</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'>157</span> 
+<span class='line'>158</span> </span><span class="WHIT">		      </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.options.layout</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"vertical"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>159</span> </span><span class="WHIT">			  </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"v"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>160</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT"> 
+<span class='line'>161</span> 
+<span class='line'>162</span> 		      </span><span class="NAME">this.element.addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-container-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>163</span> </span><span class="WHIT">			      </span><span class="STRN">' ui-widget ui-widget-content ui-corner-all'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>164</span> 
+<span class='line'>165</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'>166</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">attr</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'uiScoreboard'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>167</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>168</span> </span><span class="WHIT">		     
+<span class='line'>169</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><span class="STRN">"&lt;/span>&lt;/div>"</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>170</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>171</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-corner-all ui-scoreboard-text'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>172</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'>173</span> 
+<span class='line'>174</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'>175</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>176</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-scoreboard-text ui-scoreboard-number-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>177</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'>178</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'>179</span> 
+<span class='line'>180</span> 
+<span class='line'>181</span> </span><span class="WHIT">		     </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"&lt;div>&lt;span>Total&lt;/span>&lt;/div>"</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>182</span> </span><span class="WHIT">			  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-corner-all '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> 
+<span class='line'>184</span> 				    </span><span class="STRN">'ui-scoreboard-text'</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">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'>186</span> 
+<span class='line'>187</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'>188</span> </span><span class="WHIT">		          </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>189</span> </span><span class="WHIT">				    </span><span class="STRN">' ui-scoreboard-text ui-scoreboard-number-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>190</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'>191</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'>192</span> 
+<span class='line'>193</span> 
+<span class='line'>194</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'>195</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> 
+<span class='line'>196</span> 					</span><span class="STRN">' ui-scoreboard-button '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>197</span> </span><span class="WHIT">				        </span><span class="STRN">'ui-corner-all ui-state-default'</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">append</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>199</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'>200</span> </span><span class="WHIT">				      </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon '</span><span class="WHIT">
+<span class='line'>201</span> </span><span class="WHIT">			  			</span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'ui-scoreboard-icon'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">			      </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">append</span><span class="PUNC">(</span><span class="WHIT"> 
+<span class='line'>204</span> 				      </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'&lt;span>Restart&lt;/span>'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>205</span> </span><span class="WHIT">					  </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'centered'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>206</span> </span><span class="WHIT">			      </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>207</span> </span><span class="WHIT">		       
+<span class='line'>208</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'>209</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'>210</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'>211</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'>212</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'>213</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'>214</span> 			      </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="STRN">'Restart'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>215</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'>216</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'>217</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'>218</span> 		      </span><span class="PUNC">}</span><span class="WHIT">   
+<span class='line'>219</span> 
+<span class='line'>220</span> 
+<span class='line'>221</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'>222</span> 
+<span class='line'>223</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'>224</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'>225</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'>226</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'>227</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'>228</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'>229</span> 			    </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="STRN">'Pause'</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>230</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'>231</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'>232</span> 				       </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardPause'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>233</span> 				   </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>234</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'>235</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>236</span> 
+<span class='line'>237</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'>238</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'>239</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'>240</span> </span><span class="WHIT">			  </span><span class="COMM">//.removeClass('ui-icon-arrowrefresh-1-w')</span><span class="WHIT">
+<span class='line'>241</span> </span><span class="WHIT">		              </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowreturnthick-1-s'</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">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>243</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'>244</span> </span><span class="WHIT">			      </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="STRN">'Start'</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">end</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="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'>247</span> 				       </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardStart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> 
+<span class='line'>248</span> 				   </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>249</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'>250</span> </span><span class="WHIT">		      </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>251</span> 
+<span class='line'>252</span> 
+<span class='line'>253</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'>254</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'>255</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'>256</span> 			      </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>257</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'>258</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'>259</span> 			      </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>260</span> 
+<span class='line'>261</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'>262</span> 
+<span class='line'>263</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>264</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'>265</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'>266</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'>267</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>268</span> </span><span class="WHIT">		  </span><span class="COMM">/** Removes the scoreboard widget and all related data from the DOM */</span><span class="WHIT">
+<span class='line'>269</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'>270</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'>271</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'>272</span> </span><span class="WHIT">		  </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>273</span> 
+<span class='line'>274</span> </span><span class="WHIT">		  
+<span class='line'>275</span> 	      </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>276</span> 
+<span class='line'>277</span> </span><span class="WHIT">	      </span><span class="NAME">$.ui.scoreboard.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'>278</span> </span><span class="WHIT">		
+<span class='line'>279</span> 		</span><span class="COMM">/** Default settings for the scoreboard widget
+<span class='line'>280</span> 		 * @namespace Default settings for the scoreboard widget
+<span class='line'>281</span> 		 * @extends $.ui.scoreboard
+<span class='line'>282</span> 		 */</span><span class="WHIT">			   
+<span class='line'>283</span> 	      </span><span class="NAME">$.ui.scoreboard.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>284</span> </span><span class="WHIT">                  </span><span class="COMM">/** Initial score
+<span class='line'>285</span> 		   * @type Number 
+<span class='line'>286</span> 		   * @default 0
+<span class='line'>287</span> 		   */</span><span class="WHIT">
+<span class='line'>288</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'>289</span> 		  </span><span class="COMM">/** Initial total
+<span class='line'>290</span> 		   * @type Number
+<span class='line'>291</span> 		   * @default 0
+<span class='line'>292</span> 		   */</span><span class="WHIT">
+<span class='line'>293</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'>294</span> 		  </span><span class="COMM">/** Initial layout, valid options are "horizontal" and "vertical"
+<span class='line'>295</span> 		   * @type String
+<span class='line'>296</span> 		   * @default "horizontal"
+<span class='line'>297</span> 		   */</span><span class="WHIT">
+<span class='line'>298</span> </span><span class="WHIT">		  </span><span class="NAME">layout</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"horizontal"</span><span class="PUNC">,</span><span class="WHIT"> 
+<span class='line'>299</span> 		  </span><span class="COMM">/** The score that will win the game
+<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">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'>304</span> </span><span class="WHIT">		  </span><span class="COMM">/** Default locale, valid options are "en" and "ne" 
+<span class='line'>305</span> 		   * @type String
+<span class='line'>306</span> 		   * @default "en"
+<span class='line'>307</span> 		   */</span><span class="WHIT">
+<span class='line'>308</span> </span><span class="WHIT">		  </span><span class="NAME">locale</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"en"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>309</span> </span><span class="WHIT">		  </span><span class="COMM">/** Display the Start Button
+<span class='line'>310</span> 		   * @type boolean
+<span class='line'>311</span> 		   * @default false
+<span class='line'>312</span> 		   */</span><span class="WHIT">
+<span class='line'>313</span> </span><span class="WHIT">		  </span><span class="NAME">startButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>314</span> </span><span class="WHIT">		  </span><span class="COMM">/** Display the Retart Button
+<span class='line'>315</span> 		   * @type boolean
+<span class='line'>316</span> 		   * @default true
+<span class='line'>317</span> 		   */</span><span class="WHIT">
+<span class='line'>318</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'>319</span> </span><span class="WHIT">		  </span><span class="COMM">/** Display the Pause Button
+<span class='line'>320</span> 		   * @type boolean
+<span class='line'>321</span> 		   * @default false
+<span class='line'>322</span> 		   */</span><span class="WHIT">
+<span class='line'>323</span> </span><span class="WHIT">		  </span><span class="NAME">pauseButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="WHIT">
+<span class='line'>324</span> </span><span class="WHIT">	      </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>325</span> 
+<span class='line'>326</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/js/lesson.js b/examples/English_Animal_Identification/js/lesson.js
index d51c8c5..f261596 100755
--- a/examples/English_Animal_Identification/js/lesson.js
+++ b/examples/English_Animal_Identification/js/lesson.js
@@ -22,9 +22,8 @@ $(document).ready(
 	 var t;
 	 var current_image;
 	 
-	 var scoreboard = $('#scoreArea').scoreboard({'layout':'vertical', 
-						       'winningScore': 6});
-	    scoreboard.bind('winGame', 
+	    var scoreboard = $('#scoreArea').scoreboard({'winningScore': 6});
+	    scoreboard.bind('scoreboardWinGame', 
 		function(){
 		    $('.optImg').hide();
 		    $('.imageBox').hide();
diff --git a/js/ui.scoreboard.js b/js/ui.scoreboard.js
index 6b1eaea..0ffb835 100755
--- a/js/ui.scoreboard.js
+++ b/js/ui.scoreboard.js
@@ -1,43 +1,88 @@
+/**
+* @fileOverview a scoreboard widget
+* @author Bryan Berry <bryan@olenepal.org> 
+*  uses MIT License
+*/
+
+
+
 (function($){
-     $.widget('ui.scoreboard', 
+
+     // This is a dummy function, just here as placeholder to
+     // to make the jsdoc tool happy
+     /** @name $.ui.scoreboard
+      * @namespace Scoreboard widget
+      */
+     $.ui.scoreboard = function(){};
+
+     $.widget('ui.scoreboard',
+	      /** @lends $.ui.scoreboard.prototype */
 	      {
+		  /** Gets the current score
+		   * @returns {Number} current score
+		   */
 		  getScore : function(){
 		      return this._getData('score');
 		  },
+		   /** Sets the current score
+		   * @param {Number} newScore new score
+		   */
 		  setScore : function(newScore){
 		      this._setData('score', parseInt(newScore));
 		      this._refresh();
 		  },
+		  /** Gets the current total
+		   * @returns {Number} current total
+		   */
 		  getTotal : function(){
 		      return this._getData('total');
 		  },
+		  /** Sets the current total
+		   * @param {Number} newTotal new score
+		   */
 		  setTotal : function(newTotal){
 		      this._setData('total', parseInt(newTotal));
 		      this._refresh();  
 		  },
-		  reset : function(){
+		  /**
+		   * Restarts the scoreboard and triggers the "scoreboardRestart" event
+		   */
+		  restart : function(){
+		      this.element.trigger('scoreboardRestart');
 		      this._setData('score', this._getData('initialScore'));
 		      this._setData('total', this._getData('initialTotal'));
 		      this._refresh();
 		  },
+		  /** Increments the score by 1 or by the supplied numeric argument
+		   * @param {Number} [val] increment value
+		   */
 		  inc : function(val){
 		      var incVal = parseInt(val) || 1;
 		      this._setData('score',  this._getData('score') + incVal);
 		      this._refresh();
 		      if(this._getData('winScore') === this._getData('score')){
-			  this.element.trigger('winGame');
+			  this.element.trigger('scoreboardWinGame');
 		      }
 		  },
+		   /** Increments the total by 1 or by the supplied numeric argument
+		   * @param {Number} [val] increment value
+		   */
 		  incTotal : function(val){
 		      var incVal = parseInt(val) || 1;
 		      this._setData('total',  this._getData('total') + incVal);
 		      this._refresh();
 		  },
+		   /** Decrements the score by 1 or by the supplied numeric argument
+		   * @param {Number} [val] decrement value
+		   */
 		  dec : function(val){
 		      var decVal = parseInt(val) || 1;
 		      this._setData('score',  this._getData('score') - decVal);
 		      this._refresh();
 		  },
+		   /** Decrements the total by 1 or by the supplied numeric argument
+		   * @param {Number} [val] decrement value
+		   */
 		  decTotal : function(val){
 		      var decVal = parseInt(val) || 1;
 		      this._setData('total',  this._getData('total') - decVal);
@@ -62,7 +107,6 @@
 			  };
 			  
 			  var charArray = num.toString().split("").map(convertDigit);
-			  console.log(charArray.join(''));
 			  return eval('"' + charArray.join('') + '"');
 		      };
 		      
@@ -102,69 +146,118 @@
 		      var layoutId = "h";
 		      var self = this;
 		      
-		   
-		      this._setData('initialScore', parseInt(this.options.score));
-		      this._setData('initialTotal', parseInt(this.options.total));
-		      this._setData('score', parseInt(this.options.score));
-		      this._setData('total', parseInt(this.options.total)); 
-		      this._setData('winScore', parseInt(this.options.winningScore) || 0); 
-		      this._setData('locale', this.options.locale || "en");
+		      var options = $.extend({}, $.ui.scoreboard.defaults, this.options);
+
+		      this._setData('initialScore', parseInt(options.score));
+		      this._setData('initialTotal', parseInt(options.total));
+		      this._setData('score', parseInt(options.score));
+		      this._setData('total', parseInt(options.total)); 
+		      this._setData('winScore', parseInt(options.winningScore)); 
+		      this._setData('locale', options.locale);
 
 		      if(this.options.layout === "vertical"){
 			  layoutId = "v";
 		      } 
 
-
 		      this.element.addClass('ui-scoreboard-container-' + layoutId +
 			      ' ui-widget ui-widget-content ui-corner-all');
 
 		      var $parent = $('<div>')
+		          .attr('id', 'uiScoreboard')
 		          .addClass('ui-scoreboard-spacing-' + layoutId);
 		     
-		      this._scoreText = $("<div>" + this._("Score") + "</div>")
+		      this._scoreText = $("<div><span>" + this._("Score") + "</span></div>")
 			  .addClass('ui-scoreboard-spacing-'+ layoutId +
 				    ' ui-corner-all ui-scoreboard-text')
 			  .appendTo($parent);
 
-		      this._score = $("<div>" + this._(score) + "</div>")
+		      this._score = $("<div><span>" + this._(score) + "</span></div>")
 		          .addClass('ui-scoreboard-spacing-' + layoutId +
-				    ' ui-scoreboard-number-' + layoutId)
-			  .appendTo($parent);
+				    ' ui-scoreboard-text ui-scoreboard-number-' + layoutId)
+			  .appendTo($parent)
+			  .find('span:first');
+
 
-		     $("<div>Total</div>")
+		     $("<div><span>Total</span></div>")
 			  .addClass('ui-scoreboard-spacing-' + layoutId +
 				    ' ui-corner-all ' + 
 				    'ui-scoreboard-text')
 			  .appendTo($parent);
 
-		      this._total = $("<div>" + this._(total) + "</div>")
+		      this._total = $("<div><span>" + this._(total) + "</span></div>")
 		          .addClass('ui-scoreboard-spacing-' + layoutId +
-				    ' ui-scoreboard-number-' + layoutId)
-			  .appendTo($parent);
+				    ' ui-scoreboard-text ui-scoreboard-number-' + layoutId)
+			  .appendTo($parent)
+			  .find('span:first');
+
 
-		      var $playAgainDiv = $('<button></button>')
+		      var $templateBtn = $('<button></button>')
 			      .addClass('ui-scoreboard-spacing-' + layoutId + 
 					' ui-scoreboard-button ' +
 				        'ui-corner-all ui-state-default')
-			  .click(function(){ self.reset();})
-		          .hover(
+			      .append(
+				  $('<span></span>')
+				      .addClass('ui-icon '
+			  			+ 'ui-scoreboard-icon')
+			      )
+			      .append( 
+				      $('<span>Restart</span>')
+					  .addClass('centered')
+			      );
+		       
+		      if(options.restartButton){
+			  var $restartBtn = $templateBtn.clone()
+			      .find('span:first')
+			      .addClass('ui-icon-arrowrefresh-1-w') 
+			      .end()
+			      .find('span:last') 
+			      .text('Restart')
+			      .end()
+			      .click(function(){ self.restart();})
+			      .appendTo($parent);	  
+		      }   
+
+
+		      if(options.pauseButton){
+
+			  var $pauseBtn = $templateBtn.clone()
+			    .find('span:first') //
+			    .removeClass('ui-icon-arrowrefresh-1-w')
+			    .addClass('ui-icon-pause') 
+			    .end()
+			    .find('span:last') 
+			    .text('Pause')
+			    .end()
+			    .click(function(){ 
+				       self.element.trigger('scoreboardPause'); 
+				   })
+			    .appendTo($parent);
+		      }
+
+		      if(options.startButton){
+			  var $startBtn = $templateBtn.clone()
+			      .find('span:first')
+			  //.removeClass('ui-icon-arrowrefresh-1-w')
+		              .addClass('ui-icon-arrowreturnthick-1-s')
+		              .end()
+			      .find('span:last')
+			      .text('Start')
+		              .end()
+			      .click(function(){ 
+				       self.element.trigger('scoreboardStart'); 
+				   })
+			      .appendTo($parent);
+		      }
+
+
+		      $parent.find('button').hover(
 			      function(){ 
 				  $(this).addClass("ui-state-hover"); 
 			      },
 			      function(){ 
 				  $(this).removeClass("ui-state-hover"); 
-			      })
-			  .appendTo($parent);
+			      });
 
-		      var $playAgainIcon = $('<span></span>')
-			  .addClass('ui-icon ui-icon-arrowreturnthick-1-s '
-				    + 'ui-scoreboard-icon')
-			  .appendTo($playAgainDiv);
-		 
-		      var $playAgainTest = $('<span>Restart</span>')
-		          .addClass('centered')
-		          .appendTo($playAgainDiv);
-		      
 		      this.element.append($parent);
 
 		  },
@@ -172,6 +265,7 @@
 		      this._score.text(this._(this._getData('score')));
 		      this._total.text(this._(this._getData('total')));
 		  },
+		  /** Removes the scoreboard widget and all related data from the DOM */
 		  destroy : function(){
 		      this.element.remove();
 		      $.widget.prototype.destroy.apply(this, arguments);
@@ -181,12 +275,52 @@
 	      });
 
 	      $.ui.scoreboard.getter = ['getScore', 'getTotal', '_convertNumLocale'];
+		
+		/** Default settings for the scoreboard widget
+		 * @namespace Default settings for the scoreboard widget
+		 * @extends $.ui.scoreboard
+		 */			   
 	      $.ui.scoreboard.defaults = {
+                  /** Initial score
+		   * @type Number 
+		   * @default 0
+		   */
 		  score: 0, 
+		  /** Initial total
+		   * @type Number
+		   * @default 0
+		   */
 		  total: 0, 
+		  /** Initial layout, valid options are "horizontal" and "vertical"
+		   * @type String
+		   * @default "horizontal"
+		   */
 		  layout: "horizontal", 
+		  /** The score that will win the game
+		   * @type Number
+		   * @default 0
+		   */
 		  winningScore: 0,
-		  locale: "en"
+		  /** Default locale, valid options are "en" and "ne" 
+		   * @type String
+		   * @default "en"
+		   */
+		  locale: "en",
+		  /** Display the Start Button
+		   * @type boolean
+		   * @default false
+		   */
+		  startButton: false,
+		  /** Display the Retart Button
+		   * @type boolean
+		   * @default true
+		   */
+		  restartButton: true,
+		  /** Display the Pause Button
+		   * @type boolean
+		   * @default false
+		   */
+		  pauseButton: false
 	      };
 
  })(jQuery);
\ No newline at end of file