sounds

2 files changed, 17 insertions, 2 deletions

diff --git a/index.html b/index.html
index 835c8b3..5b72d5f 100644
--- a/index.html
+++ b/index.html
@@ -38,6 +38,7 @@
         <div class="navbar-collapse collapse">
           <form class="navbar-form navbar-right" role="form">
             <a href="http://teach.classdojo.com/" class="btn btn-default btn-lg active">ClassDojo</a>
+            <a id="klaxon" class="btn btn-default btn-lg active"><u>K</u>laxon</a>
           </form>
         </div><!--/.navbar-collapse -->
       </div>
diff --git a/js/main.js b/js/main.js
index 567e89b..ed20376 100644
--- a/js/main.js
+++ b/js/main.js
@@ -27,14 +27,24 @@ $.ionSound({
 });
 
 var timeWastingClock = new FlipClock($('.time-wasting-clock'), {
-    autoStart:false
+    autoStart:false,
+    callbacks:{
+        interval:function () {
+            $.ionSound.play("button_tiny");
+        }
+    }
 });
 
 var $timeWastingClockRunning = false;
 
 var activityClock = new FlipClock($('.activity-countdown'), {
     autoStart:false,
-    countdown:true
+    countdown:true,
+    callbacks:{
+        stop:function () {
+            $.ionSound.play("cheonjae");
+        }
+    }
 });
 
 function timeWastingClockToggle()
@@ -54,6 +64,7 @@ function timeWastingClockToggle()
 }
 
 $(document).bind('keydown', 'j', timeWastingClockToggle);
+$(document).bind('keydown', 'k', function (){$.ionSound.play("klaxon");});
 
 function activityClockGo($seconds)
 {
@@ -64,6 +75,9 @@ function activityClockGo($seconds)
 $(document).bind('keydown', '1', function (){activityClockGo(60);});
 
 $(document).ready(function(){
+    $('#klaxon').button();
+    $('#klaxon').click(function (){$.ionSound.play("klaxon");});
+
     $('#timeWastingClockGo').button();
     $('#timeWastingClockGo').click(timeWastingClockToggle);