diff --git a/assets/audio/africa.m4a b/assets/audio/africa.m4a
new file mode 100644
index 0000000..cee85ba
Binary files /dev/null and b/assets/audio/africa.m4a differ
diff --git a/assets/css/style.css b/assets/css/style.css
deleted file mode 100644
index 623c359..0000000
--- a/assets/css/style.css
+++ /dev/null
@@ -1,6 +0,0 @@
-* { margin: 0; padding: 0; }
-
-html, body, img {
-  width: 100%;
-  height: 100%;
-}
diff --git a/fonts/icomoon.eot b/assets/fonts/icomoon.eot
similarity index 100%
rename from fonts/icomoon.eot
rename to assets/fonts/icomoon.eot
diff --git a/fonts/icomoon.svg b/assets/fonts/icomoon.svg
similarity index 100%
rename from fonts/icomoon.svg
rename to assets/fonts/icomoon.svg
diff --git a/fonts/icomoon.ttf b/assets/fonts/icomoon.ttf
similarity index 100%
rename from fonts/icomoon.ttf
rename to assets/fonts/icomoon.ttf
diff --git a/fonts/icomoon.woff b/assets/fonts/icomoon.woff
similarity index 100%
rename from fonts/icomoon.woff
rename to assets/fonts/icomoon.woff
diff --git a/assets/img/africa.png b/assets/images/africa.png
similarity index 100%
rename from assets/img/africa.png
rename to assets/images/africa.png
diff --git a/assets/js/SeamlessLoop.js b/assets/scripts/SeamlessLoop.js
similarity index 100%
rename from assets/js/SeamlessLoop.js
rename to assets/scripts/SeamlessLoop.js
diff --git a/assets/js/rainyday.js b/assets/scripts/rainyday.js
similarity index 100%
rename from assets/js/rainyday.js
rename to assets/scripts/rainyday.js
diff --git a/styles/style.css b/assets/styles/font.css
similarity index 61%
rename from styles/style.css
rename to assets/styles/font.css
index f671cdc..1511696 100755
--- a/styles/style.css
+++ b/assets/styles/font.css
@@ -1,10 +1,10 @@
 @font-face {
 	font-family: 'icomoon';
-	src:url('fonts/icomoon.eot?-l03f6i');
-	src:url('fonts/icomoon.eot?#iefix-l03f6i') format('embedded-opentype'),
-		url('fonts/icomoon.woff?-l03f6i') format('woff'),
-		url('fonts/icomoon.ttf?-l03f6i') format('truetype'),
-		url('fonts/icomoon.svg?-l03f6i#icomoon') format('svg');
+	src:url('../fonts/icomoon.eot?-l03f6i');
+	src:url('../fonts/icomoon.eot?#iefix-l03f6i') format('embedded-opentype'),
+		url('../fonts/icomoon.woff?-l03f6i') format('woff'),
+		url('../fonts/icomoon.ttf?-l03f6i') format('truetype'),
+		url('../fonts/icomoon.svg?-l03f6i#icomoon') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }
diff --git a/assets/styles/style.css b/assets/styles/style.css
new file mode 100644
index 0000000..e750f95
--- /dev/null
+++ b/assets/styles/style.css
@@ -0,0 +1,26 @@
+* { margin: 0; padding: 0; }
+
+html, body, img, #container {
+  width: 100%;
+  height: 100%;
+}
+
+div {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  z-index: 500;
+}
+
+.button {
+  top: 50% !important;
+  left: 50% !important;
+
+  padding: 10px;
+  border-radius: 10px;
+
+  background: rgba(0, 0, 0, .5);
+  color: white;
+  font-size: 3em;
+  text-align: center;
+}
diff --git a/index.html b/index.html
index d1fa125..d365cab 100644
--- a/index.html
+++ b/index.html
@@ -6,19 +6,66 @@
     <!--[if IE]>
       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
-    <link rel="stylesheet" href="assets/css/style.css" type="text/css" />
-    <script src="assets/js/rainyday.js"></script>
+    <link rel="stylesheet" href="assets/styles/style.css" type="text/css" />
+    <link rel="stylesheet" href="assets/styles/font.css" type="text/css" />
+    <script src="assets/scripts/rainyday.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/jplayer/2.7.1/jquery.jplayer/jquery.jplayer.js"></script>
   </head>
-  <body onload="run()">
   <body>
-    <audio autoplay="autoplay" loop="loop">
+    <!--<audio autoplay="autoplay" loop="loop">
       <source src="assets/audio/africa.ogg" />
       <source src="assets/audio/africa.mp3" />
-    </audio>
-
+    </audio>-->
     <img id="background" src="" />
-    <script>
-      function run() {
+
+    <div id="container">
+      <div id="player"></div>
+      <div id="play" class="button"><i class="icon-play"></i></div>
+      <div id="pause" class="button"><i class="icon-pause"></i></div>
+    </div>
+
+    <script type="text/javascript">
+      $(document).ready(function() {
+        if(isMobile.any()) {
+          $('#pause').hide();
+        } else {
+          $('#play').hide();
+          $('#pause').hide();
+        }
+        var mediaPlayer = jQuery('#player');
+
+        mediaPlayer.jPlayer({
+          //swfPath: '/swf/Jplayer.swf',
+          solution:    "html",//"flash, html",
+          supplied : 'mp3, oga, m4a',
+          cssSelector: {
+            play: '#play',
+          },
+
+          ready: function() {jQuery(this).jPlayer("setMedia", {
+            mp3: 'assets/audio/africa.mp3',
+            oga: 'assets/audio/africa.oga',
+            m4a: 'assets/audio/africa.m4a'
+          }).jPlayer("play");}
+        });
+
+        $('#play').click(function() {
+          if(isMobile.any()) {
+            $('#play').hide();
+            $('#pause').show();
+          }
+          $('#player').jPlayer('play');
+        });
+
+        $('#pause').click(function() {
+          if(isMobile.any()) {
+            $('#play').show();
+            $('#pause').hide();
+          }
+          $('#player').jPlayer('pause');
+        });
+
         var image = document.getElementById('background');
         image.onload = function() {
           var engine = new RainyDay({
@@ -26,9 +73,30 @@
           });
           engine.rain([ [3, 2, 2] ], 100);
         };
-        image.src = 'assets/img/africa.png';
+        image.src = 'assets/images/africa.png';
         image.crossOrigin = 'anonymous';
-      }
+      });
+
+      var isMobile = {
+        Android: function() {
+          return navigator.userAgent.match(/Android/i);
+        },
+        BlackBerry: function() {
+          return navigator.userAgent.match(/BlackBerry/i);
+        },
+        iOS: function() {
+          return navigator.userAgent.match(/iPhone|iPad|iPod/i);
+        },
+        Opera: function() {
+          return navigator.userAgent.match(/Opera Mini/i);
+        },
+        Windows: function() {
+          return navigator.userAgent.match(/IEMobile/i);
+        },
+        any: function() {
+          return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
+        }
+      };
     </script>
   </body>
 </html>
