// JavaScript Document
$(document).ready(function() {
	
	setup();
	
	var content = alumContent();
	
	$('#add_player').click(function() {
		$(this).before(content);
		setup();
		return false;
	});
	
						   
});

function setup() {

	jQuery.validator.messages.required = "";
	jQuery.validator.messages.digits = "";

	$("#gerdau_form").validate({
		rules: {
			years: {
			  required: true,
			  digits: true
			}
		},
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = errors == 1
					? 'The highlighted field below is required'
					: 'The highlighted fields below are required';
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		}
	});
	
	$('.remove_player').unbind('click');
	$('.remove_player').click(function() {
		$(this).parent().remove();								   
	});
}

function alumContent() {
	var content =  "<div class=\"alum\"><div class=\"alum_name\"><label class=\"required\">Name:</label><br/>";
	content += "<input type=\"text\" name=\"names[]\" class=\"required\"></div><div class=\"alum_year\">";
	content += "<label class=\"required\">Year*:</label><br/><input type=\"text\" name=\"years[]\" class=\"required\"></div>";
	content += '<div class="alum_league"><label class="required">League:</label><br/><input type="text" name="league[]" class="required">';
	content +=  "</div><a href=\"javascript:;\" class=\"remove_player\">X</a></div>";	
	return content;
}