var total = 0;
var current;

function signAsTeam() {
	$('#button_holder').css('display', 'block');	
}
	
	

function add_member() {
	if(total < 5) {
	
		var div = '<div class="teamlid_button" id="teamlid_button_'+ total + '" onclick="javascript:show_div(' + total + ')">Teamlid ' + (total + 1) + '</div>';
		$('#button_holder').append(div);
		$('input[name="total_team_members"]').val(total + 1);
		total++;
	}
}
function show_teamform() {
	$('#team_button').css('background-color', '#ffffff' );
	$('#team_button').css('color','#809ace');
	
	$('#teamlid_button_'+current).css('background-color','#809ace');
	$('#teamlid_button_'+current).css('color','#ffffff');
	
	$('#lid'+current).css('display','none');
	$('#team_form').css('display', 'block');
}
function show_div(b) {
	
	$('#team_form').css('display', 'none');
	$('#lid'+current).css('display','none');
	
	$('#team_button').css('background-color', '#809ace' );
	$('#team_button').css('color','#ffffff');
	
	$('#teamlid_button_'+current).css('background-color','#809ace');
	$('#teamlid_button_'+current).css('color','#ffffff');
	current = b;
	$('#teamlid_button_' + current).css('background-color', '#ffffff' );
	$('#teamlid_button_'+current).css('color','#809ace');
	$('#lid'+b).css('display', 'block');
}