$(document).ready(function(e) {
	// validate signup form on keyup and submit
	var TheContent = '<table width="272" border="0" align="center">'
	var TheContent = TheContent + '<tr><td valign="top" align="center" bgcolor="#f2f5e1"><img src="/img/los/logo_pagsinternas.gif" width="200" height="125">'
	var TheContent = TheContent + '<p style="font-family: Arial, Helvetica, sans-serif;text-transform:none;font-weight:bold;font-size:18px;color:#c50115;text-align:center;">Please Wait...</p>'
	var TheContent = TheContent + '<p align="center"><img src="/js/nyroModal/images/ajaxLoader.gif" alt="Please Wait.." /></p>'
	var TheContent = TheContent + '</td></tr>'
	var TheContent = TheContent + '</table>'
	var validator = $("#TheForm").validate({
		rules: {
			FirstName: {
				required: true
			},
			LastName: {
				required: true
			},
			Phone: {
				required: true,
				digits: true
				
			},
			Email: {
				required: true,
				email: true
			}
		},
		messages: {
			FirstName: {
				required: "<br>Please enter Your First Name"
				},
			LastName: {
				required: "<br>Please enter Your Last Name"
				},
			Phone: {
				required: "<br>Please enter Your Phone Number<br>(including area & country codes)",
				digits: "<br>Please type numbers only",
				},
			Email: {
				required: "<br>Please enter your E-mail",
				email: "<br>Please enter your E-mail as<br>MyName@CompanyName.com"
				}
		},
	// 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() );
				element.addClass("error")
		},
// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			$.nyroModalManual({
				content: TheContent,
				modal:true,
				width: 300,
				height: 250
			});
			document.getElementById('TheForm').submit()
		},
// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
});
function preloadImg(image) {
	var img = new Image();
	img.src = image;
}
preloadImg('/js/nyroModal/images/ajaxLoader.gif');
preloadImg('/img/los/logo_pagsinternas.gif');
