add help text for Lesson Plan and teachers note.

8 files changed, 41 insertions, 41 deletions

diff --git a/css/epaath_images/btn_minus25x25.png b/css/epaath_images/btn_minus25x25.png
new file mode 100644
index 0000000..7ffcc91
--- /dev/null
+++ b/css/epaath_images/btn_minus25x25.png
diff --git a/css/epaath_images/btn_plus25x25.png b/css/epaath_images/btn_plus25x25.png
new file mode 100644
index 0000000..7e4d381
--- /dev/null
+++ b/css/epaath_images/btn_plus25x25.png
diff --git a/css/kDoc.css b/css/kDoc.css
index 4830e03..9cf8f51 100755
--- a/css/kDoc.css
+++ b/css/kDoc.css
@@ -4,23 +4,21 @@
     height: 100%;
 }
 
-/*
-#zoomIn{
-    background-image: url(epaath_images/btn_plus.png);
+.zoom{
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background-repeat: no-repeat;
 }
 
-#zoomOut{
-    background-image: url(epaath_images/btn_minus.png);
+.zoom.zoom-in {
+    background-image: url(epaath_images/btn_plus25x25.png);
 }
 
-#zoomIn:hover{
-    background-image: url(epaath_images/btn_plus_hover.png);
+.zoom.zoom-out {
+    background-image: url(epaath_images/btn_minus25x25.png);
 }
 
-#zoomOut:hover{
-    background-image: url(epaath_images/btn_minus_hover.png);
-}
-*/
 
 #iframeLessonPlan{
     width:100%;
diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css
index db7edba..09a7a9f 100755
--- a/css/ui.kFooter.css
+++ b/css/ui.kFooter.css
@@ -50,7 +50,7 @@
 }
 
 .ui-kFooter button .text{
-color:  #FFA000;
+    color:  #7811a2;
 padding-top: 10px;
 font-weight: bold;
 }
diff --git a/css/ui.kHeader.css b/css/ui.kHeader.css
index 343d115..9ad0644 100755
--- a/css/ui.kHeader.css
+++ b/css/ui.kHeader.css
@@ -140,3 +140,6 @@
 	    margin-right: 20px;
 	}
 
+	.kHeader-help .ui-dialog-content{
+	    font-size: 0.8em;
+	}
diff --git a/examples/English_Animal_Identification/js/lesson.js b/examples/English_Animal_Identification/js/lesson.js
index ecbe8aa..845e383 100755
--- a/examples/English_Animal_Identification/js/lesson.js
+++ b/examples/English_Animal_Identification/js/lesson.js
@@ -36,7 +36,8 @@ $(document).ready(
 	    $('#kHeaderHelpBtn').click(function(){ $help.dialog('open');});
 
 	    
-	    $('#kHeader').kHeader({'title': 'English Animal Identification'});
+	    $('#kHeader').kHeader({'title': 'English Animal Identification',
+				   lessonPlan: true, teachersNote: true});
 
 	    var kFooter = $('#kFooter').kFooter({'winningScore': 6});
 	    kFooter.bind('kFooterWinGame', 
diff --git a/examples/English_Animal_Identification/kDoc.html b/examples/English_Animal_Identification/kDoc.html
index efe2890..de52962 100755
--- a/examples/English_Animal_Identification/kDoc.html
+++ b/examples/English_Animal_Identification/kDoc.html
@@ -20,25 +20,18 @@
   </div> 
 
   <div id="kHelp" title="Help">
+    पाठविवरणर पाठयोजना सहज तरिकाले पढ्न तपाईले निम्न कार्य गर्न सक्नु हुन्छ ।
     <p>
-      पाठविवरणर पाठयोजना सहज तरिकाले पढ्न तपाईले निम्न कार्य गर्न सक्नु हुन्छ ।</p>
-
-    <p> वायाँ तर्फ फर्किएको तिर     थिच्दा <br />
-      तपाईले हाल पढिरहेको पृष्टबाट आधिल्लो पृष्टमा पुग्नुहुन्छ।</p>
-      
-     <p> दायाँ तर्फ फर्किएको तिर     थिच्दा <br />
-      तपाईले हाल पढिरहेको पृष्टबाट पछिल्लो पृष्टमा पुग्नुहुन्छ।</p>
-      
-      दायाँ र वायाँ तर्फ फर्किएको  तिरहरुको बिचको सेतो कोठा
-      तपाई जान चाहनु भएको पृष्ट नम्बर टाइप गरी  थिच्नुहोस । तपाई जान चाहनु भएको पृष्ट देखिन्छ।
-      
-      अक्षर आकार सानो बनाउन सक्नुहुन्छ।
-      
-      अक्षर आकार ठुलो बनाउन सक्नुहुन्छ।
-
-      पाठ पृष्टको दाईने तर्फको ठाडो  रेखा तल माथि गर्दा
-      तपाईले हाल पढिरहेको पृष्टलाई आवश्यकता अनुसार तल माथि गर्न सक्नुहुन्छ 
-    
+    <div class='zoom zoom-in'></div> थिच्दा  <br />
+    अक्षर आकार ठुलो बनाउन सक्नुहुन्छ।
+    </p>
+    <p>
+    <div class='zoom zoom-out'></div> थिच्दा <br />
+    अक्षर आकार सानो बनाउन सक्नुहुन्छ।
+    </p>
+    <br /><br />
+    पाठ पृष्टको दाईने तर्फको ठाडो  रेखा तल माथि गर्दा <br />
+    तपाईले हाल पढिरहेको पृष्टलाई आवश्यकता अनुसार तल माथि गर्न सक्नुहुन्छ 
   </div>
 
   <iframe id="iframeLessonPlan" src=''>
diff --git a/js/ui.kHeader.js b/js/ui.kHeader.js
index 19d36b7..57c5c5d 100755
--- a/js/ui.kHeader.js
+++ b/js/ui.kHeader.js
@@ -53,23 +53,28 @@
 			      "</span></li>")
 			      .appendTo($kHeader);
 		      
-		      var $dropDownArrow = $("<span class='kHeader-kDoc right'></span>")
-			  .appendTo($lessonTitle);
 		      
 
 		      if (options.lessonPlan || options.teacherNote){
+			  
+			  var $dropDownArrow = $("<span class='kHeader-kDoc right'>" +
+			      "</span>")
+			      .appendTo($lessonTitle);
+
 			  var $dropDownArea = $("<div class='drop-down'></div>");
 			  
 			  if (options.lessonPlan){
-			      $("<div><a href='./lessonPlan.html'>" + 
-				  this._("Lesson Plan") + "</a></div>")
-				  .appendTo($dropDownArea);
+			      $("<div>" + 
+				"<a href='./kDoc.html?back=index.html&doc=lessonPlan'>" + 
+				this._("Lesson Plan") + "</a></div>")
+				.appendTo($dropDownArea);
 			  }
 
 			  if (options.teachersNote){
-			      $("<div><a href='./teachersNote.html'>" + 
-				  this._("Teacher's Note") + "</a></div>")
-				  .appendTo($dropDownArea);
+			      $("<div>" + 
+				"<a href='./kDoc.html?back=index.html&doc=teachersNote'>" + 
+				this._("Teacher's Note") + "</a></div>")
+				.appendTo($dropDownArea);
 			  }
 			  
 			  $dropDownArea.appendTo($dropDownArrow);
@@ -200,12 +205,12 @@
 		   * @type boolean or string file path to lesson plan
 		   * @default false
 		   */
-		  lessonPlan: true,
+		  lessonPlan: false,
 		  /** Creates drop-down with link to teachersNote
 		   * @type boolean or string file path to teachersNote
 		   * @default false
 		   */
-		  teachersNote: true,
+		  teachersNote: false,
 		  /** Id of element containing help text
 		   * @type String 
 		   * @default "kHelp"