var selectedAvatar;

function selectAvatar(i)
{
	var newAvatar = document.getElementById("newSelectedAvatar");
	var clickedAvatar = document.getElementById("avatar"+i);
	var clickedAvatarImg = document.getElementById("avatarImg"+i);
	var hiddenNewAvatar = document.getElementById("hiddenNewAvatar");
	var uploaded = document.getElementById("uploaded");
	var libAvatarId = document.getElementById("libAvatarId");
	
	//unselect currently selected avatar
	if(selectedAvatar != null) document.getElementById("avatar"+selectedAvatar).className = "unselected";
	
	//select clicked avatar
	clickedAvatar.className = "selected";
	clickedAvatar.blur();
	selectedAvatar = i;
	
	//change current avatar to selected avatar
	newAvatar.src = clickedAvatarImg.src.replace('small', 'med') + '?' + Math.random();
	hiddenNewAvatar.value = clickedAvatarImg.src;
	libAvatarId.value = i;
	uploaded.value = "0";
	
	return false;
}