$(document).ready(function(){
	var _popup = document.getElementById("popup2");
	var popup_shadow = document.getElementById("popup-shadow");
	
	var _form = $('#aspnetForm');
	var _errorText = $('div.error-text ul');
	var _closeButton = $('a.close-button, input', $('#popup2'));
	
	_errorText.html('');
	
	var _inputs = $('input[type="text"], textarea');
	_inputs.focus(function(){
		$(this).parent().parent().addClass('input-active');
	});
	_inputs.blur(function(){
		$(this).parent().parent().removeClass('input-active');
	});
	
	$('.date').datepicker({
		dateFormat: 'dd/mm/y',
		firstDay:1
	});
	
	var _error = '';
	var _emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	var _dateReg = /^(\d{1,2})\/(\d{1,2})\/((?:\d{4}|\d{2}))$/;
	
	var _page = document.getElementById("main");
	
	
	if(_popup && popup_shadow){
		_form.submit(function(){
			var _date = $('.date');
			var _email = $('.email');
			var _firstName = $('.first-name');
			var _lastName = $('.last-name');
			var _city = $('.city-of-interest :selected');
			var _false = false;
			
			_errorText.html('');
			
			if (_firstName.val() == '') _error += '<li>First Name</li>';
			if (_lastName.val() == '') _error += '<li>Last Name</li>';
			if (!_emailReg.test(_email.val())) _error += '<li>Email Address (In the format xxxx@xxxx.com)</li>';
			if (!_dateReg.test(_date.val())) _error += '<li>Arrival Date (In the format dd/mm/yy)</li>';
			if (_city.text() == '') _error += '<li>City of Interest</li>';
	
			if (_error != '') {
				_false = true;
			}
			
			_closeButton.click(function(){
				popup_shadow.style.display = 'none';
				_popup.style.left = '-9999px';
				_popup.style.visibility = 'hidden';
				_false = false;
				_error = '';
				_errorText.html('');
				return false;
			});		
			
			
			if (_false) {
				_errorText.html(_error);
				
				var _h = 0;
				if (window.innerHeight){ _h = window.innerHeight;}
				else{ _h = document.documentElement.clientHeight;}
				if(document.body.offsetHeight > _h) { _h = document.body.offsetHeight;}
				popup_shadow.style.height = _h + 'px';
				popup_shadow.style.display = 'block';
				_popup.style.visibility = 'visible';
				
				_popup.style.top = '60%';
				_popup.style.left = '50%';
				_popup.style.marginLeft = '-410px';
				_popup.style.zIndex = '999';
				
				return false;
			}
			
		});
	}
	
});