$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $("#submit").click(function() {
	// validate and process form
	// first hide any error messages
	$('.error').hide();
	
	var school = $("#school").val();
	if (school == "") {
		$("label#school_error").show();
		$("input#school").focus();
		return false;
	}
		
	var name = $("#name").val();
	if (name == "") {
		$("label#name_error").show();
		$("input#name").focus();
		return false;
	}
	
	var surname = $("#surname").val();
	if (surname == "") {
		$("label#surname_error").show();
		$("input#surname").focus();
		return false;
	}
	

	var dataString = 'name='+ name + '&surname=' + surname + '&school=' + school;


	$.ajax({
		type: "POST",
		url: "reg.php",
		data: dataString,
		success: function(html) {
			$('.home').hide();
			
			$('#main div.msg').html(html)
			.hide()
		
			.fadeIn(1500, function() {
				$('#msg').append("<img id='checkmark' src='images/check.png' />");	
			});
			
			$("#teambrowser").fadeIn(1500);
			$("#teambrowser-shadow").fadeIn(1500);
			
		}
     	});
     	
    	return false;
    	});
});
runOnLoad(function(){
  $("input#name").select().focus();
});