var contentElement;
$(function(){
	contentElement = document.getElementById('vcenter');
	setContent();
	var $inputs = $('.age form fieldset.dob select');
	var $day = $inputs.filter('#day');
	var $month = $inputs.filter('#month');
	var $year = $inputs.filter('#year');
	var defaults = {
		day: $day.val(),
		month: $month.val(),
		year: $year.val()
	};
	var $submit = $('.age form fieldset.dob button');
	var $form = $('.age form ');
	// flag marking whether the fields have been cleared/clicked already
	$inputs.data('cleared', false);
	var today = new Date();
	var maxYear = today.getFullYear();
	$inputs.focus(function(){
		var $self = $(this);
		var $parent = $self.parent();
		if (!$self.data('cleared')) {
			$self.val('');
			$self.addClass('big');
			if ($self.is('#day')) {
				$self.jStepper({
					minValue:1,
					maxValue:31
				});
				$self.attr('maxlength',2);
			};
			if ($self.is('#month')) {
				$self.jStepper({
					minValue:1,
					maxValue:12
				})
				$self.attr('maxlength',2);
			};
			if ($self.is('#year')) {
				$self.jStepper({
					minValue:1,
					maxValue:maxYear
				})
				$self.attr('maxlength',4);
			};
			$self.data('cleared',true);
		}
		$parent.addClass('focused');
	})
	$inputs.blur(function(){
		var $self = $(this);
		var $parent = $self.parent();
		$parent.removeClass('focused');
	})
	$form.submit(function(e) {
		var current = {
			day: $day.val(),
			month: $month.val(),
			year: $year.val()
		}
		if (current.day == '' || current.day == defaults.day || current.month == '' || current.month == defaults.month || current.year == '' || current.year == defaults.year) {
			alert('Please type in your birthday');
			return e.preventDefault();
		}
		var birthday=new Date(parseInt(current.year) , parseInt(current.month), parseInt(current.day));
		var milli= today - birthday;
		var milliPerYear = 1000*60*60*24*365.26;
		if(milli/milliPerYear<18) {
			//age fail
			$('#validate_age').hide();
			$('#fail').show();

			return e.preventDefault();
		}
	});
//    var christmas=new Date(today.getFullYear(), 11, 25);
});
function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}
function setContent() {
	if (document.getElementById) {
		var windowHeight = getWindowHeight();
		if (windowHeight > 0) {
			var contentHeight = contentElement.offsetHeight;
			if (windowHeight - contentHeight > 0) {
				contentElement.style.position = 'relative';
				contentElement.style.top = ((windowHeight / 2) - (contentHeight / 2)) + 'px';
			}
			else {
				contentElement.style.position = 'static';
			}
		}
	}
}
window.onresize = function() {
	setContent();
}