play sound for poweron and toggle switches. TODO: refactor code to play sound for stateless switches

index.html

@@ -570,6 +570,10 @@
       <div id="mem-dump"></div>
     </footer>
 
+    <audio id="sound-beepbeep" src="media/beepbeep.mp3"></audio>
+    <audio id="sound-switch" src="media/switch.mp3"></audio>
+    <audio id="sound-toggle" src="media/toggle.mp3"></audio>
+
     <script src="js/l10n.js"></script>
     <script src="js/8080.js"></script>
     <script src="js/sim8800.js"></script>

js/panel.js

@@ -508,6 +508,24 @@ panel.debugLoadData = function() {
     panel.sim.loadDataAsHexString(0, data);
 };
 
+panel.playSound = function(id) {
+    var sound = document.getElementById(id);
+    sound.currentTime = 0;
+    sound.play();
+};
+
+panel.playBeepbeep = function() {
+    panel.playSound('sound-beepbeep');
+};
+
+panel.playToggle = function() {
+    panel.playSound('sound-toggle');
+};
+
+panel.playSwitch = function() {
+    panel.playSound('sound-switch');
+};
+
 /**
  * Creates a new LED inside the panel svg.
  * @param {string} id The LED ID. This ID will be used as the prefix
@@ -600,11 +618,13 @@ panel.createSwitch = function(id, type, x, y) {
         var sourceId = id;
         upElem.addEventListener('click',
                                 function() {
+                                    panel.playToggle();
                                     panel.onToggle(sourceId, 1);
                                 },
                                 false);
         downElem.addEventListener('click',
                                   function() {
+                                      panel.playToggle();
                                       panel.onToggle(sourceId, 0);
                                   },
                                   false);
@@ -766,6 +786,9 @@ panel.onReset = function() {
  */
 panel.onPowerOn = function() {
     panel.sim.powerOn();
+    window.setTimeout(function() {
+        panel.playBeepbeep();
+    }, 500);
 };
 
 /**