Add support for compass rose in all 8 cardinal directions

web/css/dynmap_style.css

@@ -565,31 +565,57 @@
  * Compass
  */
 
-.compass {
+.compass, .compass_NE, .compass_SE, .compass_NW, .compass_SW {
     display: block;
     position: absolute;
     z-index: 10;
-
     top: 20px;
     right: 32px;
-
     height: 84px;
     width: 83px;
-
     background-repeat: no-repeat;
+}
+
+.compass, .compass_SE {
     background-image: url(../images/compass.png);
 }
 
-.compass_flat {
+.compass_NE {
+    background-image: url(../images/compass_NE.png);
+}
+
+.compass_NW {
+    background-image: url(../images/compass_NW.png);
+}
+
+.compass_SW {
+    background-image: url(../images/compass_SW.png);
+}
+
+.compass_flat, .compass_N, .compass_E, .compass_W, .compass_S {
 	top: 10px;
 	right: 21px;
 
 	height: 105px;
 	width: 105px;
+}
 
+.compass_flat, .compass_S {
 	background-image: url(../images/compass_flat.png);
 }
 
+.compass_N {
+	background-image: url(../images/compass_N.png);
+}
+
+.compass_E {
+	background-image: url(../images/compass_E.png);
+}
+
+.compass_W {
+	background-image: url(../images/compass_W.png);
+}
+
 /*******************
  * Chat
  */

web/js/map.js

@@ -292,7 +292,6 @@ DynMap.prototype = {
 		
 		var updateHeight = function() {
 			playerlist.height(sidebar.innerHeight() - (playerlist.offset().top - worldlist.offset().top) - 64); // here we need a fix to avoid the static value, but it works fine this way :P
-			console.log('scrollheight=' + playerlist.scrollHeight() + ', height=' + playerlist.height());
 			var scrollable = playerlist.scrollHeight() < playerlist.height();
 			upbtn.toggle(scrollable);
 			downbtn.toggle(scrollable);
@@ -357,8 +356,10 @@ DynMap.prototype = {
 		}
 		$(me).trigger('mapchanging');
 		if (me.maptype) {
+			$('.compass').removeClass('compass_' + me.maptype.compassview);
 			$('.compass').removeClass('compass_' + me.maptype.name);
 		}
+		$('.compass').addClass('compass_' + map.compassview);
 		$('.compass').addClass('compass_' + map.name);
 		var worldChanged = me.world !== map.world;
 		var projectionChanged = me.map.getProjection() !== map.projection;