
var gatewayMode = 'DMY';
function changeGatewayMode() {
	var mode = $(this).find('option:selected').attr('class');
	
	if( typeof mode != 'undefined' && gatewayMode != mode ) {
		gatewayMode = mode;
		
		var ele = {
			D: $('#gateway-day').remove(),
			M: $('#gateway-month').remove(),
			Y: $('#gateway-year').remove()
		};
		
		
		for(n=0,c=mode.length; n<c; n++) {
			$('#gateway-date').append(ele[mode.substr(n,1)]);
		}
		
		gatewayBind();
	}
}

function setDateBoxValue(el, val, regex) {
	if (!$(el).val().match(regex)) {
		$(el).val(val);
	}
}

function gatewayBind() {
	var dayRegex = /^[0-3]?[0-9]$/,
		monthRegex = /^[0-1]?[0-9]$/,
		yearRegex = /^(19|20)[0-9][0-9]$/;

	/* Hide date prompts */
	$("#gateway-day")
		.focus(function () {
			setDateBoxValue(this, "", dayRegex);
		})
		.blur(function () {
			setDateBoxValue(this, "DD", dayRegex);
		})
		.keyup(function(event) {
			if( (event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) ) {
				if( $(this).val().length == 2) {
					$(this).next('input[type=text]').focus().select();
				}
			}
		});

	$("#gateway-month")
		.focus(function () {
			setDateBoxValue(this, "", monthRegex);
		})
		.blur(function () {
			setDateBoxValue(this, "MM", monthRegex);
		})
		.keyup(function(event) {
			if( (event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) ) {
				if( $(this).val().length == 2) {
					$(this).next('input[type=text]').focus().select();
				}
			}
		});

	$("#gateway-year")
		.focus(function () {
			setDateBoxValue(this, "", yearRegex);
		})
		.blur(function () {
			setDateBoxValue(this, "YYYY", yearRegex);
		})
		.keyup(function(event) {
			if( (event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) ) {
				if( $(this).val().length == 4) {
					$(this).next('input[type=text]').focus().select();
				}
			}
		});
}

$(function () {
	$('#gateway-country').ready(changeGatewayMode).change(changeGatewayMode).keyup(changeGatewayMode);
	gatewayBind();

	if( $("#header").height() + $("#footer").height() + $("#crosslink").height()+1 + $("#content").height() < $(window).height() ) {
		$('#accept-terms')
			.css('position', 'absolute')
			.css('width', '100%')
			.css('padding', '0')
			.css('margin', '0')
			.css('left', '0')
			.css('bottom', '60px')
	
		resize();

	}
});
