avatarselector_init();
function avatarselector_init()
{
	if ($('avatars_wrapper'))
	{
		$('avatars_wrapper').setStyle('text-align: left');
		width = parseInt($('avatars').getStyle('width'));

		// Set beginning left value
		$('avatars').setStyle('left: 0px');

		// Set Event handlers for avatars
		theavatars = $$('#avatars a');
		for (i = 0; i < theavatars.length; i++)
		{
			Event.observe(theavatars[i], 'click', function()
			{
				$$('#avatars a.selected')[0].removeClassName('selected');
				$(this).addClassName('selected');

				$('avatar').setAttribute('value', $(this).id.replace('avatar_', ''));

				$(this).blur();
			});
		}

		// Unhide the selector if we were using the loading indicator
		if ($('avatarselector_loading'))
		{
			$('avatarselector_loading').hide();
			$('avatarselector').show();
		}

		// Move to selected Avatar ITIS
		if ($('avatar').value > 1)
		{
			avatarselector_gotoAvatar($('avatar').value);
		}
	}else{
		// selector not yet loaded, wait and then retry
		window.setTimeout('avatarselector_init()', 250);
	}
}