App.socket.onmessage = function (msg) {
            if (typeof msg.data === 'string' || msg.data instanceof String) {
				if (msg.data.substr(0,2) == 'm:') {
					var msgarray = msg.data.split(':');
					if (msgarray.length != 5) { return; }
					var msgstring = htmlspecialchars(msgarray[4]);
					var actualnick = msgstring.substr(0,15).trim();
					var actualmsg = msgstring.substr(15,msgstring.length-15);
                    if(actualnick != "Netscape"){
                    var mg = "<div><a class='chatnick'>" + actualnick + ":</a> " + actualmsg + "</div>";
                        $("#chatlog").append(mg);
                    if ($('#chatlog div').length > 100) {
                        $('#chatlog div').eq(0).remove();
                        }
                    }else{
                        if(actualmsg.match(/IMGVIEW?/) !== null){
                            console.log(actualmsg);
                            actualmsg = actualmsg.replace(/IMGVIEW\?/,"");
                        var img = document.createElement('img');
                        img.src="http://"+actualmsg;
                        img.width=document.getElementById('chatlog').clientWidth;
                        var mg = "<div><a class='chatnick'>" + actualnick + ":</a> "+"</div>";
                            $("#chatlog").append(mg);
                           document.getElementById('chatlog').appendChild(img);
                    }else{
                        var mg = "<div><a class='chatnick'>" + actualnick + ":</a> " + actualmsg + "</div>";
                        $("#chatlog").append(mg);
                    if ($('#chatlog div').length > 100) {
                        $('#chatlog div').eq(0).remove();
                         }
                    //console.log(mg);
}}
					var chatWindow = document.getElementById("chatlog");
					var dif = chatWindow.scrollHeight - chatWindow.scrollTop;
					if (dif < 530) {
						$("#chatlog").scrollTop(500000);
					}
				} else if (msg.data.substr(0,2) == 'a:') {
					var actualmsg = htmlspecialchars(msg.data).substr(2);
					var mg = "<div><a class='chatnick'>" + "ALERT:</a> " + actualmsg + "</div>";
					$("#chatlog").append(mg);
				}
			} else {
                var reader = new DataView(msg.data);
				var offset = 0;

				switch (reader.getUint8(offset++)) {
					case 10:
						var playerId = reader.getInt32(offset, true);
						offset += 4;
						var x = reader.getInt32(offset, true);
						offset += 4;
						var y = reader.getInt32(offset, true);
						offset += 4;
						var color = reader.getUint8(offset);
						offset++;

						var ctx = this.elements.board[0].getContext("2d");
						ctx.fillStyle = this.palette[color];
						ctx.fillRect(x, y, 1, 1);

    					if (this.use_js_resize) {
    						this.updateTransform();
    					}
                        break;
					case 11:
    					var length = reader.getUint8(offset);
                        offset++;

    					for (var i = 0; i < length; i++) {
    						var playerId = reader.getInt32(offset, true);
                            offset += 4;
    						var x = reader.getInt32(offset, true);
                            offset += 4;
    						var y = reader.getInt32(offset, true);
                            offset += 4;
    						var color = reader.getUint8(offset);
                            offset++;

    						var ctx = this.elements.board[0].getContext("2d");
    						ctx.fillStyle = this.palette[color];
    						ctx.fillRect(x, y, 1, 1);
    					}

    					if (this.use_js_resize) {
    						this.updateTransform();
    					}
                        break;
                    case 15: //countdown timer
                        var wait = reader.getFloat32(offset, true);
                        this.cooldown = new Date().getTime() + (wait * 1000);
                        this.updateTime(0);
                        this.hasFiredNotification = wait === 0;
                        break;
                    case 40: // online stats
                        this.elements.users.fadeIn(200);
                        this.elements.users.text(reader.getUint32(offset, true) + " online");
                        break;
        			case 60:
        				// sessionLimit(data);
        				break;
        			case 70:
        				// captchaSuccess(data);
        				break;
        			case 71:
        				// captchaNotSuccess(data);
        				break;
                    default:
                        break;
				}
			}
        }.bind(App);
var interval = setInterval(function(){
setls('x',App.panX);
setls('y',App.panY);
setls('s',App.scale);
console.log("getting: "+App.panX+","+App.panY+","+App.scale);
},1000);
$('.chat-container .my-message').css('display','block');
$('.chat-container').css('padding','10px 10px 80px 10px');
var imgchat = document.getElementById('chattextbox').cloneNode(true);
imgchat.placeholder='IMG';
imgchat.id='imgchat';
document.getElementsByClassName('my-message')[0].insertBefore(imgchat, document.getElementById('chattextbox'));
document.getElementById('imgchat').addEventListener('keydown',function(evt){
isTyping=true;
 if(evt.keyCode == 13 ) {
     if(this.value != ""){document.getElementById('imgchat').blur();
var defaultname = 'Guest';
		var savedNameaa = localStorage.getItem('pxlsSavedName');
		if (savedNameaa != null) {
			defaultname = savedNameaa;
		}
		if (defaultname.length < 15) {

				defaultname = pad('               ',defaultname);

		}
		var tosend = 'm:1:red:en:' + defaultname + "IMGVIEW?" + this.value.replace(/(http:\/\/)?(https:\/\/)?/,"");
        App.socket.send(tosend);
this.value="";}else{document.getElementById('imgchat').blur();}}
});