$(document).ready(function() {

	var validator = $("#applicationForm").validate({
        errorElement: "div",
        wrapper: "div",  // a wrapper around the error message
        errorPlacement: function(error, element) {
            offset = element.offset();
            error.insertBefore(element)
            error.addClass('message');  // add a class to the wrapper
            error.css('right', offset.left + element.outerWidth());
            error.css('top', offset.top);
			if (element.attr('type') == 'radio'){
				error.removeClass('message');  // add a class to the wrapper
				error.addClass('message2');  // add a class to the wrapper
			}
        }
    });


	$("#applicationForm").validate({
    invalidHandler: function(form, validator) {
	var errors = validator.numberOfInvalids();
      if (errors) {
        var message = errors == 1
          ? 'You missed 1 field. It has been highlighted'
          : 'You missed ' + errors + ' fields. They have been highlighted';
        $("div.error span").html(message);
        $("div.error").show();
      } else {
        $("div.error").hide();
      }
      var errors = validator.numberOfInvalids();
	  }});
	  
	$( "#tabs" ).tabs();

		$.featureList(
			$("#tabs li a"),
			$("#output li"), {
				start_item	:	0
			}
		);
			
	$("#applicationForm").submit(function() {
		$("#pleaseexplainfelony1").appendTo("#beforesubmit");
	});
	
	$("#applicationForm").submit(function() {
		$("#workedforsodrel").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#howlongsincelastemployeddialog").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#nameofbondingcompany").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#pleaseexplainfelony2").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#pleaseexplainlicensesuspended").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#pleaseexplainwarningtickets").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#pleaseexplainlicenserevoked").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#pleaseexplainlicenserevoked2").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#experiencedeniedlicensedialog").appendTo("#beforesubmit");
	});

	$("#applicationForm").submit(function() {
		$("#pleaseexplainreasonunable2").appendTo("#beforesubmit");
	});


	$("#sorry").dialog({
		autoOpen: false,
		modal: true,
		buttons: {
			Okay: function() {
					$('#applicationForm input[type!=checkbox]').addClass('formGrayOut').attr('disabled','disabled');
				$( this ).dialog( "close" );
			}
		}
	});

	$("#workedforsodrel").dialog({
		autoOpen: false,
		modal: true,
		width: 450,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#howlongsincelastemployeddialog").dialog({
		autoOpen: false,
		modal: true,
		width: 450,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#nameofbondingcompany").dialog({
		autoOpen: false,
		modal: true,
		width: 450,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#pleaseexplainfelony1").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#pleaseexplainfelony2").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});


	$("#pleaseexplainlicensesuspended").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#pleaseexplainwarningtickets").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#pleaseexplainlicenserevoked").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#pleaseexplainlicenserevoked2").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#experiencedeniedlicensedialog").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	$("#pleaseexplainreasonunable2").dialog({
		autoOpen: false,
		modal: true,
		width: 440,
		buttons: {
			Okay: function() {
				$( this ).dialog( "close" );
			}
		}
	});

	var $tabs = $("#tabs").tabs({
		select: function(event, ui) {
			var valid = true;
			var current = $(this).tabs("option", "selected");
			var panelId = $("#tabs ul a").eq(current).attr("href");
			
			if (ui.index > current) {
				$(panelId).find("input").each(function() {
					if (!validator.element(this) && valid) {
						valid = false;
					}
				});
			}
			
			return valid;

		}
	});

	var $tabs = $("#tabs").tabs();

	$("#nextyourinfoBtn").click(function() {
		$tabs.tabs('select', 1); // switch to 2nd tab
       		$('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});

	$("#nextexperienceBtn").click(function() {
		$tabs.tabs('select', 3); // switch to 4th tab
       		$('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});

	$("#nextworkhistoryBtn").click(function() {
		$tabs.tabs('select', 2); // switch to 4th tab
       		$('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});

	$("#nextsendBtn").click(function() {
		$tabs.tabs('select', 4); // switch to 5th tab
       		$('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});

	$("input[name='workedforsodrel']").change(function(){
	    if ($("input[name='workedforsodrel']:checked").val() == 'yes')
		$("#workedforsodrel").dialog("open");
	});

	$("input[name='areyouemployed']").change(function(){
	    if ($("input[name='areyouemployed']:checked").val() == 'no')
		$("#howlongsincelastemployeddialog").dialog("open");
	});

	$("input[name='beenbonded']").change(function(){
	    if ($("input[name='beenbonded']:checked").val() == 'yes')
		$("#nameofbondingcompany").dialog("open");
	});

	$("input[name='license']").change(function(){
	    if ($("input[name='license']:checked").val() == 'no')
		$("#sorry").dialog("open");
	});
	$("input[name='dot']").change(function(){
	    if ($("input[name='dot']:checked").val() == 'no')
		$("#sorry").dialog("open");
	});
	$("input[name='drugtest']").change(function(){
	    if ($("input[name='drugtest']:checked").val() == 'no')
		$("#sorry").dialog("open");
	});
	$("input[name='legallyeligible']").change(function(){
	    if ($("input[name='legallyeligible']:checked").val() == 'no')
		$("#sorry").dialog("open");
	});
	$("input[name='felony']").change(function(){
	    if ($("input[name='felony']:checked").val() == 'yes')
		$("#pleaseexplainfelony1").dialog("open");
	});
	$("input[name='felony2']").change(function(){
	    if ($("input[name='felony2']:checked").val() == 'yes')
		$("#pleaseexplainfelony2").dialog("open");
	});
	$("input[name='anyreasonunable2']").change(function(){
	    if ($("input[name='anyreasonunable2']:checked").val() == 'yes')
		$("#pleaseexplainreasonunable2").dialog("open");
	});
	$("input[name='licensesuspended']").change(function(){
	    if ($("input[name='licensesuspended']:checked").val() == 'yes')
		$("#pleaseexplainlicensesuspended").dialog("open");
	});

	$("input[name='licenserevoked']").change(function(){
	    if ($("input[name='licenserevoked']:checked").val() == 'yes')
		$("#pleaseexplainlicenserevoked").dialog("open");
	});

	$("input[name='experiencesuspendedrevoked']").change(function(){
	    if ($("input[name='experiencesuspendedrevoked']:checked").val() == 'yes')
		$("#pleaseexplainlicenserevoked2").dialog("open");
	});

	$("input[name='anywarningtickets2']").change(function(){
	    if ($("input[name='anywarningtickets2']:checked").val() == 'yes')
		$("#pleaseexplainwarningtickets").dialog("open");
	});

	$("input[name='experiencedeniedlicense']").change(function(){
	    if ($("input[name='experiencedeniedlicense']:checked").val() == 'yes')
		$("#experiencedeniedlicensedialog").dialog("open");
	});
	$("form").find("input[name*=_date]:text").datepicker({
			onClose: function() {$(this).valid();},
			changeMonth: true,
			changeYear: true
		});
});