socket.on('sendchatmessage', function (data)
{
	var msgc=data.code;
	var extra='';
	if(admin>0)
	{
		extra='<i data-msgid="'+msgc+'"  onClick="delmsg($(this))"  title="Delete" class="fa fa-trash font-red"></i>&ensp;';
	}
	var uname = data.name;
	uname = uname.replace(/(<|>)/g, '');
	var uavatar = data.avatar;
	var usteamid= data.steamid;
	var uadmin= data.admin;
	var upremium= data.premium;
	var ctime=timeConverter2(data.time);
	var unc=data.nc;
	var umc=data.mc;
	uname=uname.replace(/^(.{23}).+/, "$1...");
	uname=removeLinks(uname,0);
	var message=data.message;
	message = message.replace(/(<|>)/g, '');
	if(!uadmin)
	{
		message=removeLinks(message,1);
	}
	message=addemotes(message,usteamid,uadmin,upremium);
	var bd='';
	var ad=''
	var badge=data.badge;
	if(badge==1)
	{
		bd='<i title="Moderator" class="mod fa fa-star-o"></i>';
		ad='mod-color';
	}
	if(badge==2)
	{
		bd='<i title="Administrator" class="admin fa fa-star-o"></i>';
		ad='admin-color';
	}
	if(badge==3)
	{
		bd='<i title="Owner"></i>';
		ad='owner-color';
	}
	if(badge==4)
	{
		bd='<i title="Premium Member" class="fa fa-plus" aria-hidden="true" style="color:#23DE39;"></i>&ensp;';
	}
		msg='<div class="chat-item chat'+msgc+'">\
            <div class="user-part">\
                <a href="#">\
                    <img src="'+uavatar+'" onClick="showprofile($(this))" data-steamid="'+usteamid+'" class="'+ad+'" alt="Chat Image" title="Chat Avatar" class="chat-ava" width="40" height="40"/>\
                    <span class="chat-name">'+extra+' '+uname+' '+bd+'</span>\
                </a>\
            </div>\
            <div class="chat-message">\
                <p style="color:#'+umc+'">'+message+'</p>\
            </div>\
        </div>';

	$(function()
	{
		$("div.newmsg").append(msg);

		$("#chat-items").scrollTop($("#chat-items").prop("scrollHeight"));
	})

});

socket.on('showchatlogs', function (data)
{
	var msg= '';
	data.chat.forEach(function(chat)
	{
		var msgc=chat.code;
		var extra='';
		if(admin>0)
		{
			extra='<i data-msgid="'+msgc+'"  onClick="delmsg($(this))"  title="Delete" class="fa fa-trash font-red"></i>&ensp;';
		}
		var uname = chat.name;
		uname = uname.replace(/(<|>)/g, '');
		var uavatar = chat.avatar;
		var usteamid= chat.steamid;
		var uadmin= data.admin;
		var upremium= data.premium;
		var ctime=timeConverter2(chat.time);
		var unc=chat.nc;
		var umc=chat.mc;
		uname=uname.replace(/^(.{23}).+/, "$1...");
		uname=removeLinks(uname,0);
		var message=chat.message;
		message = message.replace(/(<|>)/g, '');
		if(!uadmin)
		{
			message=removeLinks(message,1);
		}
		message=addemotes(message,usteamid,uadmin,upremium);
		var bd='';
		var ad='';
		var badge=chat.badge;
		if(badge==1)
		{
		bd='<i title="Moderator" class="mod fa fa-star-o"></i>';
		ad='mod-color';
		}
		if(badge==2)
		{
		bd='<i title="Administrator" class="admin fa fa-star-o"></i>';
		ad='admin-color';
		}
		if(badge==3)
		{
		bd='<i title="Owner"></i>';
		ad='owner-color';
		}
		if(badge==4)
		{
			bd='<i title="Premium Member" class="fa fa-plus" aria-hidden="true" style="color:#23DE39;"></i>&ensp;';
		}
		msg+='<div class="chat-item chat'+msgc+'">\
            <div class="user-part">\
                <a href="#" >\
                    <img onClick="showprofile($(this))" data-steamid="'+usteamid+'" class="'+ad+'" src="'+uavatar+'" alt="Chat Image" title="Chat Avatar" class="chat-ava" width="40" height="40"/>\
                    <span class="chat-name">'+extra+' '+uname+' '+bd+'</span>\
                </a>\
            </div>\
            <div class="chat-message">\
                <p style="color:#'+umc+'">'+message+'</p>\
            </div>\
        </div>';
	})
	$(function()
	{
		$("div.newmsg").append(msg);
		$("#chat-items").scrollTop($("#chat-items").prop("scrollHeight"));
	})
});

socket.on('usersonline', function (data)
{
	$("span.usersonline").html(data);
});