$(function() {

	// Number of Opponents changed
	$('#numberOfOpponents').change(updateTeamNames);
	updateTeamNames();

	$('.addTeam').live('click', function(e) {
		e.preventDefault();
		var numberOfOpponents = $('#numberOfOpponents').val();
		numberOfOpponents++;
		
		$('#numberOfOpponents').val(numberOfOpponents);
		$('#numberOfOpponents').change();
	});
	$('.removeTeam').live('click', function(e) {
		e.preventDefault();
		var numberOfOpponents = $('#numberOfOpponents').val();
		numberOfOpponents--;

		$('#numberOfOpponents').val(numberOfOpponents);
		$('#numberOfOpponents').change();
	});

	var colourOpts = '';
	for (colour in colours) {
		colourOpts += '<option value="'+colours[colour]+'">'+colour+'</option>';
	}
	$('select[name*=colour]').html(colourOpts);
	$('select[name*=colour]').each(function(i) {
		$(this).find('option').each(function(j) {
			if (player_colours[i] == $(this).val()) {
				$(this).attr('selected', true);
			}
		});
	});

	/*
	// Trying to make so no two players can choose the same colour.
	$('select[name*=colour]').live('change', function(e) {
		var colour = $(this).val();
		var thisSelect = this;
		$('select[name*=colour]').each(function(i) {
			if (this === thisSelect) {
				return;
			}
			$(this).find('option').show();
			$(this).find('option[value='+colour+']').hide();
		});
	});
	*/
});


function updateTeamNames() {
	var numberOfOpponents = $('#numberOfOpponents').val();
	numberOfOpponents++;
	$('input[name*=team]').hide();
	$('label[for*=team]').hide();
	$('select[name*=colour]').hide();
	$('.individualPane').hide();
	$('input[name*=team]:lt('+numberOfOpponents+')').show();
	$('label[for*=team]:lt('+numberOfOpponents+')').show();
	$('select[name*=colour]:lt('+numberOfOpponents+')').show();

	$('.teams br').hide();
	$('.teams br:lt('+numberOfOpponents+')').show();
	
	if ($('input[name=share_deck]:checked').val() == 0) {
		$('.individualPane:lt('+numberOfOpponents+')').show();
	}

	if (numberOfOpponents == 6) {
		$('.addTeam').hide();
	}
	else {
		$('.addTeam').show();
	}
	if (numberOfOpponents == 2) {
		$('.removeTeam').hide();
	}
	else {
		$('.removeTeam').show();
	}

}