$(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_spa_cr.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: {
			SaleFrom: {
				digits: true,
				range: [e.TheValues.MinSalePrice, e.TheValues.MaxSalePrice]
			},
			SaleTo: {
				digits: true,
				range: [e.TheValues.MinSalePrice, e.TheValues.MaxSalePrice]
			},
			RentFrom: {
				digits: true,
				range: [e.TheValues.MinRentPrice, e.TheValues.MaxRentPrice]
			},
			RentTo: {
				digits: true,
				range: [e.TheValues.MinRentPrice, e.TheValues.MaxRentPrice]
			}
		},
		messages: {
			SaleFrom: {
				digits: "<br>Please type numbers only",
				range: jQuery.format("<br>The price range is between {0} and {1} US Dollars")
				},
			SaleTo: {
				digits: "<br>Please type numbers only",
				range: jQuery.format("<br>The price range is between {0} and {1} US Dollars")
				},
			RentFrom: {
				digits: "<br>Please type numbers only",
				range: jQuery.format("<br>The price range is between {0} and {1} US Dollars")
				},
			RentTo: {
				digits: "<br>Please type numbers only",
				range: jQuery.format("<br>The price range is between {0} and {1} US Dollars")
			}
		},
	// 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');