// JavaScript Document
$(document).ready(function() {
	// validate register form on keyup and submit
	var validator = $("#registerform").validate({
		rules: {
			rteamname: {
				required: true,
				minlength: 3,
				accept: "[a-zA-Z.]+",
				maxlength:20,
				cache: false,
				remote: {
					url : "LoginAndRegistration",
					type: "POST",
					data: {
						optString:"3",
						teamname: function(){
							return $("#rteamname").val();
						}
					}
				}
			},
			email: {
				required: true,
				email: true,
				accept: "[a-zA-Z0-9_.@]+",
				remote: {
					url : "LoginAndRegistration",
					type: "POST",
					data: {
						optString:"9",
						email: function(){
							return $("#email").val();
						}
					}
				}
			},
			rpassword: {
				required: true,
				minlength: 5
			},
			password_confirm: {
				required: true,
				minlength: 5,
				equalTo: "#rpassword"
			},
			contactnum: {
				number: true,
				minlength:10,
				maxlength:11
			},
			member1: {
				required:true,
				minlength: 2
			},
			member2: {
				minlength: 2
			},
			member3: {
				minlength: 2
			},
			member4: {
				minlength: 2
			}
		},
		messages: {
			rteamname: {
				required: "Required!",
				accept:"Only A-Z, a-z and . allowed",
				minlength: jQuery.format("Min{0} characters."),
				maxlength: "Max {0} characters.",
				remote: jQuery.format("UserName already in use.")
			},
			email: {
				required: "Required!",
				accept:"No special chars other than <big>.&nbsp;_</big>",
				email: "Invalid!",
				remote: jQuery.format("Email already in use")
			},
			rpassword: {
				required: "Required!",
				minlength: jQuery.format("Min{0} characters")
			},
			password_confirm: {
				required: "Required!",
				minlength: "Invalid!",
				equalTo: "Repeat Password!"
			},
			contactnum: {
				number: "Numbers Only!",
				maxlength:"Max {0} digits!",
				minlength:"Min {0} digits!"
			},
			member1: {
				required: "Required!",
				minlength: jQuery.format("Min{0} characters")
			},
			member2: {
				minlength: jQuery.format("Min{0} characters")
			},
			member3: {
				minlength: jQuery.format("Min{0} characters")
			},
			member4: {
				minlength: jQuery.format("Min{0} characters")
			}
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next() );
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			registerTeam();
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
	
// validate login form on keyup and submit
	var validator = $("#registerformlog").validate({
		rules: {
			teamname: {
				required: true
			},
			password: {
				required: true
			}
		},
		messages: {
			teamname: {
				required: "Required!"
			},
			password: {
				required: "Required!"
			}
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next() );
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			
			doLogin(0);
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});

	// validate forgot password form on keyup and submit
	var validator = $("#resetPwd").validate({
		rules: {
			fpteamname: {
				required: true
			},
			fppassword: {
				email:true,
				required: true
			}
		},
		messages: {
			fpteamname: {
				required: "Required!"
			},
			fppassword: {
				required: "Required!",
				email:"Invalid!"
			}
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next() );
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			forgotPassword();
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
	
	//validate Fb Register  form on keyup and submit
	var validator = $("#registerformfb").validate({
		rules: {
			fbemail: {
				required: true,
				email:true
			},
			fbcontactnum: {
				minlength:10,
				maxlength:11,
				number:true
			}
		},
		messages: {
			fbemail: {
				required: "Required!",
				email:"Invalid!"
			},
			fbcontactnum: {
				minlength:"Min {0} Digits!",
				maxlength:"Max {0} Digits!",
				number:"Numbers Only!"
			}
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next() );
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			FBRegister123();
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});

});
//login form text color change
function eFocus(field){
	if (field.value == 'Team Name'){
		field.value ='';
	}
	field.className="blackText"
}
function eBlur(field){
	if (field.value == ''){
		field.value ='Team Name';
		field.className="greyText";
	}else{
		field.className="blackText";
	}
}