// Handles display of upf-fields correlating with selected user group
$(document).ready(function()
{
	$("#groups").change(function() {
		showUpfFields($("#groups").val());
	});
	
	$("input[name='groups[]']").click(function() {
		var groupIds = [];
		$("input[name='groups[]']:checked").each(function() {
			groupIds.push(this.value);
		});
		showUpfFields(groupIds.join(","));
	});
	
	if($("#groups").length == 1)
	{
		showUpfFields($("#groups").val());
	}
	else
	{
		showUpfFields(group);
	}
});

// Hide all upf fields on page
function showUpfFields(_groups) 
{
	$('div.upfGroup').show();
	$('div.upfField').hide();
	
	if (_groups.search(/,/) != -1) 
	{
		_groups = _groups.split(',');
	}
	else if(_groups)
	{
		_groups = new Array(_groups);
	}
	else
	{
		_groups = new Array("2");
	}

	if($.inArray("2", _groups) == -1)
	{
		_groups.push("2");
	}
	
	$.each(_groups, function(_key, _group) {
		$('div.upfField[rel~="group_' + _group + '"]').show();
	});
	
	$('div.upfField').not("div.upfField[rel]").show();
	$('div.upfGroup').not(":has(div.upfField:visible)").hide();
	
	$('div.upfField:visible:even').removeClass('row1').addClass('row2');
	$('div.upfField:visible:odd').removeClass('row2').addClass('row1');
	
}