diff --git a/jstemplates/downloads.html b/jstemplates/downloads.html
index f9a3f22..a804020 100644
--- a/jstemplates/downloads.html
+++ b/jstemplates/downloads.html
@@ -12,7 +12,10 @@
 </div>
 <div id="playerdrop" class="clearfix">
 	<div class="controls">
-		<button class="btn btn-default"><span class="glyphicon glyphicon-play"></span></button>
+		<button class="playbtn btn btn-default"><span class="glyphicon glyphicon-play"></span></button>
+	</div>
+	<div class="timeshow">
+		0:00
 	</div>
 	<div class="time">
 		<div class="time-holder">
diff --git a/static/css/style.css b/static/css/style.css
index cd56955..db07c83 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -61,7 +61,10 @@ div.slider.slider-horizontal {
 	display: block;
 	width: 100%
 }
+#playerdrop > div.timeshow {
+	width: 15%
+}
 #playerdrop > div.time {
-	width: 80%;
+	width: 65%;
 	padding: 5px 8px 5px 20px;
 }
\ No newline at end of file
diff --git a/static/js/app.js b/static/js/app.js
index d021e1a..06e750e 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -155,10 +155,16 @@ var behaviors = {
 					$(".time-holder").html('<input class="player-slider" type="text" data-slider-step="1" data-slider-value="0"/>')
 					$(".time-holder .player-slider").slider({min:0,max:parseInt($("#player").data("jPlayer").status.duration+1),tooltip:"hide"})
 					
+					$(".time-holder input").onChn
+					
+				},
+				play:function() {
+					console.log("Play event")
 				}
 			})
 			
 			
+			
 			$(".playlink").on("click", function(){
 				url = $(this).data("url")
 				$("#player").jPlayer("setMedia", {
@@ -166,11 +172,9 @@ var behaviors = {
 					mp3: url
 				}).jPlayer("play")
 				
-				
-				
-				
-				
-				//$("#player-slider").slider()
+				$("#playerdrop .playbtn").click(function(){
+					
+				})
 			})
 			
 			done()