From cc41fd7d20336d86482a95a2b6c4b912b3b9b9b4 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordaneldredge@gmail.com>
Date: Tue, 4 Nov 2014 21:17:31 -0800
Subject: [PATCH] Surface balance and volume messages

---
 winamp.css |  7 +++++++
 winamp.js  | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/winamp.css b/winamp.css
index 1eb0b243..ceca1565 100755
--- a/winamp.css
+++ b/winamp.css
@@ -190,6 +190,13 @@ a:focus { outline: none; }
     display: block;
 }
 
+.setting-volume #song-title { display: none; }
+.setting-volume #balance-message { display: none; }
+.setting-volume #volume-message { display: block; }
+.setting-balance #song-title { display: none; }
+.setting-balance #volume-message { display: none; }
+.setting-balance #balance-message { display: block; }
+
 .media-info #kbps {
     position: absolute;
     left: 111px;
diff --git a/winamp.js b/winamp.js
index d19db1a5..e1a91caa 100755
--- a/winamp.js
+++ b/winamp.js
@@ -154,6 +154,13 @@ function Winamp () {
         self.loadFileViaReference(file);
     }
 
+    this.nodes.volume.onmousedown = function() {
+        self.nodes.winamp.classList.add('setting-volume');
+    }
+    this.nodes.volume.onmouseup = function() {
+        self.nodes.winamp.classList.remove('setting-volume');
+    }
+
     this.nodes.volume.oninput = function() {
         setVolume( this.value / 100);
         string = 'Volume: ' + this.value + '%';
@@ -168,6 +175,12 @@ function Winamp () {
         self.media.seekToPercentComplete(this.value);
     }
 
+    this.nodes.balance.onmousedown = function() {
+        self.nodes.winamp.classList.add('setting-balance');
+    }
+    this.nodes.balance.onmouseup = function() {
+        self.nodes.winamp.classList.remove('setting-balance');
+    }
     this.nodes.balance.oninput = function() {
         setBalance( Math.abs(this.value) / 100);
         var string = '';