var mileagePopin = function() {
	
		/* Load the change mileage page */
		this.changeMileagePopin = function (e) {
			e.preventDefault();
			var mileagePopinObject = e.data.mileagePopinObject;
			
			var url = jQuery('#mileagePopin #changeUrl').val();
			
			jQuery('#mileagePopin .popinContent').html('<p class="waitText">' + jQuery('#mileagePopin #changingMessage').val() + '</p>').load(url, function(evt) {
				jQuery('#mileagePopin #btSendMileage').bind('click', {mileagePopinObject: mileagePopinObject}, mileagePopinObject.sendMileagePopin);
			});
		}
		
		/* Load the confirm mileage page */
		this.validateMileagePopin = function (e) {
			e.preventDefault();
			var mileagePopinObject = e.data.mileagePopinObject;
			
			var url = jQuery('#mileagePopin #validateUrl').val();
			
			jQuery('#mileagePopin .popinContent').html('<p class="waitText">' + jQuery('#mileagePopin #validatingMessage').val() + '</p>').load(url);
		}
		
		/* Load the confirm mileage page */
		this.sendMileagePopin = function (e) {
			e.preventDefault();
			var mileagePopinObject = e.data.mileagePopinObject;
			
			var url = jQuery('#mileagePopin #sendUrl').val();
			
			var currentMileage = jQuery('#mileagePopin #currentMileage').val();
			var annualMileage = jQuery('#mileagePopin #annualMileage').val();
			
			jQuery('#mileagePopin .popinContent').html('<p class="waitText">' +
				jQuery('#mileagePopin #sendingMessage').val() + '</p>').load(url + "?currentMileage=" + currentMileage + "&annualMileage=" + annualMileage);
		}
		
		this.initMileagePopin = function () {
			jQuery('#mileagePopin #changeMileage').bind('click', {mileagePopinObject: this}, this.changeMileagePopin);
			jQuery('#mileagePopin #validateMileage').bind('click', {mileagePopinObject: this}, this.validateMileagePopin);
		}
		
		this.initMileagePopin();
}

var objMAPopin = null;

/* Document's initialisation */
jQuery(document).ready(function() {
	
	if (jQuery('#mileagePopin') != null) {
		objMAPopin = new mileagePopin();
	}
});