var jquery = document.createElement('script');
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jquery);

var replaceAvatar = function(element){
	var message = element.find(".markup");
	var avatar = element.find(".avatar-large");
	var characterImage = message.children().first();

	if(!characterImage.attr("class")) return;
	if(!characterImage.attr("class").includes("emoji")) return;

	var avatarUrl = characterImage.attr("src");

	avatar.attr("style", "background-image: url(\"" + avatarUrl + "\");")
	characterImage.remove();
};

var replaceName = function(element) {
	var message = element.find(".markup");
	var prefix = message.children().first();
	var username = element.find(".user-name");

	if(!prefix.is("strong")) return;

	var nameText = prefix.text();
	var start = nameText.indexOf("[");
	var end = nameText.indexOf("]");

	if(start == -1 || end == -1) return;

 	var name = nameText.substring(start + 1, end);
	username.text(name);

	prefix.remove();
};

$("div.message-group").each(function(index, e) {
	var element = $(e);
	replaceAvatar(element);
	replaceName(element);
});