diff --git a/tree/.DS_Store b/tree/.DS_Store
index 8e4582f..b30573b 100644
Binary files a/tree/.DS_Store and b/tree/.DS_Store differ
diff --git a/tree/canteen.html b/tree/canteen.html
index 530d3fe..480ee4c 100644
--- a/tree/canteen.html
+++ b/tree/canteen.html
@@ -9,6 +9,16 @@
     
 </head>
 <body>
+
+  <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
+  <audio loop="loop" id="theme4" preload="auto"><source src="sound/theme4_scary.wav" type="audio/wav"></audio>
+  <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+  <audio id="comic"><source src="sound/speech.wav" type="audio/wav"></audio>
+  <audio id="yes"><source src="sound/yes.wav" type="audio/wav"></audio>
+  <audio id="no"><source src="sound/no.wav" type="audio/wav"></audio>
+  <audio id="shot"><source src="sound/shot.wav" type="audio/wav"></audio>
+
+
     <div id="ground"class="invert"></div>
     <svg class="invert">
         <line x1="10" y1="130" x2="80%" y2="130" style="stroke:black;stroke-width:1" />
@@ -88,10 +98,28 @@
 <script src="jquery.min.js"></script>
   <script>
 
+//audio
+
+var theme = document.querySelector("#theme2");
+var scary = document.querySelector("#theme4");
+var click = document.querySelector("#click");
+var comic = document.querySelector("#comic");  
+var no = document.querySelector("#no");  
+var yes = document.querySelector("#yes");  
+var shot = document.querySelector("#shot");  
+
+$("body").hover( function() {
+    theme.play();
+    theme.addEventListener('paused',function() { 
+      theme.play();
+    },false);
+  })
+
 var fluoride = 5;
 
 // saves game step in the local storage 
   window.onload = function() {
+      theme.play();
       window.localStorage.setItem("school_canteen","opened");
       console.log ("school canteen:",localStorage.school_canteen);
       $('.cobs_collected').html(fluoride);
@@ -108,6 +136,8 @@ var fluoride = 5;
     //change characters + invert
 
     $("#table").click (function(){
+        theme.pause();
+        scary.play();
       $(".cooking, #table, .message1 ").hide();
       $(".satan, #column, .message2").show();
       $(".invert").addClass("invert_style");
@@ -131,6 +161,7 @@ var fluoride = 5;
                 weapon.animate({ left: "30%" }, { 
                     duration: 300
                 }).promise().done(function(){
+                        shot.play();
                         $("#satan1").attr("src", "imgs/canteen/fire_once.gif");
                         weapon.hide();
                          console.log("weapon hide");
@@ -154,11 +185,12 @@ var fluoride = 5;
                 weapon.animate({ left: "60%" }, { 
                     duration: 300
                 }).promise().done(function(){
-                        $("#satan2").attr("src", "imgs/canteen/fire_once.gif");
-                        weapon.hide();
-                         console.log("weapon hide");
-                        weapon.css({ left: "11%" });
-                        check_end_game();
+                    shot.play();
+                    $("#satan2").attr("src", "imgs/canteen/fire_once.gif");
+                    weapon.hide();
+                        console.log("weapon hide");
+                    weapon.css({ left: "11%" });
+                    check_end_game();
                 });
             });     
         hit_ned();
@@ -177,17 +209,19 @@ var fluoride = 5;
                 weapon.animate({ left: "80%" }, { 
                     duration: 300
                 }).promise().done(function(){
-                        $("#satan3").attr("src", "imgs/canteen/fire_once.gif");
-                        weapon.hide();
-                         console.log("weapon hide");
-                        weapon.css({ left: "11%" });
-                        check_end_game();
+                    shot.play();
+                    $("#satan3").attr("src", "imgs/canteen/fire_once.gif");
+                    weapon.hide();
+                        console.log("weapon hide");
+                    weapon.css({ left: "11%" });
+                    check_end_game();
                 });
             });     
         hit_ned();
     });
 
     $("#satan4").click (function(){
+        shot.play();
         --fluoride; 
         console.log("fluoride:", fluoride);
         weapon.hide();
@@ -200,12 +234,13 @@ var fluoride = 5;
                 weapon.animate({ left: "46%" }, { 
                     duration: 300
                 }).promise().done(function(){
-                        $("#satan4").attr("src", "imgs/canteen/fire_once.gif");
-                        weapon.hide();
-                         console.log("weapon hide");
-                        weapon.css({ left: "11%" });
-                        check_end_game();
-                });
+                    shot.play();
+                    $("#satan4").attr("src", "imgs/canteen/fire_once.gif");
+                    weapon.hide();
+                        console.log("weapon hide");
+                    weapon.css({ left: "11%" });
+                    check_end_game();
+            });
             });     
         hit_ned();
     });
@@ -223,11 +258,12 @@ var fluoride = 5;
                 weapon.animate({ left: "80%" }, { 
                     duration: 300
                 }).promise().done(function(){
-                        $("#satan5").attr("src", "imgs/canteen/fire_once.gif");
-                        weapon.hide();
-                         console.log("weapon hide");
-                        weapon.css({ left: "11%" });
-                        check_end_game();
+                    shot.play();
+                    $("#satan5").attr("src", "imgs/canteen/fire_once.gif");
+                    weapon.hide();
+                        console.log("weapon hide");
+                    weapon.css({ left: "11%" });
+                    check_end_game();
                 });
             });     
         hit_ned();
@@ -237,6 +273,9 @@ var fluoride = 5;
     function hit_ned() {
         if (fluoride == 2) {
         $("#ned_flame").show();
+        setTimeout( function()  {
+            shot.play();
+        }, 200);
         //$("#ned_flame").delay(1000).hide();
         $("#ned").attr("src", "imgs/canteen/ned_wounded.gif");
         }
@@ -249,6 +288,7 @@ var fluoride = 5;
                 if (fluoride == 0)  {
                     console.log("game over!");
                     $(".game_bar").addClass("game_bar_glow");
+                    click.play();
                     setTimeout( function (){ 
                         figures_all.detach();
                         $(".game_bar").hide();
@@ -257,6 +297,8 @@ var fluoride = 5;
                             $(".message2").hide();
                             $(".message3").show();
                             $(".invert").removeClass("invert_style");
+                            scary.pause();
+                            theme.play();
                             setTimeout (function () {
                                 $(".game_bar").hide();
                                 $(".ned_bubble1").show();
@@ -268,9 +310,11 @@ var fluoride = 5;
         };
 
         $(".ned_bubble1").click( function(){
+            comic.play();
             $(".ned_bubble1").hide();
             $(".ned_bubble2").show();
             setTimeout (function () {
+                click.play();
                 $(".message3").hide();
                 $(".message4").show();
                 $("#ned").attr("src", "imgs/canteen/ned_wounded.png");
@@ -278,6 +322,7 @@ var fluoride = 5;
         });
 
         $(".ned_bubble2").click( function(){
+            click.play();
             $(".ned_bubble2").hide();
         });
 
diff --git a/tree/pleiadians_satanism.html b/tree/pleiadians_satanism.html
index 2c10a47..8fffc0c 100644
--- a/tree/pleiadians_satanism.html
+++ b/tree/pleiadians_satanism.html
@@ -9,6 +9,11 @@
     
 </head>
 <body >
+    <audio loop="loop" id="magic" preload="auto"><source src="sound/theme5_magic.wav" type="audio/wav"></audio>
+    <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+    <audio id="appear"><source src="sound/appear.wav" type="audio/wav"></audio>
+    <audio id="alien"><source src="sound/alien_speech.wav" type="audio/wav"></audio>
+
 
     <div id="ground_color" class="invert scroll-pane stop_invert"></div>
 
@@ -95,12 +100,25 @@
 
 
 <script src="jquery.min.js"></script>
-  <script>
+<script>
+//audio
+var magic = document.querySelector("#magic");
+var click = document.querySelector("#click");
+var appear = document.querySelector("#appear");
+var alien = document.querySelector("#alien");
+
+$("body").hover( function() {
+    magic.play();
+    magic.addEventListener('paused',function() { 
+      magic.play();
+    },false);
+  })
 
 // saves game step in the local storage 
   window.onload = function() {
-  window.localStorage.setItem("pleiadians","opened");
-  console.log ("pleiadians:",localStorage.pleiadians);
+    magic.play();
+    window.localStorage.setItem("pleiadians","opened");
+    console.log ("pleiadians:",localStorage.pleiadians);
     }
 
 //get player avatar from local storage
@@ -158,7 +176,7 @@ $(document).keydown(function(e) {
         offset.left = 80;
     }
 
-    if (offset.left >  $("#ground").width()  - 900) {
+    if (offset.left >=  $("#ground").width()  - 900) {
         $(".message1").hide();
         $(".message2").show();
     }
@@ -177,24 +195,28 @@ $(document).keydown(function(e) {
  var pleiadians = 0;
 
     $("#planet1").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet1").hide();
         $("#being1").show();
         check_pleiadians();
     });
     $("#planet3").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet3").hide();
         $("#being3").show();
         check_pleiadians();
     });
     $("#planet5").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet5").hide();
         $("#being5").show();
         check_pleiadians();
     });
     $("#planet7").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet7").hide();
         $("#being7").show();
@@ -205,45 +227,56 @@ function check_pleiadians() {
     if (pleiadians == 4) {
 
         setTimeout( function (){
+            alien.play();
             $(".bubble1").css("zIndex", 50);
             $(".bubble1").show();
             setTimeout( function (){
+                alien.play();
                 $(".bubble2").css("zIndex", 50);
                 $(".bubble2").show();
                 setTimeout( function (){
+                    alien.play();
                     $(".bubble3").css("zIndex", 50);
                     $(".bubble3").show();
                     setTimeout( function (){
+                        alien.play();
                         $(".bubble4").css("zIndex", 50);
                         $(".bubble4").show();
                         setTimeout( function (){
+                            alien.play();
                             $(".bubble5").css("zIndex", 50);
                             $(".bubble5").show();
                             setTimeout( function (){
+                                click.play();
                                 $(".message2").hide();
                                 $(".message3").show();
-                            }, 2500);
-                        }, 2500);
-                    }, 2500);
-                }, 2500);
-            }, 2500);
-        }, 100);
+                            }, 3500);
+                        }, 3500);
+                    }, 3500);
+                }, 3500);
+            }, 3500);
+        }, 1000);
     };
 };
 
 $(".bubble1").click( function(){
+    click.play();
     $(".bubble1").hide();
 });
 $(".bubble2").click( function(){
+    click.play();
     $(".bubble2").hide();
 });
 $(".bubble3").click( function(){
+    click.play();
     $(".bubble3").hide();
 });
 $(".bubble4").click( function(){
+    click.play();
     $(".bubble4").hide();
 });
 $(".bubble5").click( function(){
+    click.play();
     $(".bubble5").hide();
 });
 
diff --git a/tree/pleiadians_saurians.html b/tree/pleiadians_saurians.html
index 7aa34c1..deeda0d 100644
--- a/tree/pleiadians_saurians.html
+++ b/tree/pleiadians_saurians.html
@@ -9,6 +9,10 @@
     
 </head>
 <body >
+    <audio loop="loop" id="magic" preload="auto"><source src="sound/theme5_magic.wav" type="audio/wav"></audio>
+    <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+    <audio id="appear"><source src="sound/appear.wav" type="audio/wav"></audio>
+    <audio id="alien"><source src="sound/alien_speech.wav" type="audio/wav"></audio>
 
     <div id="ground_color" class="invert scroll-pane stop_invert"></div>
 
@@ -95,10 +99,23 @@
 
 
 <script src="jquery.min.js"></script>
-  <script>
+<script>
+//audio
+var magic = document.querySelector("#magic");
+var click = document.querySelector("#click");
+var appear = document.querySelector("#appear");
+var alien = document.querySelector("#alien");
+
+$("body").hover( function() {
+    magic.play();
+    magic.addEventListener('paused',function() { 
+      magic.play();
+    },false);
+  })
 
 // saves game step in the local storage 
   window.onload = function() {
+    magic.play();
   window.localStorage.setItem("pleiadians","opened");
   console.log ("pleiadians:",localStorage.pleiadians);
     }
@@ -177,24 +194,28 @@ $(document).keydown(function(e) {
  var pleiadians = 0;
 
     $("#planet1").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet1").hide();
         $("#being1").show();
         check_pleiadians();
     });
     $("#planet3").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet3").hide();
         $("#being3").show();
         check_pleiadians();
     });
     $("#planet5").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet5").hide();
         $("#being5").show();
         check_pleiadians();
     });
     $("#planet7").click( function() {
+        appear.play();
         pleiadians ++;
         $("#planet7").hide();
         $("#being7").show();
@@ -205,44 +226,55 @@ function check_pleiadians() {
     if (pleiadians == 4) {
 
         setTimeout( function (){
+            alien.play();
             $(".bubble1").css("zIndex", 50);
             $(".bubble1").show();
             setTimeout( function (){
+                alien.play();
                 $(".bubble2").css("zIndex", 50);
                 $(".bubble2").show();
                 setTimeout( function (){
+                    alien.play();
                     $(".bubble3").css("zIndex", 50);
                     $(".bubble3").show();
                     setTimeout( function (){
+                        alien.play();
                         $(".bubble4").css("zIndex", 50);
                         $(".bubble4").show();
                         setTimeout( function (){
+                            alien.play();
                             $(".bubble5").css("zIndex", 50);
                             $(".bubble5").show();
                             setTimeout( function (){
+                                click.play();
                                 $(".message2, .message1").hide();
                                 $(".message3").show();
-                            }, 2500);
-                        }, 2500);
-                    }, 2500);
-                }, 2500);
-            }, 2500);
-        }, 100);
+                            }, 3500);
+                        }, 3500);
+                    }, 3500);
+                }, 3500);
+            }, 3500);
+        }, 1000);
     };
 };
 $(".bubble1").click( function(){
+    click.play();
     $(".bubble1").hide();
 });
 $(".bubble2").click( function(){
+    click.play();
     $(".bubble2").hide();
 });
 $(".bubble3").click( function(){
+    click.play();
     $(".bubble3").hide();
 });
 $(".bubble4").click( function(){
+    click.play();
     $(".bubble4").hide();
 });
 $(".bubble5").click( function(){
+    click.play();
     $(".bubble5").hide();
 });
   
diff --git a/tree/river_bank.html b/tree/river_bank.html
index 084be8a..2d63985 100644
--- a/tree/river_bank.html
+++ b/tree/river_bank.html
@@ -9,6 +9,13 @@
     
 </head>
 <body>
+
+<audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
+<audio id="comic"><source src="sound/baloon_intense.wav" type="audio/wav"></audio>
+<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+<audio id="water"><source src="sound/click.wav" type="audio/wav"></audio>
+
+
     <div id="ground" class="invert"></div>
    <!--<div class="ground_line invert"></div>-->
 
@@ -46,10 +53,23 @@
 
 
 <script src="jquery.min.js"></script>
-  <script>
-
-// saves game step in the local storage 
+<script>
+//audio
+var theme = document.querySelector("#theme3");
+var comic = document.querySelector("#comic");
+var click = document.querySelector("#click");
+var water = document.querySelector("#water");
+
+$("body").hover( function() {
+    theme.play();
+    theme.addEventListener('paused',function() { 
+      theme.play();
+    },false);
+  })
+
+  // saves game step in the local storage 
   window.onload = function() {
+      theme.play();
       window.localStorage.setItem("river_bank","opened");
       console.log ("river bank:",localStorage.river_bank);
       $(".fighters").html("0");
@@ -68,6 +88,7 @@
     $(".ferryman").click (function(){
         console.log("ciao");
         $(".bubble").show();
+        comic.play();
         setTimeout( function() {
             $("#ferryman_good").hide();
             $(".bubble2,#ferryman_evil").show();
@@ -77,6 +98,7 @@
                     $("#ferryman_evil").detach();
                     $("#boat_empty, #army").hide();
                     $("#boat_full").show();
+                    water.play();
                     $("#player_img").removeClass("player_land");
                     $("#player_img").hide();
                     $(".boat").animate({ left: "100%" }, { 
diff --git a/tree/sound/.DS_Store b/tree/sound/.DS_Store
index 711f418..1c0e130 100644
Binary files a/tree/sound/.DS_Store and b/tree/sound/.DS_Store differ
diff --git a/tree/sound/alien_speech.wav b/tree/sound/alien_speech.wav
new file mode 100644
index 0000000..e185fdf
Binary files /dev/null and b/tree/sound/alien_speech.wav differ
diff --git a/tree/sound/amanda_theme.wav b/tree/sound/amanda_theme.wav
new file mode 100644
index 0000000..3ffe609
Binary files /dev/null and b/tree/sound/amanda_theme.wav differ
diff --git a/tree/sound/anger.wav b/tree/sound/anger.wav
index 40b5ae0..aa0dbb2 100644
Binary files a/tree/sound/anger.wav and b/tree/sound/anger.wav differ
diff --git a/tree/sound/appear.wav b/tree/sound/appear.wav
new file mode 100644
index 0000000..c78ea3e
Binary files /dev/null and b/tree/sound/appear.wav differ
diff --git a/tree/sound/explosion.wav b/tree/sound/explosion.wav
new file mode 100644
index 0000000..8d9ae0a
Binary files /dev/null and b/tree/sound/explosion.wav differ
diff --git a/tree/sound/shot.wav b/tree/sound/shot.wav
new file mode 100644
index 0000000..e592960
Binary files /dev/null and b/tree/sound/shot.wav differ
diff --git a/tree/sound/theme3_danger.mp3 b/tree/sound/theme3_danger.mp3
new file mode 100644
index 0000000..d6a4bb1
Binary files /dev/null and b/tree/sound/theme3_danger.mp3 differ
diff --git a/tree/sound/theme4_scary.wav b/tree/sound/theme4_scary.wav
new file mode 100644
index 0000000..f5fac4e
Binary files /dev/null and b/tree/sound/theme4_scary.wav differ
diff --git a/tree/sound/theme5_magic.wav b/tree/sound/theme5_magic.wav
new file mode 100644
index 0000000..76cd64e
Binary files /dev/null and b/tree/sound/theme5_magic.wav differ
diff --git a/tree/sound/theme6_march.wav b/tree/sound/theme6_march.wav
new file mode 100644
index 0000000..f072d3c
Binary files /dev/null and b/tree/sound/theme6_march.wav differ
diff --git a/tree/sound/water.wav b/tree/sound/water.wav
new file mode 100644
index 0000000..91e68a5
Binary files /dev/null and b/tree/sound/water.wav differ
diff --git a/tree/spring_river.html b/tree/spring_river.html
index a4099c2..fba6284 100644
--- a/tree/spring_river.html
+++ b/tree/spring_river.html
@@ -9,9 +9,16 @@
     
 </head>
 <body >
-
+  <audio loop="loop" id="theme6" preload="auto"><source src="sound/theme6_march.wav" type="audio/wav"></audio>
+  <audio loop="loop" id="theme_amanda" preload="auto"><source src="sound/amanda_theme.wav" type="audio/wav"></audio>
+  <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+  <audio id="comic"><source src="sound/speech.wav" type="audio/wav"></audio>
+  <audio id="shot"><source src="sound/shot.wav" type="audio/wav"></audio>
+  <audio id="appear"><source src="sound/shot.wav" type="audio/wav"></audio>
+  <audio id="explosion"><source src="sound/explosion.wav" type="audio/wav"></audio>
+  
+  
     <div id="ground_color" class="invert scroll-pane stop_invert"></div>
-
     <div id="groundline" class="invert scroll-pane stop_invert blur"></div>
 
     <div class="army blur">
@@ -134,10 +141,30 @@ Damn! Your premonition actually came true, Ned was right since the beginning.<br
 
 
 <script src="jquery.min.js"></script>
-  <script>
+<script>
+
+//audio
+
+var theme = document.querySelector("#theme6");
+var amanda = document.querySelector("#theme_amanda");
+var click = document.querySelector("#click");
+var shot = document.querySelector("#shot");  
+var comic = document.querySelector("#comic");  
+var appear = document.querySelector("#appear");
+var explosion = document.querySelector("#explosion");  
+
+$("body").hover( function() {
+  if ( shooting_counter < 8 ){ 
+    theme.play();
+    theme.addEventListener('paused',function() { 
+      theme.play();
+    },false);
+  }
+  })
 
     // saves game step in the local storage 
   window.onload = function() {
+  theme.play();
   window.localStorage.setItem("spring_river","opened");
   console.log ("spring river:",localStorage.spring_river);
     }
@@ -253,6 +280,7 @@ $(document).keydown(function(e) {
   var shooting_counter = 0;
 
   $("#figure1").click(function () {
+    shot.play();
     shooting_counter ++;
     console.log(shooting_counter);
     $(".shooting_place1, .shooting_place4").show();
@@ -260,6 +288,7 @@ $(document).keydown(function(e) {
   });
 
   $(".figure2").click(function () {
+    shot.play();
     shooting_counter ++;
     console.log(shooting_counter);
     $(".shooting_place2, .shooting_place5").show();
@@ -267,6 +296,7 @@ $(document).keydown(function(e) {
   });
 
   $(".figure3").click(function () {
+    shot.play();
     shooting_counter ++;
     console.log(shooting_counter);
     $(".shooting_place3, .shooting_place6, .shooting_place7").show();
@@ -274,6 +304,7 @@ $(document).keydown(function(e) {
   });
 
   $(".figure4").click(function () {
+    shot.play();
     shooting_counter ++;
     console.log(shooting_counter);
     $(".shooting_place1").show();
@@ -285,7 +316,9 @@ $(document).keydown(function(e) {
       $("#thunders").show();
       setTimeout( function () {
         $("#cloud, #cloud2").show();
+        appear.play();
         setTimeout( function () {
+          comic.play();
           $(".blur").addClass("blur_background");
           $("#amanda").show();
           $(".message2").hide();
@@ -302,9 +335,12 @@ $(document).keydown(function(e) {
     $(".bubble1").hide();
     $(".bad").hide();
     $(".good").show();
+    amanda.play();
+    theme.pause();
     $(".stop_invert").removeClass("invert");
     $('html').css({overflow: 'hidden'});
     setTimeout( function () {
+      comic.play();
       $(".bubble2").show();
       $(".message3").hide();
       $(".message4").show();
@@ -315,6 +351,7 @@ $(document).keydown(function(e) {
   });
 
   $(".bubble2").click(function() {
+    click.play();
     $(".bubble2").hide();
     $("#cloud, #cloud2, #thunders,#amanda").hide();
   });
diff --git a/tree/square_satanism.html b/tree/square_satanism.html
index 36d0181..2adb375 100644
--- a/tree/square_satanism.html
+++ b/tree/square_satanism.html
@@ -9,12 +9,17 @@
     
 </head>
 <body>
-    <div id="ground" class="invert"></div>
-    <div class="ground_line invert"></div>
 
+<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
+<audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
+<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+<audio id="comic"><source src="sound/baloon_intense.wav" type="audio/wav"></audio>
+<audio id="anger"><source src="sound/anger.wav" type="audio/wav"></audio>
 
 
-<!--houses-->
+<div id="ground" class="invert"></div>
+<div class="ground_line invert"></div>
+
 <!--game bar-->
 
 <div class="game_bar" >
@@ -92,13 +97,29 @@
 
 
 <script src="jquery.min.js"></script>
-  <script>
+<script>
+//audio
+var theme = document.querySelector("#theme2");
+var scary = document.querySelector("#theme3");
+var click = document.querySelector("#click");
+var comic = document.querySelector("#comic");  
+var anger = document.querySelector("#anger");  
+
+$("body").hover( function() {
+    if (villagers < 9){ 
+    theme.play();
+    theme.addEventListener('paused',function() { 
+      theme.play();
+    },false);
+    }
+  })
 
 // saves game step in the local storage 
   window.onload = function() {
-      window.localStorage.setItem("square_satanism","opened");
-      console.log ("square satanism:",localStorage.square_satanism);
-      $(".fighters").html("0");
+    theme.play();
+    window.localStorage.setItem("square_satanism","opened");
+    console.log ("square satanism:",localStorage.square_satanism);
+    $(".fighters").html("0");
     }
 
   //get player avatar from local storage
@@ -128,11 +149,13 @@
         avatar.css({ top: "16%", left: "35%" });
         baloon.css({ top: "7%", left: "37%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person1").hide();
             $("#fighter1").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -143,11 +166,13 @@
         avatar.css({ top: "13%", left: "59%" });
         baloon.css({ top: "4%", left: "61%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person2").hide();
             $("#fighter2").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -158,11 +183,13 @@
         avatar.css({ top: "22%", left: "77%"});
         baloon.css({ top: "13%", left: "80%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person3").hide();
             $("#fighter3").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -175,11 +202,13 @@
         avatar.css({ top: "50%", left: "62%"});
         baloon.css({ top: "41%", left: "64%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person4").hide();
             $("#fighter4").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -194,11 +223,13 @@
         avatar.css({ top: "14%", left: "17%" });
         baloon.css({ top: "5%", left: "21%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person5").hide();
             $("#fighter5").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -210,11 +241,13 @@
         avatar.css({ top: "53%", left: "29%" });
         baloon.css({ top: "43%", left: "31%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person6").hide();
             $("#fighter6").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -228,11 +261,13 @@
         avatar.css({ top: "33%", left: "26%" });
         baloon.css({ top: "24%", left: "28%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person7").hide();
             $("#fighter7").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -244,11 +279,13 @@
         avatar.css({ top: "43%", left: "72%" });
         baloon.css({ top: "35%", left: "75%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person8").hide();
             $("#fighter8").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -259,11 +296,13 @@
         avatar.css({ top: "29%", left: "48%" });
         baloon.css({ top: "19%", left: "51%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person9").hide();
             $("#fighter9").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -273,7 +312,10 @@
             setTimeout ( function (){
                 $(".game_bar").addClass("game_bar_glow");
                 $(".message1").hide();
-            $(".message2").show();  
+                $(".message2").show(); 
+                click.play();
+                theme.pause();
+                scary.play(); 
                 $(".invert").addClass("invert_style");
                 $("#thunder1, #thunder2 ").show();  
                 check_flipping();
diff --git a/tree/square_saurians.html b/tree/square_saurians.html
index 6bd1c77..992603a 100644
--- a/tree/square_saurians.html
+++ b/tree/square_saurians.html
@@ -9,10 +9,14 @@
     
 </head>
 <body>
-    <div id="ground" class="invert"></div>
-    <div class="ground_line invert"></div>
-
+    <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
+    <audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
+    <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
+    <audio id="comic"><source src="sound/baloon_intense.wav" type="audio/wav"></audio>
+    <audio id="anger"><source src="sound/anger.wav" type="audio/wav"></audio>
 
+    <div id="ground" class="invert"></div>
+<div class="ground_line invert"></div>
 
 <!--houses-->
 <!--game bar-->
@@ -91,10 +95,27 @@
 
 
 <script src="jquery.min.js"></script>
-  <script>
+<script>
+//audio
+
+var theme = document.querySelector("#theme2");
+var scary = document.querySelector("#theme3");
+var click = document.querySelector("#click");
+var comic = document.querySelector("#comic");  
+var anger = document.querySelector("#anger");  
+
+$("body").hover( function() {
+    if (villagers < 9){ 
+    theme.play();
+    theme.addEventListener('paused',function() { 
+      theme.play();
+    },false);
+    }
+  })
 
 // saves game step in the local storage 
   window.onload = function() {
+    theme.play();
       window.localStorage.setItem("square_saurians","opened");
       console.log ("square saurians:",localStorage.square_saurians);
       $(".fighters").html("0");
@@ -121,6 +142,7 @@
     var baloon = $(".bubble");
 
   $("#person1").click (function(){
+        comic.play();
         check_flipping();
         villagers ++; 
         $(".fighters").html(villagers);
@@ -131,7 +153,8 @@
             $("#person1").hide();
             $("#fighter1").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -142,11 +165,13 @@
         avatar.css({ top: "13%", left: "59%" });
         baloon.css({ top: "2%", left: "61%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person2").hide();
             $("#fighter2").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -160,11 +185,13 @@
         avatar.css({ top: "32%", left: "85%"});
         baloon.css({ top: "22%", left: "78%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person3").hide();
             $("#fighter3").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -177,11 +204,13 @@
         avatar.css({ top: "50%", left: "62%"});
         baloon.css({ top: "38%", left: "62%" })
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person4").hide();
             $("#fighter4").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -196,11 +225,13 @@
         avatar.css({ top: "14%", left: "17%" });
         baloon.css({ top: "2%", left: "17%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person5").hide();
             $("#fighter5").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -212,11 +243,13 @@
         avatar.css({ top: "53%", left: "29%" });
         baloon.css({ top: "40%", left: "29%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person6").hide();
             $("#fighter6").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -224,15 +257,17 @@
         check_flipping();
         villagers ++; 
         $(".fighters").html(villagers);
-        avatar.css ("zIndex", -1);
+        avatar.css ("zIndex", 2);
         avatar.css({ top: "50%", left: "20%" });
         baloon.css({ top: "38%", left: "20%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person7").hide();
             $("#fighter7").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -244,11 +279,13 @@
         avatar.css({ top: "43%", left: "72%" });
         baloon.css({ top: "32%", left: "72%" });
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person8").hide();
             $("#fighter8").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -259,11 +296,13 @@
         avatar.css({top: "29%", left: "48%"});
         baloon.css({top: "17%", left: "48%"});
         baloon.show();
+        comic.play();
         setTimeout ( function (){
             $("#person9").hide();
             $("#fighter9").show();
             baloon.hide();
-        }, 600); 
+            anger.play();
+        }, 800); 
         end_recluting();   
     });
 
@@ -271,10 +310,13 @@
     function end_recluting() { 
         if (villagers == 9) {
             setTimeout ( function (){
+                click.play();
                 $(".game_bar").addClass("game_bar_glow");
                 $(".message1").hide();
                 $(".message2").show();  
                 $(".invert").addClass("invert_style");
+                theme.pause();
+                scary.play();
                 $("#thunder1, #thunder2 ").show();  
                 check_flipping();
                 avatar.css({ top: "55%", left: "8%" })
