Fixes and stuff

www/assets/css/ytsync.css

@@ -125,6 +125,18 @@
     background-color: #ddffdd;
 }
 
+.drink {
+    margin: 10px 10px;
+    padding: 10px 0px;
+    border: 2px solid #0000cc;
+}
+
+.drinkbar {
+    background-color: #000000;
+    color: #ffffff;
+    text-align: center;
+}
+
 #motdtext {
     width: 100%;
 }

www/assets/js/callbacks.js

@@ -189,6 +189,17 @@ function initCallbacks() {
         }
     });
 
+    socket.on("drinkCount", function(data) {
+        var count = data.count;
+        if(count != 0) {
+            $("#drinkcount").text(count + " drinks");
+            $(".drinkbar").show();
+        }
+        else {
+            $(".drinkbar").hide();
+        }
+    });
+
     /* REGION Playlist Stuff */
 
     socket.on("playlist", function(data) {

www/assets/js/functions.js

@@ -140,6 +140,14 @@ function formatChatMessage(data) {
             .addClass("action")
             .appendTo(div);
     }
+    else if(data.msgclass == "drink") {
+        div.addClass("drink");
+        var name = $("<span/>");
+        $("<strong/>").text("<" + data.username + ">").appendTo(name);
+        var message = $("<span/>").text(data.msg);
+        name.appendTo(div);
+        message.appendTo(div);
+    }
     else {
         var name = $("<span/>");
         $("<strong/>").text("<" + data.username + ">").appendTo(name);

www/index.html

@@ -52,6 +52,9 @@
             <div class="span10 offset1 well">
                 <p id="motd"></p>
             </div>
+            <div class="span12 drinkbar">
+                <h1 id="drinkcount"></h1>
+            </div>
         </div>
         <div class="row" style="margin-top: 20px;">
             <div class="span5" id="chatdiv">