 $().ready(function() {
  	var url="/";
	  $.datepicker.setDefaults({showOn: 'both', buttonImageOnly: true,
	  buttonImage: url+'templates/js/datepicker/img/calendar.gif', buttonText: 'Calendario'});
	  $('#date_field').datepicker($.extend({showStatus: true}, $.datepicker.regional['it']));

      $("#calcolarata").validate({
	    errorElement: "span",
		rules: {
			capitale: {
				required: true,
				digits: true,
				min: 1000,
				max: 10000000
			},
			durata: {
				required: true,
				max: 99
			},
			tasso: {
				required: true,
				numberDE: true
			},
			date_field: {
				required: true,
				date: true
			}
		},
	    messages: {
			capitale: {
				required: "Inserisci un valore per l'importo da calcolare, grazie",
				digits: "Inserisci un valore per l'importo da calcolare, grazie",
				min: "Inserisci una cifra di almeno 1000 euro, grazie",
				max: "Inserisci una cifra pi&ugrave; bassa, grazie"
			},
			durata: {
				required: "Inserisci una durata, grazie",
				max: "Inserisci un periodo minore di 100 anni, grazie"
			},
			tasso: {
				required: "Inserisci un tasso di interesse, grazie",
				numberDE: "Inserisci un tasso corretto, grazie"
			},
			date_field: {
				required: "Inserisci una data, grazie",
				date: "Inserisci una dataaaaa, grazie"
			}

		}
	});
	$("#subm").click(function() {
	  if ($("#calcolarata").valid()==false){
		  return false;
	  } else {
		  showrate();
	 	  return false;
	  }
	});
 });

 function showrate(data) {
	 $('#rate').html("<strong>Calcolo in corso</strong>");
	 $('#riepilogo').html("");
	 $('#rate').css("display","block");
	 $('#riepilogo').css("display","block");
	  $.ajax({
	   type: "POST",
	   url: "./risparmio_fiscale_do.php",
	   data: "capitale="+$("#capitale").val()+"&durata="+$("#durata").val()+"&cadenza="+$("#cadenza").val()+"&tasso="+$("#tasso").val()+"&date_field="+$("#date_field").val(),
	   dataType: "json",
	   success: function(returned_data) {makerate(returned_data);}
	  });
 }

function makerate(rd){
	$('#rate').html(rd.rate);
	$('#riepilogo').html(rd.riepilogo);
}