$(document).ready(function() {
						   
	$(':input#title').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#titleFlag');
		$x.remove();
		if (this.value=='0') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','titleFlag')
				.insertAfter($(this));
		}
	});	
	
	$(':input#fname').blur(function() {			
		$(this).css('border','none');
		var $x = $(this).parents().find('span#fnameFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','fnameFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#sname').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#snameFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','snameFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#address').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#addressFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','addressFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#pcode').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#pcodeFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','pcodeFlag')
				.insertAfter($(this));
		}
	});	
	$(':input#bhPhone').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#bhPhoneFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','bhPhoneFlag')
				.insertAfter($(this));
		}
	});
	$(':input#bhArea').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#bhAreaFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','bhAreaFlag')
				.insertAfter($(this));
		}
	});	
	
	$(':input#prevEmploy').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#prevEmployFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','prevEmployFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#prevPosit').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#prevPositFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','prevPositFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#prevLength').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#prevLengthFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','prevLengthFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#availability').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#availabilityFlag');
		$x.remove();
		if (this.value=='0') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','availabilityFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#visa').blur(function() {
		$(this).css('border','none');
		var $x = $(this).parents().find('span#visaFlag');
		$x.remove();
		if ((this.value=='')&&($('input[name="permission"]:checked').val() == 'yes')) {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','visaFlag')
				.insertAfter($(this));
		}
	});	
	
	$(':input#email').blur(function() {
		$(this).css('border','none');														 
		var $x = $(this).parents().find('span#emailFlag');
		$x.remove();
		if (this.value=='') {
			$(this).css('border','1px solid red');
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','emailFlag')
				.insertAfter($(this));
		}
		if (this.value != '' && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value)) {
			$(this).css('border','1px solid red');
			var eml	= "Please use proper email format. eg. example@example.com";
			$('<span></span>')
				.text(eml)
				.addClass('form-omission')
				.attr('id','emailFlag')
				.css({
					 'background':'#E8B9CE url("img/validation-arrow2.png") no-repeat 0px 0px',
					 'width':'346px'})
				.insertAfter($(this));
		}
	});
	
	$('input[name="residency"]').click(function() {
		var $x = $(this).parents().find('span#residencyFlag');
		$x.remove();
		$('div.residency-input').css('border','none');
		if ($(this).val() == 'no') {
			$('#permission-block').removeClass('disabled');
			$('#permission_0').removeAttr('disabled');
			$('#permission_1').removeAttr('disabled');
			$('#visa-block').removeClass('disabled');
			$('#visa').removeAttr('disabled');
		} else {
			$('#permission-block').addClass('disabled');
			$('#permission_0').attr('disabled','disabled');
			$('#permission_1').attr('disabled','disabled');
			$('#visa-block').addClass('disabled');
			$('#visa').attr('disabled','disabled');
			var $x = $(this).parents().find('span#permissionFlag');
			$x.remove();
			var $y = $(this).parents().find('span#visaFlag');
			$y.remove();
		}
	});
	
	var numWarnings;
	
	$('form').submit(function() {
		numWarnings = 0;
		$('#submit-message').remove();
		$('#residencyFlag').remove();
		$('#permissionFlag').remove();
		$('#visaFlag').remove();
		$('form :input').trigger('blur');
		$('div.residency-input').css('border','none');
		var residencyValue = $('input[name="residency"]:checked').val();
		if (residencyValue == null) {
			$('div.residency-input:eq(0)').css('border','1px solid red');
			var msg = "This is a required field";
			var $y = $('#residency_1').parent().parent();
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','residencyFlag')
				.insertAfter($y);
		}
		var permissionValue = $('input[name="permission"]:checked').val();
		if ((permissionValue == null)&&($('input[name="residency"]:checked').val() == 'no')) {	
			var msg = "This is a required field";
			var $y = $('#permission_1').parent().parent();
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','permissionFlag')
				.insertAfter($y);
		}
		
		$('.form-omission').each(function() {
			numWarnings += 1;
		});
		if (numWarnings !== 0) {
			$('<div></div>')
				.attr('id','submit-message')
				/*.addClass('form-error')*/
				.append('There are ' + numWarnings + ' fields above that have errors. Please correct these, and press Submit Form again.')
				.insertBefore('#submit-block');
			return false;
		} else {
			return true;
		}
	});
});