var lastTeamAdded = 0;


$(document).ready(function(){
	buildTop();
	$("#bot").load('jqReport.php');
});


function buildTop(){
	var html = "<form id='playerForm' onSubmit='addToNext(); return false;'>";
	html += "<input type='hidden' value=0 id='teamNumberPlaceholder' name='teamNumber'/>";
	html += "Player <input id='playerTextField' class='textInput' type='text' name='player'/><br/>";
	for (var i=1; i<=teams; i++){
		html += "<input class='buttons' type='button' name='abutton"+(i)+"' "+
			"value='+ "+(i)+"' onClick='sendInsert("+i+")' />";
	}
	html += "<br/>";
	for (i=1; i<=teams; i++){
		html += "<input class='buttons' type='button' name='dbutton"+(i)+"' "+
			"value='- "+(i)+"' onClick='sendDelete("+i+")' />";
	}	
	html += "</div>";
	html += "</form>";

	$("#top").append(html);
}

function addToNext(){
	var n = (lastTeamAdded % teams)+1;
	sendInsert(n);
}

function sendInsert(teamNumber){

	$("#teamNumberPlaceholder").attr('value', teamNumber);
	lastTeamAdded = teamNumber;
	$.ajax({
		type: 'POST',
		url: 'jqInsert.php', 
		data: $("#playerForm").serialize(),
		success: function(response){
//			alert(teamNumber);
			$("#bot").html(response)
		}
	});
	setName("");
}

function sendDelete(teamNumber){

	$("#teamNumberPlaceholder").attr('value', teamNumber);

	$.ajax({
		type: 'POST',
		url: 'jqDelete.php', 
		data: $("#playerForm").serialize(),
		success: function(response){
			$("#bot").html(response)
		}
	});
	setName("");
}

function setName(newName){
	$("#playerTextField").attr('value',newName);
}