function join_suggested_group( group_id )
{
	var req = create_XMLHttpRequest();
	req.open('GET', unique_get('/ajax/group/join?id=' + group_id), true);
	req.onreadystatechange = function() {
		var group_el = document.getElementById('group_' + group_id);
		var group_holder_el = document.getElementById('myGroups');
		group_holder_el.insertBefore(group_el, group_holder_el.firstChild);

		var action_el = document.getElementById('actionGroup_' + group_id);
		action_el.innerHTML = 'remove';
		action_el.onclick = function() {if( confirm('Leave this group?') ) remove_group(group_id); return false;}
		document.getElementById('noGroupsText').style.display = 'none';
	}
	req.send(null);
}

function remove_group( group_id )
{
	var req = create_XMLHttpRequest();
	req.open('GET', unique_get('/ajax/group/leave?id=' + group_id), true);
	req.onreadystatechange = function() {
		if( req.readyState == 4 && req.status == 200 )
		{
			var group_el = document.getElementById('group_' + group_id);
			var group_holder_el = document.getElementById('suggestedGroups');
			if( group_holder_el.lastChild != null )
			{
				group_holder_el.insertBefore(group_el, group_holder_el.lastChild.nextSibling);
			}
			else
			{
				group_holder_el.appendChild(group_el);
			}
			// --

			var action_el = document.getElementById('actionGroup_' + group_id);
			action_el.innerHTML = '<img alt="Join" src="/res/img/button/join.gif"/>';
			action_el.onclick = function() {join_suggested_group(group_id); return false;}
		}
	}
	req.send(null);
}

function avatar_set( for_member_id, avatar_id )
{
	var req = create_XMLHttpRequest();
	req.open('GET', unique_get('/ajax/member/avatar-set?member_id=' + for_member_id + '&id=' + avatar_id));
	req.onreadystatechange = function() {
		if( req.readyState == 4 && req.status == 200 )
		{
			var current_photo = document.getElementById('currentPhoto');
			current_photo.src = unique_get(current_photo.src);
		}
	}
	req.send(null);
}

function watchlist_see_all( section, link_el, show )
{
	var section_el = getElementsByClassName(document, 'div', section)[0];

	var hidden_elements = getElementsByClassName(section_el, 'tr', 'hidden');

	for( i in hidden_elements )
	{
		var hidden_el = hidden_elements[i];
		hidden_el.style.display = (show ? (isIE() ? 'block' : 'table-row') : 'none');

		getElementsByClassName(hidden_el, 'input', 'checkbox')[0].disabled = !show;
	}

	link_el.innerHTML = (show ? '&lt; Hide' : 'Show all &gt;');

	link_el.onclick = function() { watchlist_see_all(section, link_el, !show); return false; };
}